add domotics links
This commit is contained in:
34
resources/js/views/Domotics/DomoticHome.vue
Normal file
34
resources/js/views/Domotics/DomoticHome.vue
Normal file
@@ -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>
|
||||||
@@ -4,6 +4,7 @@
|
|||||||
<div class="flex flex-wrap -m-2 mt-2">
|
<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" />
|
<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" />
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -11,11 +12,12 @@
|
|||||||
<script>
|
<script>
|
||||||
import OpenWeatherCard from './Meteo/OpenWeatherCard'
|
import OpenWeatherCard from './Meteo/OpenWeatherCard'
|
||||||
import MemoHome from './Memo/MemoHome'
|
import MemoHome from './Memo/MemoHome'
|
||||||
|
import DomoticHome from './Domotics/DomoticHome'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Home',
|
name: 'Home',
|
||||||
components: {
|
components: {
|
||||||
OpenWeatherCard, MemoHome
|
OpenWeatherCard, MemoHome, DomoticHome
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user