2023-09-25 01:19:50 +03:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2023-09-25 03:53:08 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
<head>
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
<title>{% block title %}Dashboard{% endblock %}</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='pure.css') }}">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='layout.css') }}">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<style>
|
|
|
|
|
.border {
|
|
|
|
|
border: 0px solid black;
|
|
|
|
|
}
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
.content {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
2024-03-18 16:07:48 +02:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
.form-field {
|
|
|
|
|
margin: 5px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2024-03-18 16:07:48 +02:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
<!-- Script to make the Menu link work -->
|
|
|
|
|
<!-- Just stripped down version of the js/ui.js script for the side-menu layout -->
|
|
|
|
|
<script>
|
|
|
|
|
function getElements() {
|
|
|
|
|
return {
|
|
|
|
|
menu: document.getElementById('nav'),
|
|
|
|
|
menuLink: document.getElementById('menuLink')
|
|
|
|
|
};
|
|
|
|
|
}
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
function toggleClass(element, className) {
|
|
|
|
|
var classes = element.className.split(/\s+/);
|
|
|
|
|
var length = classes.length;
|
|
|
|
|
var i = 0;
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
for (; i < length; i++) {
|
|
|
|
|
if (classes[i] === className) {
|
|
|
|
|
classes.splice(i, 1);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// The className is not found
|
|
|
|
|
if (length === classes.length) {
|
|
|
|
|
classes.push(className);
|
2023-09-25 01:19:50 +03:00
|
|
|
}
|
2024-03-18 01:54:00 +02:00
|
|
|
|
|
|
|
|
element.className = classes.join(' ');
|
2023-09-25 01:19:50 +03:00
|
|
|
}
|
2024-03-18 01:54:00 +02:00
|
|
|
|
|
|
|
|
function toggleMenu() {
|
|
|
|
|
var active = 'active';
|
|
|
|
|
var elements = getElements();
|
|
|
|
|
|
|
|
|
|
toggleClass(elements.menu, active);
|
2023-09-25 01:19:50 +03:00
|
|
|
}
|
|
|
|
|
|
2024-03-18 16:07:48 +02:00
|
|
|
// function handleEvent(e) {
|
|
|
|
|
// var elements = getElements();
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 16:07:48 +02:00
|
|
|
// if (e.target.id === elements.menuLink.id) {
|
|
|
|
|
// toggleMenu();
|
|
|
|
|
// e.preventDefault();
|
|
|
|
|
// } else if (elements.menu.className.indexOf('active') !== -1) {
|
|
|
|
|
// toggleMenu();
|
|
|
|
|
// }
|
|
|
|
|
// }
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 16:07:48 +02:00
|
|
|
// document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
// document.addEventListener('click', handleEvent);
|
|
|
|
|
// });
|
2024-03-18 01:54:00 +02:00
|
|
|
</script>
|
|
|
|
|
</head>
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
<body>
|
2023-09-25 01:19:50 +03:00
|
|
|
|
2024-03-18 01:54:00 +02:00
|
|
|
<div class="pure-g">
|
2024-03-18 02:00:27 +02:00
|
|
|
<div class="pure-u-2-24 border" style="background: rgb(37, 42, 58);">
|
2024-03-18 01:54:00 +02:00
|
|
|
<div class="content">
|
|
|
|
|
<div class="nav-inner">
|
2024-03-18 16:07:48 +02:00
|
|
|
<h1 onclick="location.href='/';" style="cursor:pointer;" class="pure-button">OutFleet {{VERSION}}
|
|
|
|
|
</h1>
|
2024-03-18 01:54:00 +02:00
|
|
|
<ul class="pure-menu-list">
|
|
|
|
|
<li class="pure-menu-item"><a href="/" class="pure-menu-link">Servers</a></li>
|
|
|
|
|
<li class="pure-menu-item"><a href="/clients" class="pure-menu-link">Clients</a></li>
|
|
|
|
|
<li class="pure-menu-item"><a href="/sync" class="pure-menu-link">Sync status</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pure-u-22-24 border">
|
|
|
|
|
<div class="content">
|
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if nt %}
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="alertCheckbox" autocomplete="off" />
|
|
|
|
|
<div class="alert {% if nl == 'error' %}error{% else %}success{% endif %}">
|
|
|
|
|
<span class="alertText">{{nt}}
|
|
|
|
|
<br class="clear" /></span>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
{% endif %}
|
2023-09-25 01:19:50 +03:00
|
|
|
</body>
|
2024-03-18 01:54:00 +02:00
|
|
|
|
|
|
|
|
</html>
|
