implemented autorefresh
This commit is contained in:
schrom01
@@ -1,94 +1,91 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/header.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/main.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/switch.css') }}">
|
||||
<meta charset="UTF-8">
|
||||
<!-- <meta http-equiv="refresh" content="5" > -->
|
||||
<script>
|
||||
<head>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/header.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/main.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='Styles/switch.css') }}">
|
||||
<meta charset="UTF-8">
|
||||
<script>
|
||||
function sleep (time) {
|
||||
return new Promise((resolve) => setTimeout(resolve, time));
|
||||
}
|
||||
|
||||
function executeAction(command, index, value, elementId) {
|
||||
var url = '{{url_for("executeAction")}}';
|
||||
var messageString = 'no';
|
||||
var varString = 'command=' + command + '&index=' + index + '&value=' + value;
|
||||
send_web_request(url, messageString, varString, elementId);
|
||||
}
|
||||
function executeActionByValueID(command, index, valueID, valueFactor){
|
||||
var value = document.getElementById(valueID).value * valueFactor;
|
||||
executeAction(command, index, value);
|
||||
}
|
||||
function executeAction(command, index, value, handleResponse) {
|
||||
var url = '{{url_for("executeAction")}}';
|
||||
var messageString = 'no';
|
||||
var varString = 'command=' + command + '&index=' + index + '&value=' + value;
|
||||
send_web_request(url, messageString, varString, handleResponse);
|
||||
}
|
||||
function executeActionByValueID(command, index, valueID, valueFactor){
|
||||
var value = document.getElementById(valueID).value * valueFactor;
|
||||
executeAction(command, index, value);
|
||||
}
|
||||
|
||||
|
||||
|
||||
function switchZoneMode(autoMode, zone) {
|
||||
executeAction('switch_zone_mode' ,zone, (autoMode ? 'automatic' : 'manual'));
|
||||
sleep(1000).then(() => {
|
||||
refreshZone(zone);
|
||||
refreshPipeline();
|
||||
});
|
||||
function switchZoneMode(autoMode, zone) {
|
||||
executeAction('switch_zone_mode' ,zone, (autoMode ? 'automatic' : 'manual'));
|
||||
sleep(1000).then(() => {
|
||||
refreshContent();
|
||||
});
|
||||
|
||||
}
|
||||
function switchZoneState(command, zone, value) {
|
||||
executeAction(command, zone, value);
|
||||
sleep(1000).then(() => {
|
||||
refreshContent();
|
||||
});
|
||||
}
|
||||
function switchZoneStateByValueID(command, zone, valueID, valueFactor) {
|
||||
executeActionByValueID(command, zone, valueID, valueFactor);
|
||||
sleep(1000).then(() => {
|
||||
refreshContent();
|
||||
});
|
||||
}
|
||||
function deleteJobsForZone(command, zone) {
|
||||
executeAction(command, zone);
|
||||
sleep(1000).then(() => {
|
||||
refreshContent();
|
||||
});
|
||||
}
|
||||
function deleteJobById(command, jobId) {
|
||||
executeAction(command, jobId);
|
||||
sleep(1000).then(() => {
|
||||
refreshContent();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
}
|
||||
function switchZoneState(command, zone, value) {
|
||||
executeAction(command, zone, value);
|
||||
sleep(1000).then(() => {
|
||||
refreshZone(zone);
|
||||
refreshPipeline();
|
||||
});
|
||||
}
|
||||
function switchZoneStateByValueID(command, zone, valueID, valueFactor) {
|
||||
executeActionByValueID(command, zone, valueID, valueFactor);
|
||||
sleep(1000).then(() => {
|
||||
refreshZone(zone);
|
||||
refreshPipeline();
|
||||
});
|
||||
}
|
||||
function deleteJobsForZone(command, zone) {
|
||||
executeAction(command, zone);
|
||||
sleep(1000).then(() => {
|
||||
refreshZone(zone);
|
||||
refreshPipeline();
|
||||
});
|
||||
}
|
||||
function deleteJobById(command, jobId, zone) {
|
||||
executeAction(command, jobId);
|
||||
sleep(1000).then(() => {
|
||||
refreshZone(zone);
|
||||
refreshPipeline();
|
||||
});
|
||||
}
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
{% for item in nav.top %}
|
||||
<li {{ 'class=active' if item.is_active else '' }}>
|
||||
<a href="{{ item.url }}">
|
||||
{{ item.label }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<a class="heading" href="{{ url_for('startPage')}}">
|
||||
<img src="{{ url_for('static', filename='img/header/wassertropfen.png') }}" alt="" class="title-img">
|
||||
|
||||
setInterval(refreshContent, {{ (zoneManager.systemSettings.cronJobFrequency + 1) * 1000 }})
|
||||
<h1>{{ translater.getTranslation("Irrigation") }}-<br>{{ translater.getTranslation("system") }}</h1>
|
||||
</a>
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
{% for item in nav.top %}
|
||||
<li {{ 'class=active' if item.is_active else '' }}>
|
||||
<a href="{{ item.url }}">
|
||||
{{ item.label }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<a class="heading" href="{{ url_for('startPage')}}">
|
||||
<img src="{{ url_for('static', filename='img/header/wassertropfen.png') }}" alt="" class="title-img">
|
||||
|
||||
<h1>{{ translater.getTranslation("Irrigation") }}-<br>{{ translater.getTranslation("system") }}</h1>
|
||||
</a>
|
||||
|
||||
<img src="{{ url_for('static', filename='img/header/blumenbeet.jpg') }}" alt="" class="header-img">
|
||||
|
||||
</header>
|
||||
<script src="{{ url_for('static', filename='js/action.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/webhook.js') }}"></script>
|
||||
</body>
|
||||
<img src="{{ url_for('static', filename='img/header/blumenbeet.jpg') }}" alt="" class="header-img">
|
||||
|
||||
</header>
|
||||
<script src="{{ url_for('static', filename='js/action.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/webhook.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user