init

2025-12-18 01:30:52 +01:00
commit 6438660b03
78 changed files with 14230 additions and 0 deletions
@@ -0,0 +1,41 @@
+<template lang="pug">
+  v-card.pa-4.rounded-xl.border-subtle.d-flex.flex-column.flex-grow-1(color="#1e1e24")
+    .text-subtitle-1.font-weight-bold.mb-3.d-flex.align-center
+      v-icon(color="#ffeaa7" start) mdi-clock-outline
+      | {{ $t('stats.next24') }}
+
+    .forecast-list.flex-grow-1(v-if="hasUpcoming")
+      div(v-for="(count, hour) in forecast" :key="hour")
+        .d-flex.justify-space-between.align-center.mb-2.py-2.border-b-subtle(v-if="count > 0")
+          span.text-body-2.text-grey-lighten-1
+            | {{ hour === 0 ? $t('stats.availableNow') : $t('stats.inHours', { n: hour }, hour) }}
+          v-chip.font-weight-bold(
+            size="small"
+            color="#2f3542"
+            style="color: #00cec9 !important;"
+          ) {{ count }}
+
+    .fill-height.d-flex.align-center.justify-center.text-grey.text-center.pa-4(v-else)
+      | {{ $t('stats.noIncoming') }}
+</template>
+
+<script setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+	forecast: {
+		type: Object,
+		default: () => ({})
+	}
+});
+
+const hasUpcoming = computed(() => {
+	return props.forecast && props.forecast.some(c => c > 0);
+});
+</script>
+
+<style lang="scss" src="@/styles/components/_widgets.scss" scoped>
+.border-b-subtle {
+	border-bottom: 1px solid rgb(255 255 255 / 5%);
+}
+</style>