From b6143e67a8f05dee991c429b477d269906d783c8 Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Thu, 2 Jul 2020 20:40:38 +0200
Subject: [PATCH] add meteo home board

---
 app/Http/Controllers/AutomationController.php | 19 +++++++
 .../AutomaticLinksHome.vue}                   |  2 +-
 .../views/Automation/AutomaticMeteoHome.vue   | 56 +++++++++++++++++++
 resources/js/views/Home.vue                   |  8 ++-
 routes/api.php                                |  1 +
 5 files changed, 82 insertions(+), 4 deletions(-)
 create mode 100644 app/Http/Controllers/AutomationController.php
 rename resources/js/views/{Domotics/DomoticHome.vue => Automation/AutomaticLinksHome.vue} (97%)
 create mode 100644 resources/js/views/Automation/AutomaticMeteoHome.vue

diff --git a/app/Http/Controllers/AutomationController.php b/app/Http/Controllers/AutomationController.php
new file mode 100644
index 0000000..a6c3592
--- /dev/null
+++ b/app/Http/Controllers/AutomationController.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class AutomationController extends Controller
+{
+    public function home()
+    {
+        $url = "http://192.168.1.32/meteo/meteo/api/?device=all&instant";
+        $client = new \GuzzleHttp\Client();
+
+        $promise = $client->requestAsync('GET', $url);
+        $response = $promise->wait();
+
+        return $response->getBody()->getContents();
+    }
+}
diff --git a/resources/js/views/Domotics/DomoticHome.vue b/resources/js/views/Automation/AutomaticLinksHome.vue
similarity index 97%
rename from resources/js/views/Domotics/DomoticHome.vue
rename to resources/js/views/Automation/AutomaticLinksHome.vue
index bfbdcc3..bb74ff6 100644
--- a/resources/js/views/Domotics/DomoticHome.vue
+++ b/resources/js/views/Automation/AutomaticLinksHome.vue
@@ -15,7 +15,7 @@
 
 <script>
 export default {
-    name: 'DomoticHome',
+    name: 'AutomaticLinksHome',
     data: function () {
         return {
             links: [
diff --git a/resources/js/views/Automation/AutomaticMeteoHome.vue b/resources/js/views/Automation/AutomaticMeteoHome.vue
new file mode 100644
index 0000000..a2d8ed4
--- /dev/null
+++ b/resources/js/views/Automation/AutomaticMeteoHome.vue
@@ -0,0 +1,56 @@
+<template>
+    <div>
+        <div class="m-2">
+            <div class="card">
+                <div class="text-black m-2 p-2 flex flex-col">
+                    <h2>Météo Home</h2>
+                    <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>
+                            </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>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'AutomaticMeteoHome',
+    data: function () {
+        return {
+            captors: null,
+        }
+    },
+    mounted() {
+        // eslint-disable-next-line no-undef
+        axios.get('/api/automation/home')
+            .then(response => {
+                this.captors = response.data.data
+                console.log(response.data.data)
+            })
+            .catch(() => {
+                console.log('Unable to fetch memos.')
+            })
+    },
+    methods: {
+        floated: function (value) {
+            return value.toFixed(2)
+        }
+    },
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index ade0f08..023380b 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -4,7 +4,8 @@
         <div class="flex flex-wrap -m-2 mt-2">
             <OpenWeatherCard class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
             <MemoHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
-            <DomoticHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
+            <AutomaticLinksHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
+            <AutomaticMeteoHome class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
         </div>
     </div>
 </template>
@@ -12,12 +13,13 @@
 <script>
 import OpenWeatherCard from './Meteo/OpenWeatherCard'
 import MemoHome from './Memo/MemoHome'
-import DomoticHome from './Domotics/DomoticHome'
+import AutomaticLinksHome from './Automation/AutomaticLinksHome'
+import AutomaticMeteoHome from './Automation/AutomaticMeteoHome'
 
 export default {
     name: 'Home',
     components: {
-        OpenWeatherCard, MemoHome, DomoticHome
+        OpenWeatherCard, MemoHome, AutomaticLinksHome, AutomaticMeteoHome
     }
 }
 </script>
diff --git a/routes/api.php b/routes/api.php
index 47453da..d53eb87 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -30,6 +30,7 @@ Route::middleware('auth:api')->group(function () {
 //        '/friend-request' => 'FriendRequestController',
     ]);
 
+    Route::get('/automation/home', 'AutomationController@home');
     Route::post('/images/users/{users}', 'ImageController@users');
     Route::post('/images/memos/{memo}', 'ImageController@memos');
     Route::patch('/to-do-lists/{toDoList}/to-do/{toDo}/change', 'ToDoController@changeOrder');