2022-07-30 00:19:30 +02:00
<!DOCTYPE html>
< html lang = "de" >
< head >
2022-08-16 03:22:01 +02:00
< link rel = "stylesheet" href = "{{ url_for('static', filename='Styles/dashboard.css') }}" >
2022-08-15 01:10:34 +02:00
< title > {{ translater.getTranslation("Irrigation") }}{{ translater.getTranslation("system") }}< / title >
< style >
@media screen and (min-width: 2051px){
#content{
2022-08-16 03:22:01 +02:00
grid-template-rows: repeat( {{ (zoneManager.zones|length / 3) + 1 }} , minmax(150px, auto));
2022-08-15 01:10:34 +02:00
}
}
@media screen and (max-width: 2050px) and (min-width: 1351px){
#content{
2022-08-16 03:22:01 +02:00
grid-template-rows: repeat( {{ (zoneManager.zones|length / 2) + 1 }} , minmax(150px, auto));
2022-08-15 01:10:34 +02:00
}
}
@media screen and (max-width: 1350px){
#content{
2022-08-16 03:22:01 +02:00
grid-template-rows: repeat( {{ zoneManager.zones|length }} , minmax(150px, auto));
2022-08-15 01:10:34 +02:00
}
}
< / style >
2022-08-16 03:22:01 +02:00
2022-07-30 00:19:30 +02:00
< / head >
< body >
{% include "header.html" %}
< main >
2022-08-15 01:10:34 +02:00
< h2 > {{ translater.getTranslation("Dashboard") }}< / h2 >
< div id = "content" >
2022-08-16 03:22:01 +02:00
{% for zone in zoneManager.zones %}
2022-08-15 01:10:34 +02:00
< div id = "zone_{{ zone.number }}" class = "zone" >
< a href = "/zones/{{ zone.number}}" >
< h3 > {{ zone.name }}< / h3 >
< / a >
< table >
< tbody >
< tr >
< td class = "icon" >
< span class = "outer_dot" >
< span class = "inner_icon {{ 'dot_green' if zone.state else 'dot_red' }}" > < / span >
< / span >
< / td >
< td class = "property" > {{ translater.getTranslation("state") }}:< / td >
2022-08-16 03:22:01 +02:00
< td class = "value" > {{ translater.getTranslation("switched on") if zone.state else translater.getTranslation("switched off") }}< / td >
< td >
< select id = "duration_zone_{{ zone.number }}" >
{% for option in zoneManager.systemSettings.webDurationOptions %}
< option value = "{{ option }}" > {{ option }} {{ translater.getTranslation("minutes") }}< / option >
{% endfor %}
< / select >
< button onclick = "executeActionByValueID({{'" switch_zone_off " ' if zone . state else ' " switch_zone_on " ' } } , ' { { zone . number } } ' , ' duration_zone_ { { zone . number } } ' , 60 ) " > {{ translater.getTranslation("turn off") if zone.state else translater.getTranslation("turn on") }}< / button >
2022-08-15 01:10:34 +02:00
< / td >
< / tr >
< tr >
< td class = "icon" >
< span class = "outer_dot" >
< p class = "inner_icon" > {{'A' if zone.autoMode else 'M'}}< / p >
< / span >
< / td >
< td class = "property" > {{ translater.getTranslation("operating mode") }}:< / td >
< td class = "value" > {{translater.getTranslation("automatic mode") if zone.autoMode else translater.getTranslation("manual mode")}}< / td >
2022-08-16 03:22:01 +02:00
< td >
< button onclick = "executeAction('switch_zone_mode','{{ zone.number }}', '{{ 'manual' if zone.autoMode else 'automatic' }}')" > {{translater.getTranslation("switch to manual mode") if zone.autoMode else translater.getTranslation("switch to automatic mode")}}< / button >
< / td >
2022-08-15 01:10:34 +02:00
< / tr >
< tr >
< td class = "icon" >
< span class = "outer_dot" >
2022-08-15 23:58:07 +02:00
< span class = "inner_icon {{ 'dot_green' if(zone.actualHumidity >= zone.desiredHumidity) else 'dot_red' }}" > < / span >
2022-08-15 01:10:34 +02:00
< / span >
< / td >
< td class = "property" > {{ translater.getTranslation("actual humidity") }}:< / td >
2022-08-15 23:58:07 +02:00
< td class = "value" > {{ zone.actualHumidity}}< / td >
2022-08-15 01:10:34 +02:00
< / tr >
< tr >
< td class = "icon" >
< / td >
< td class = "property" > {{ translater.getTranslation("desired humidity") }}:< / td >
2022-08-15 23:58:07 +02:00
< td class = "value" > {{ zone.desiredHumidity }}< / td >
2022-08-15 01:10:34 +02:00
< / tr >
< / tbody >
< / table >
< p class = "zone_number" > {{ zone.number }}< / p >
< / div >
{% endfor %}
2022-07-30 00:19:30 +02:00
< / div >
< / main >
2022-08-15 01:10:34 +02:00
< p > < br > < br > < / p >
2022-07-30 00:19:30 +02:00
< / body >
< / html >
