|
1 | 1 | <template>
|
2 | 2 | <div class="chart">
|
3 |
| - <form name="chartForm"> |
4 |
| - <openwb-base-card |
5 |
| - title="Filter" |
6 |
| - :collapsible="true" |
7 |
| - :collapsed="false" |
8 |
| - > |
9 |
| - <openwb-base-select-input |
10 |
| - v-model="chartRange" |
11 |
| - title="Zeitraum" |
12 |
| - :options="[ |
13 |
| - { value: 'day', text: 'Tag' }, |
14 |
| - { value: 'month', text: 'Monat' }, |
15 |
| - { value: 'year', text: 'Jahr' }, |
16 |
| - ]" |
17 |
| - /> |
18 |
| - <openwb-base-text-input |
19 |
| - v-model="chartDate" |
20 |
| - :title="dateInput.title" |
21 |
| - :subtype="dateInput.type" |
22 |
| - :min="dateInput.min" |
23 |
| - :max="currentDate" |
24 |
| - :show-quick-buttons="true" |
25 |
| - @update:model-value="updateChart()" |
26 |
| - /> |
27 |
| - </openwb-base-card> |
28 |
| - <openwb-base-alert |
29 |
| - v-if="!chartDataRead" |
30 |
| - subtype="info" |
31 |
| - > |
32 |
| - Es wurden noch keine Daten abgerufen. |
| 3 | + <div v-if="$store.state.mqtt['openWB/general/extern'] === true"> |
| 4 | + <openwb-base-alert subtype="info"> |
| 5 | + Die Auswertungen sind nicht verfügbar, solange sich diese openWB im Steuerungsmodus "secondary" befindet. Du |
| 6 | + findest alle Auswertungen in der openWB, welche sich im Steuerungsmodus "primary" befindet. |
33 | 7 | </openwb-base-alert>
|
34 |
| - <div v-else> |
| 8 | + </div> |
| 9 | + <div v-else> |
| 10 | + <form name="chartForm"> |
| 11 | + <openwb-base-card |
| 12 | + title="Filter" |
| 13 | + :collapsible="true" |
| 14 | + :collapsed="false" |
| 15 | + > |
| 16 | + <openwb-base-select-input |
| 17 | + v-model="chartRange" |
| 18 | + title="Zeitraum" |
| 19 | + :options="[ |
| 20 | + { value: 'day', text: 'Tag' }, |
| 21 | + { value: 'month', text: 'Monat' }, |
| 22 | + { value: 'year', text: 'Jahr' }, |
| 23 | + ]" |
| 24 | + /> |
| 25 | + <openwb-base-text-input |
| 26 | + v-model="chartDate" |
| 27 | + :title="dateInput.title" |
| 28 | + :subtype="dateInput.type" |
| 29 | + :min="dateInput.min" |
| 30 | + :max="currentDate" |
| 31 | + :show-quick-buttons="true" |
| 32 | + @update:model-value="updateChart()" |
| 33 | + /> |
| 34 | + </openwb-base-card> |
35 | 35 | <openwb-base-alert
|
36 |
| - v-if="!chartDataHasEntries" |
| 36 | + v-if="!chartDataRead" |
37 | 37 | subtype="info"
|
38 | 38 | >
|
39 |
| - Es konnten keine Daten für diesen Zeitraum gefunden werden. |
| 39 | + Es wurden noch keine Daten abgerufen. |
40 | 40 | </openwb-base-alert>
|
41 | 41 | <div v-else>
|
42 |
| - <openwb-base-card |
43 |
| - title="Diagramm" |
44 |
| - :collapsible="true" |
45 |
| - :collapsed="false" |
46 |
| - > |
47 |
| - <div class="openwb-chart"> |
48 |
| - <chartjs-line |
49 |
| - ref="myChart" |
50 |
| - :data="chartData" |
51 |
| - :options="chartOptions" |
52 |
| - @click="handleChartClick" |
53 |
| - /> |
54 |
| - </div> |
55 |
| - </openwb-base-card> |
56 |
| - <openwb-base-card |
57 |
| - title="Summen" |
58 |
| - :collapsible="true" |
59 |
| - :collapsed="true" |
| 42 | + <openwb-base-alert |
| 43 | + v-if="!chartDataHasEntries" |
| 44 | + subtype="info" |
60 | 45 | >
|
61 |
| - <div |
62 |
| - v-for="(group, groupKey) in chartTotals" |
63 |
| - :key="groupKey" |
| 46 | + Es konnten keine Daten für diesen Zeitraum gefunden werden. |
| 47 | + </openwb-base-alert> |
| 48 | + <div v-else> |
| 49 | + <openwb-base-card |
| 50 | + title="Diagramm" |
| 51 | + :collapsible="true" |
| 52 | + :collapsed="false" |
| 53 | + > |
| 54 | + <div class="openwb-chart"> |
| 55 | + <chartjs-line |
| 56 | + ref="myChart" |
| 57 | + :data="chartData" |
| 58 | + :options="chartOptions" |
| 59 | + @click="handleChartClick" |
| 60 | + /> |
| 61 | + </div> |
| 62 | + </openwb-base-card> |
| 63 | + <openwb-base-card |
| 64 | + title="Summen" |
| 65 | + :collapsible="true" |
| 66 | + :collapsed="true" |
64 | 67 | >
|
65 |
| - <openwb-base-card |
66 |
| - v-if="Object.keys(group).length > 0" |
67 |
| - :collapsible="true" |
68 |
| - :collapsed="true" |
69 |
| - :subtype="getCardSubtype(groupKey)" |
| 68 | + <div |
| 69 | + v-for="(group, groupKey) in chartTotals" |
| 70 | + :key="groupKey" |
70 | 71 | >
|
71 |
| - <template #header> |
72 |
| - <font-awesome-icon |
73 |
| - fixed-width |
74 |
| - :icon="getCardIcon(groupKey)" |
75 |
| - /> |
76 |
| - {{ getTotalsLabel(groupKey) }} |
77 |
| - </template> |
78 |
| - <div |
79 |
| - v-for="(component, componentKey) in group" |
80 |
| - :key="componentKey" |
| 72 | + <openwb-base-card |
| 73 | + v-if="Object.keys(group).length > 0" |
| 74 | + :collapsible="true" |
| 75 | + :collapsed="true" |
| 76 | + :subtype="getCardSubtype(groupKey)" |
81 | 77 | >
|
82 |
| - <openwb-base-heading v-if="groupKey !== 'hc'"> |
83 |
| - {{ getTotalsLabel(groupKey, componentKey) }} |
84 |
| - </openwb-base-heading> |
| 78 | + <template #header> |
| 79 | + <font-awesome-icon |
| 80 | + fixed-width |
| 81 | + :icon="getCardIcon(groupKey)" |
| 82 | + /> |
| 83 | + {{ getTotalsLabel(groupKey) }} |
| 84 | + </template> |
85 | 85 | <div
|
86 |
| - v-for="(measurement, measurementKey) in component" |
87 |
| - :key="measurementKey" |
| 86 | + v-for="(component, componentKey) in group" |
| 87 | + :key="componentKey" |
88 | 88 | >
|
89 |
| - <openwb-base-text-input |
90 |
| - :title="getTotalsLabel(groupKey, componentKey, measurementKey)" |
91 |
| - readonly |
92 |
| - class="text-right" |
93 |
| - unit="kWh" |
94 |
| - :model-value="formatNumber(measurement / 1000, 3)" |
95 |
| - /> |
| 89 | + <openwb-base-heading v-if="groupKey !== 'hc'"> |
| 90 | + {{ getTotalsLabel(groupKey, componentKey) }} |
| 91 | + </openwb-base-heading> |
| 92 | + <div |
| 93 | + v-for="(measurement, measurementKey) in component" |
| 94 | + :key="measurementKey" |
| 95 | + > |
| 96 | + <openwb-base-text-input |
| 97 | + :title="getTotalsLabel(groupKey, componentKey, measurementKey)" |
| 98 | + readonly |
| 99 | + class="text-right" |
| 100 | + unit="kWh" |
| 101 | + :model-value="formatNumber(measurement / 1000, 3)" |
| 102 | + /> |
| 103 | + </div> |
| 104 | + <hr v-if="componentKey == 'all' && groupKey != 'hc'" /> |
96 | 105 | </div>
|
97 |
| - <hr v-if="componentKey == 'all' && groupKey != 'hc'" /> |
98 |
| - </div> |
99 |
| - </openwb-base-card> |
100 |
| - </div> |
101 |
| - </openwb-base-card> |
| 106 | + </openwb-base-card> |
| 107 | + </div> |
| 108 | + </openwb-base-card> |
| 109 | + </div> |
102 | 110 | </div>
|
103 |
| - </div> |
104 |
| - </form> |
| 111 | + </form> |
| 112 | + </div> |
105 | 113 | </div>
|
106 | 114 | </template>
|
107 | 115 |
|
|
0 commit comments