Add api for files in images dir and show pictures on selected date

This commit is contained in:
2021-09-29 19:18:36 +02:00
parent 96adcc40ba
commit a6fce7b3ff
4 changed files with 128 additions and 12 deletions

View File

@@ -187,25 +187,31 @@
<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="" />
<div class="h4 mt-3 bg-info">Galeria</div>
@if (count($items) > 0)
<b-tabs card lazy>
@if (count($items[0]) > 0)
<b-tab title="Dnešok">
<vue-picture-swipe :items="{{ json_encode($items[0]) }}"></vue-picture-swipe>
<vue-picture-swipe ref="ps" :items="images['0']"></vue-picture-swipe>
</b-tab>
@endif
@if (isset($items[-1]) && count($items[-1]) > 0)
<b-tab title="Včerajšok">
<vue-picture-swipe :items="{{ json_encode($items[-1]) }}"></vue-picture-swipe>
<vue-picture-swipe :items="images['-1']"></vue-picture-swipe>
</b-tab>
@endif
@if (isset($items[-2]) && count($items[-2]) > 0)
<b-tab title="Predvčerajšok">
<vue-picture-swipe :items="{{ json_encode($items[-2]) }}"></vue-picture-swipe>
<vue-picture-swipe :items="images['-2']"></vue-picture-swipe>
</b-tab>
<b-tab title="Zvoľ">
<div class="form-group col-sm-6">
<div class='input-group time' id='datetimepicker3'>
<datetime type="date" input-class="form-control" placeholder="Dátum" v-model="date4search"></datetime>
<span class="input-group-append">
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
</span>
<span class="input-group-append">
<button v-on:click="getImagesForDate()" type="button" class="btn btn-secondary">Zobraz</button>
</span>
</div>
</div>
<vue-picture-swipe :items="images['selected']"></vue-picture-swipe>
</b-tab>
@endif
</b-tabs>
@endif
</div>
</div>