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

resources/js/app.js

@@ -65,6 +65,7 @@ Vue.component('vue-picture-swipe', VuePictureSwipe);
         time: null,
         startdate: null,
         enddate: null,
+        date4search: null,
         host: 'balkon',
         componentKey: 0,
         ti: 0, //Tab Index
@@ -103,6 +104,7 @@ Vue.component('vue-picture-swipe', VuePictureSwipe);
           }
         },
         series: { "temperature" : [], "humidity" : [], "pressure": [] },
+        images: { "0": [], "-1": [], "-2": [], "selected": []},
       },
       mounted: function () {
         console.log('MOUNTED');
@@ -116,6 +118,9 @@ Vue.component('vue-picture-swipe', VuePictureSwipe);
       },
 
       methods: {
+        trigger: function () {
+          app.$refs.ps.$el.click();
+        },
         displayResults: function () {
           this.getData();
         },
@@ -132,6 +137,22 @@ Vue.component('vue-picture-swipe', VuePictureSwipe);
             app.$refs[index]._data._graph.resize();
           });
 
+        },
+        getImagesForDate: function () {
+          axios.get('/images/get', {
+            params: {
+              date: this.date4search
+            }
+          })
+          .then(function (response) {
+              console.log("GET DATA Images Selected");
+              console.log(response.data);
+              app.images["selected"] = response.data;
+          })
+          .catch(function (error) {
+              console.log(error);
+          });
+          
         },
         getData: function () {
 
@@ -156,6 +177,48 @@ Vue.component('vue-picture-swipe', VuePictureSwipe);
             console.log(error);
         });
 
+        axios.get('/images/get', {
+          params: {
+            date: "0"
+          }
+        })
+        .then(function (response) {
+            console.log("GET DATA Images 0");
+            console.log(response.data);
+            app.images["0"] = response.data;
+        })
+        .catch(function (error) {
+            console.log(error);
+        });
+      
+        axios.get('/images/get', {
+          params: {
+            date: "-1"
+          }
+        })
+        .then(function (response) {
+            console.log("GET DATA Images -1");
+            console.log(response.data);
+            app.images["-1"] = response.data;
+        })
+        .catch(function (error) {
+            console.log(error);
+        });
+
+        axios.get('/images/get', {
+          params: {
+            date: "-2"
+          }
+        })
+        .then(function (response) {
+            console.log("GET DATA Images -2");
+            console.log(response.data);
+            app.images["-2"] = response.data;
+        })
+        .catch(function (error) {
+            console.log(error);
+        });
+
       let vts = ["temperature","humidity","pressure"];
       for (var t in vts) {
         console.log("t=",vts[t]);