From 07eeecd4f242b86529957cfb82ed0dae982e76fe Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.pro>
Date: Sun, 3 Jan 2021 12:01:13 +0100
Subject: [PATCH] update a little domo home module

---
 .../views/Automation/AutomaticMeteoHome.vue   | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/resources/js/views/Automation/AutomaticMeteoHome.vue b/resources/js/views/Automation/AutomaticMeteoHome.vue
index 0acdbe2..10ac968 100644
--- a/resources/js/views/Automation/AutomaticMeteoHome.vue
+++ b/resources/js/views/Automation/AutomaticMeteoHome.vue
@@ -5,14 +5,14 @@
             <ul class="mt-2">
                 <li v-for="(captor, index) in captors" :key="index" class="block mb-4">
                     <div class="flex justify-between items-baseline mb-2">
-                        <span class="font-bold text-lg">{{ captor.device }}</span>
-                        <span class="text-sm">{{ captor.date_meteo }}</span>
+                        <span class="font-bold text-lg capitalize">{{ captor.device }}</span>
+                        <span class="tinline-block bg-gray-400 text-white text-center rounded-full px-3 py-1 text-sm font-semibold">{{ dateIt(captor.date_meteo) }}</span>
                     </div>
                     <div class="flex flex-no-wrap text-sm -m-1">
-                        <span v-if="captor.temperature" class="mx-1">{{ floated(captor.temperature) }} <span class="font-semibold text-xs">°C</span></span>
-                        <span v-if="captor.humidite" class="mx-1">{{ floated(captor.humidite) }} <span class="font-semibold text-xs">%</span></span>
-                        <span v-if="captor.pression" class="mx-1">{{ floated(captor.pression) }} <span class="font-semibold text-xs">hPa</span></span>
-                        <span v-if="captor.lumiere" class="mx-1">{{ captor.lumiere }}</span>
+                        <span v-if="captor.temperature" class="mx-1 w-1/4">{{ floated(captor.temperature) }} <span class="font-semibold text-xs">°C</span></span>
+                        <span v-if="captor.humidite" class="mx-1 w-1/4">{{ floated(captor.humidite) }} <span class="font-semibold text-xs">%</span></span>
+                        <span v-if="captor.pression" class="mx-1 w-1/4">{{ floated(captor.pression) }} <span class="font-semibold text-xs">hPa</span></span>
+                        <span v-if="captor.lumiere" class="mx-1 w-1/4">{{ captor.lumiere }}</span>
                     </div>
                 </li>
             </ul>
@@ -33,7 +33,6 @@ export default {
         axios.get('/api/automation/home')
             .then(response => {
                 this.captors = response.data.data
-                console.log(response.data.data)
             })
             .catch(() => {
                 console.log('Unable to fetch memos.')
@@ -42,11 +41,16 @@ export default {
     methods: {
         floated: function (value) {
             return value.toFixed(2)
+        },
+        dateIt: function (val) {
+            let hour = val.split(' ')[1].split(':00:')[0]
+            let date = val.split(' ')[0].split('-')
+            let result = hour + 'h ' + date[2] + '/' + date[1]
+            if (parseInt(date[0]) !== new Date().getFullYear()) {
+                result += '/' + date[0]
+            }
+            return result
         }
-    },
+    }
 }
 </script>
-
-<style scoped>
-
-</style>