KumiSystems/vpnmanager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Optically separate device and WiFi management

Browse source
This commit is contained in:
Kumi 2019-01-13 11:48:05 +01:00
parent db86431b48
commit ddff965bda
2 changed files with 58 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

91
manager/templates/manager/index.html
View file

@ -5,61 +5,66 @@
<p><b>Organization:</b> {{ organization }}</p> <p><b>Organization:</b> {{ organization }}</p>
<p><b>User:</b> {{ user.first_name }} {{ user.last_name }} ({{ user.username }})</p> <p><b>User:</b> {{ user.first_name }} {{ user.last_name }} ({{ user.username }})</p>
<div class="table-responsive"> <div align="center"><b>Manage:</b> <a href="#" onclick="showdevices();">Devices</a> &dash; <a href="#" onclick="showwifi();">WiFi</a></div>
<table id="table" name="table" class="table">
<thead>
<tr>
<th>Device ID</th>
<th>Common Name</th>
<th>Network</th>
<th>Latest IP</th>
<th>Options {% if user.is_superuser %}<a href="/makedevice/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add Device"></i></a>{% endif %}</th>
</tr>
</thead>
{% for device in devices %} <div name="devicespart" id="devicespart">
<tr> <h2>Devices</h2>
<td><div style="display: inline; color: grey; font-weight: bold;" id="{{ device.id }}-indicator">&#11044;</div>&nbsp;<div style="display: inline;" id="{{ device.id }}-id">{{ device.serial }}</div></td>
<td id="{{ device.id }}-name">{% if device.name %}{{ device.name }}{% endif %}</td>
<td id="{{ device.id }}-network">{{ device.network }}</td>
<td><div style="display:inline" id="{{ device.id }}-ip">{% if device.curip %}{{ device.curip }} (at {{ device.lasttime }}){% endif %}</div></td>
<td><a href="/devices/{{ device.id }}/edit"><i class="fas fa-edit" title="Edit Device"></i></a> <a href="#"><i style="color: green;" onclick="askreboot({{ device.id }});" class="fas fa-sync" title="Reboot Device"></i></a>{% if user.is_staff %} <a onclick="downloadnotice();" href="/devices/{{ device.id }}/download"><i class="fas fa-download" title="Download Configuration"></i></a>{% endif %}{% if user.is_superuser %} <a href="#"><i style="color: darkred;" onclick="askdelete({{ device.id }});" class="fas fa-trash-alt" title="Delete Device"></i></a>{% endif %}</td>
</tr>
{% endfor %}
</table> <div class="table-responsive">
<table id="table" name="table" class="table">
<thead>
<tr>
<th>Device ID</th>
<th>Common Name</th>
<th>Network</th>
<th>Latest IP</th>
<th>Options {% if user.is_superuser %}<a href="/makedevice/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add Device"></i></a>{% endif %}</th>
</tr>
</thead>
{% for device in devices %}
<tr>
<td><div style="display: inline; color: grey; font-weight: bold;" id="{{ device.id }}-indicator">&#11044;</div>&nbsp;<div style="display: inline;" id="{{ device.id }}-id">{{ device.serial }}</div></td>
<td id="{{ device.id }}-name">{% if device.name %}{{ device.name }}{% endif %}</td>
<td id="{{ device.id }}-network">{{ device.network }}</td>
<td><div style="display:inline" id="{{ device.id }}-ip">{% if device.curip %}{{ device.curip }} (at {{ device.lasttime }}){% endif %}</div></td>
<td><a href="/devices/{{ device.id }}/edit"><i class="fas fa-edit" title="Edit Device"></i></a> <a href="#"><i style="color: green;" onclick="askreboot({{ device.id }});" class="fas fa-sync" title="Reboot Device"></i></a>{% if user.is_staff %} <a onclick="downloadnotice();" href="/devices/{{ device.id }}/download"><i class="fas fa-download" title="Download Configuration"></i></a>{% endif %}{% if user.is_superuser %} <a href="#"><i style="color: darkred;" onclick="askdelete({{ device.id }});" class="fas fa-trash-alt" title="Delete Device"></i></a>{% endif %}</td>
</tr>
{% endfor %}
</table>
</div>
</div> </div>
<h2>WiFi</h2> <div name="wifipart" id="wifipart">
<h2>WiFi</h2>
<div class="table-responsive"> <div class="table-responsive">
<table id="wifi" name="wifi" class="table"> <table id="wifi" name="wifi" class="table">
<thead> <thead>
<tr> <tr>
<th>Common Name</th> <th>Common Name</th>
<th>SSID</th> <th>SSID</th>
<th>Options {% if user.is_staff %}<a href="/makewifi/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add WiFi"></i></a>{% endif %}</th> <th>Options {% if user.is_staff %}<a href="/makewifi/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add WiFi"></i></a>{% endif %}</th>
</tr> </tr>
</thead> </thead>
{% for wifi in wifis %} {% for wifi in wifis %}
<tr> <tr>
<td>{{ wifi.serial }}</td> <td>{{ wifi.serial }}</td>
<td>{{ wifi.ssid }}</td> <td>{{ wifi.ssid }}</td>
<td><a href="/wifi/{{ wifi.id }}/edit"><i class="fas fa-edit" title="Edit WiFi"></i></a>{% if user.is_staff %} <a href="#"><i style="color: darkred;" onclick="askdeletewifi({{ wifi.id }});" class="fas fa-trash-alt" title="Delete WiFi"></i></a>{% endif %}</td> <td><a href="/wifi/{{ wifi.id }}/edit"><i class="fas fa-edit" title="Edit WiFi"></i></a>{% if user.is_staff %} <a href="#"><i style="color: darkred;" onclick="askdeletewifi({{ wifi.id }});" class="fas fa-trash-alt" title="Delete WiFi"></i></a>{% endif %}</td>
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>
</div>
</div> </div>
<script src="/js/devices.js"></script> <script src="/js/devices.js"></script>
<script> <script>
/*$(document).ready(function() { showdevices();
$('#table').DataTable();
});*/
{% for device in devices %} {% for device in devices %}
updateStatus({{ device.id }}); updateStatus({{ device.id }});
setInterval(updateStatus, 10000, {{ device.id }}); setInterval(updateStatus, 10000, {{ device.id }});

10
static/js/devices.js
View file

@ -64,3 +64,13 @@ function askreboot(device_id) {
function downloadnotice() { function downloadnotice() {
alert("Your file is being prepared. This will take a minute, please be patient and do not leave this page. The download will start automatically."); alert("Your file is being prepared. This will take a minute, please be patient and do not leave this page. The download will start automatically.");
}; };
function showdevices() {
$("#devicespart").show();
$("#wifipart").hide();
};
function showwifi() {
$("#devicespart").hide();
$("#wifipart").show();
};