79 lines
3.8 KiB
HTML
79 lines
3.8 KiB
HTML
<div class="tab-content">
|
|
<input type="hidden" name="saveLayout_csrf" value="{{ csrf_token(csrf_key|default('')) }}" />
|
|
<div id="flow-layout" class="tab-pane {{ block_layout_active }}">
|
|
<div class="entity-container">
|
|
{% for server in servers_offline %}
|
|
<div class="offline">
|
|
<div class="entity {{ server.class_warning }}" onclick="window.location.href='{{ server.url_view|raw }}'">
|
|
<h2>{{ server.label }}</h2>
|
|
<p>{{ label_last_online }}: {{ server.last_online_nice }}</p>
|
|
<p>{{ label_last_check }}: {{ server.last_checked_nice }}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% for server in servers_online %}
|
|
<div class="online">
|
|
<div class="entity" onclick="window.location.href='{{ server.url_view|raw }}'">
|
|
<h2>{{ server.label }}</h2>
|
|
<p>{{ label_last_online }}: {{ server.last_online_nice }}</p>
|
|
<p>{{ label_last_offline }}: {{ server.last_offline_nice }} {{ server.last_offline_duration_nice }}</p>
|
|
<p>{{ label_rtime }}: {{ server.rtime }}s</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div id="list-layout" class="tab-pane {{ list_layout_active }}">
|
|
<div class="entity-container">
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
{% for server in servers_offline %}
|
|
<tr class="row-offline" onclick="window.location.href='{{ server.url_view|raw }}'">
|
|
<td class="{{ server.class_warning }}"><div class="server-name">{{ server.label }}</div>
|
|
<div class="visible-phone">
|
|
<div class="table-body">
|
|
<div class="table-row"><div class="table-cell-details tight">{{ label_last_online }}: </div><div class="table-cell-details">{{ server.last_online_nice }}</div></div>
|
|
<div class="table-row"><div class="table-cell-details tight">{{ label_last_check }}: </div><div class="table-cell-details">{{ server.last_checked_nice }}</div></div>
|
|
<div class="table-row"><div class="table-cell-details tight"> </div><div class="table-cell-details"> </div></div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="{{ server.class_warning }} hidden-phone">{{ label_last_online }}: {{ server.last_online_nice }}</td>
|
|
<td class="{{ server.class_warning }} hidden-phone">{{ label_last_check }}: {{ server.last_checked_nice }}</td>
|
|
<td class="{{ server.class_warning }} hidden-phone"></td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% for server in servers_online %}
|
|
<tr class="row-online" onclick="window.location.href='{{ server.url_view|raw }}'">
|
|
<td><div class="server-name">{{ server.label }}</div>
|
|
<div class="visible-phone">
|
|
<div class="table-body">
|
|
<div class="table-row"><div class="table-cell-details tight">{{ label_last_online }}: </div><div class="table-cell-details">{{ server.last_online_nice }}</div></div>
|
|
<div class="table-row"><div class="table-cell-details tight">{{ label_last_offline }}: </div><div class="table-cell-details">{{ server.last_offline_nice }} {{ server.last_offline_duration_nice }}</div></div>
|
|
<div class="table-row"><div class="table-cell-details tight">{{ label_rtime }}: </div><div class="table-cell-details">{{ server.rtime }}</div></div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="hidden-phone">{{ label_last_online }}: {{ server.last_online_nice }}</td>
|
|
<td class="hidden-phone">{{ label_last_offline }}: {{ server.last_offline_nice }} {{ server.last_offline_duration_nice }}</td>
|
|
<td class="hidden-phone">{{ label_rtime }}: {{ server.rtime }}s</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if auto_refresh %}
|
|
<script>
|
|
setInterval(function() {
|
|
$.ajax({
|
|
url:"?",
|
|
success: function(html, status) {
|
|
$("#page-container").html(html);
|
|
}
|
|
});
|
|
}, {{ auto_refresh_seconds }} * 1000);
|
|
</script>
|
|
{% endif %} |