hyperion.ng/assets/webconfig/content/connection_lost.html
brindosch 33c91f73e3 Translation update (#280)
* update translation

* add css
2016-10-27 23:42:24 +02:00

46 lines
1.5 KiB
HTML

<div id="wrapper">
<div class="container" style="margin:20px auto;max-width:600px;">
<center>
<img src="img/hyperion/hyperionlostconnection.png" alt="Redefine ambient light!">
<div>
<h2 lang="en" data-lang-token="info_conlost_label_title">Lost connection to Hyperion service!</h2>
<hr>
<h4 lang="en" data-lang-token="info_conlost_label_reason">Possible reasons:</h4>
<p lang="en" data-lang-token="info_conlost_label_reason1">- Hyperion restarts</p>
<p lang="en" data-lang-token="info_conlost_label_reason2">- You perform an update</p>
<p lang="en" data-lang-token="info_conlost_label_reason3">- Hyperion isn't running</p>
<hr>
<i class="fa fa-refresh fa-spin" style="font-size:50px"></i>
<h4 lang="en" data-lang-token="info_conlost_label_autorefresh">This page will be automatically refreshed.</h4>
<h4 lang="en" data-lang-token="info_conlost_label_autorecon">We reconnect again after Hyperion is available.</h4>
<a href="/" lang="en" data-lang-token="info_conlost_label_reload">If not, click me or reload the page</a>
</div>
</center>
</div>
</div>
<!-- ************************************ -->
<script>
var connectionLost = false;
var connectionTimer;
function tryReconnect()
{
$.ajax({ url: "/" }).done(function(data) {
window.clearInterval(connectionTimer);
window.location.href ="/";
});
}
function connectionLostAction()
{
connectionLost = true;
connectionTimer = window.setInterval(tryReconnect, 5000);
}
</script>