Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update a little domo home module

Browse Source
This commit is contained in:
Romulus21
2021-01-03 12:01:13 +01:00
parent e8e04bf6da
commit 07eeecd4f2
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/js/views/Automation/AutomaticMeteoHome.vue
View File

@@ -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>