Little changes to make thumb

This commit is contained in:
2021-09-21 20:39:55 +02:00
parent 714327b236
commit 9fa0c888ca
10 changed files with 193 additions and 6 deletions

4
resources/js/app.js vendored
View File

@@ -51,6 +51,9 @@ Vue.use(CardPlugin);
import { BButton } from 'bootstrap-vue'
Vue.component('b-button', BButton);
import VueGallerySlideshow from 'vue-gallery-slideshow';
Vue.use(VueGallerySlideshow);
//(function () {
var app = new Vue({
el: '#app',
@@ -100,6 +103,7 @@ Vue.component('b-button', BButton);
}
},
series: { "temperature" : [], "humidity" : [], "pressure": [] },
images: { "images-0": {'/upload/images/camera.jpg'}, "images-1": {}, "images-2": {} }
},
mounted: function () {
console.log('MOUNTED');

View File

@@ -184,8 +184,20 @@
</b-tabs>
</b-card>
<div v-if="host == 'strecha'">
<div class="h5 mt-3">Obrázok z kamery</div>
<img class="img-fluid" src="{{ url('upload/images/camera.jpg') }}" alt="" title="" />
<b-tabs card>
<b-tab title="Dnes">
<vue-gallery-slideshow :images="images-0" :index="index" @close="index = null"></vue-gallery-slideshow>
</b-tab>
<b-tab title="Včera">
<vue-gallery-slideshow :images="images-1" :index="index" @close="index = null"></vue-gallery-slideshow>
</b-tab>
<b-tab title="Predvčerom">
<vue-gallery-slideshow :images="images-2" :index="index" @close="index = null"></vue-gallery-slideshow>
</b-tab>
<div class="h4 mt-3 bg-info">Aktuálny obrázok z kamery</div>
<img class="img-fluid" src="{{ url('upload/images/camera.jpg') }}" alt="" title="" />
</b-tabs>
</div>
</div>