From 277978955817ec47866c4742f0f1c174b05f5843 Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Thu, 18 Jun 2020 23:02:15 +0200
Subject: [PATCH] add domotics links

---
 resources/js/views/Domotics/DomoticHome.vue | 34 +++++++++++++++++++++
 resources/js/views/Home.vue                 |  4 ++-
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/views/Domotics/DomoticHome.vue

diff --git a/resources/js/views/Domotics/DomoticHome.vue b/resources/js/views/Domotics/DomoticHome.vue
new file mode 100644
index 0000000..bfbdcc3
--- /dev/null
+++ b/resources/js/views/Domotics/DomoticHome.vue
@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <div class="m-2">
+            <div class="card">
+                <div class="text-black m-2 p-2 flex flex-col">
+                    <h2>Raspberry Links</h2>
+                    <ul class="mt-2">
+                        <li><a v-for="(link, index) in links" :href="link.link" :key="index" target="_blank" class="block text-lg">{{ link.name }}</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DomoticHome',
+    data: function () {
+        return {
+            links: [
+                { name: 'Météo', link: 'http://192.168.1.32/meteo/meteo'},
+                { name: 'MotionEye', link: 'http://192.168.1.32:8765'},
+                { name: 'TT-RSS', link: 'https://tt-rss.bricooli.fr'},
+                { name: 'Pi-Hole', link: 'http://192.168.1.32/admin/index.php'},
+                { name: 'RaspAp', link: 'http://192.168.1.32/raspap'},
+                { name: 'Kodi', link: 'http://192.168.1.19:8080/'},
+                { name: 'RaspiWeb Adminer', link: 'http://192.168.1.32/adminer.php'},
+                { name: 'RaspiGate Adminer', link: 'http://192.168.1.29/adminer.php'},
+            ],
+        }
+    },
+}
+</script>
diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index 22de86c..ade0f08 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -4,6 +4,7 @@
         <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" />
         </div>
     </div>
 </template>
@@ -11,11 +12,12 @@
 <script>
 import OpenWeatherCard from './Meteo/OpenWeatherCard'
 import MemoHome from './Memo/MemoHome'
+import DomoticHome from './Domotics/DomoticHome'
 
 export default {
     name: 'Home',
     components: {
-        OpenWeatherCard, MemoHome
+        OpenWeatherCard, MemoHome, DomoticHome
     }
 }
 </script>