-
-
Notifications
You must be signed in to change notification settings - Fork 24
/
device_info.html
239 lines (234 loc) · 10.6 KB
/
device_info.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
{% extends 'template_hyper.html' %}
{% block title %}Device Information{% endblock %}
{% block body %}
{% if backup_pending|length != 0 %}
<div class="modal show" id="backup-popup" tabindex="999" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Warning</h5>
</div>
<div class="modal-body">
<p>Records indicate that you have added services that have not been backed up.<br>
In order to avoid data loss you should create a backup after such configuration changes.
You can do so by visiting <a href='/backup_restore'>Backup Page</a>
</p>
</div>
<div class="modal-footer">
<button type="button" onclick="backup_button_clicked()" class="btn btn-primary">I understand</button>
</div>
</div>
</div>
</div>
<script>
var myModal = null;
document.addEventListener("DOMContentLoaded", function(event) {
myModal = new bootstrap.Modal(document.getElementById('backup-popup'));
myModal.show();
});
function backup_button_clicked() {
myModal.hide();
}
</script>
{% endif %}
<div class="alert alert-myst alert-dismissible fade show mt-2" role="alert">
<h2 class="alert-heading">Now supporting Multi-mining with MYST!</h2>
<a href="https://www.nebra.com/blogs/news/unleashing-your-hotspot-dual-earnings-with-nebra-and-mystnodes" target="_blank"
class="btn btn-outline-light">View More <i class="fa fa-chevron-right"></i></a>
</div>
<div class="content"><br/>
<h3 class="text-center mb-4">Device Information</h3>
<h4 class="text-center mb-4">Overall Status:
{% if diagnostics.PF %}
<span class="text-success">All Ok</span>
{% else %}
<span class="text-danger">Errors Found</span>
{% endif %}
</h4>
<div class="row mb-4">
<div class="col-12 col-lg-6 mb-4 mb-lg-0">
<div class="card mb-0 h-100 table-responsive">
<table class="table dt-responsive nowrap m-2 w-auto">
<tr>
<td><span class="uil uil-refresh icon"></span> Firmware Version</td>
<td class="text-right">{{ diagnostics.FW }} ({{ diagnostics.firmware_short_hash }})</td>
</tr>
<tr>
<td><span class="uil uil-focus icon"></span> Variant</td>
<td class="text-right">{{ diagnostics.FRIENDLY }}</td>
</tr>
<tr>
<td><span class="uil uil-shield-check icon"></span> Hardware Serial Number</td>
<td class="text-right">{{ diagnostics.serial_number }}</td>
</tr>
<tr>
<td><span class="uil uil-external-link-alt icon"></span> Hostname</td>
{% if hostname %}
<td class="text-right">{{ hostname }}</td>
{% else %}
<td class="text-danger text-right">Unknown</td>
{% endif %}
</tr>
<tr>
<td><span class="uil uil-cloud-data-connection icon"></span> Local IP Address</td>
<td class="text-right">{{ device_info.ip_address }}</td>
</tr>
<tr>
<td><span class="uil uil-cloud-data-connection icon"></span> WAN IP Address</td>
<td class="text-right">{{ wan_ip_address }}</td>
</tr>
<tr>
<td><span class="uil uil-data-sharing icon"></span> Ethernet MAC Address</td>
{% if diagnostics.E0 %}
<td class="text-right">{{ diagnostics.E0 }}</td>
{% else %}
<td class="text-danger text-right">N/A</td>
{% endif %}
</tr>
<tr>
<td class="border-0"><span class="uil uil-data-sharing icon"></span> WiFi MAC Address</td>
{% if diagnostics.W0 %}
<td class="border-0 text-right">{{ diagnostics.W0 }}</td>
{% else %}
<td class="border-0 text-danger text-right">N/A</td>
{% endif %}
</tr>
</table>
</div>
</div>
<div class="col-12 col-lg-6 mb-4 mb-lg-0">
<div class="card mb-0 h-100">
<table class="table dt-responsive nowrap m-2 w-auto">
{% if display_lte %}
<tr>
<td><span class="uil uil-cloud-computing icon"></span> Modem Detected</td>
<td></td>
{% if diagnostics.LTE %}
<td class="progress-row">
<span class="uil uil-check-circle text-success"></span>
</td>
{% else %}
<td class="progress-row">
<span class="uil uil-times-circle text-danger"></span>
</td>
{% endif %}
</tr>
{% endif %}
<tr>
<td><span class="uil uil-bluetooth-b icon"></span> Bluetooth Detected</td>
<td></td>
<td class="progress-row">
{% if diagnostics.BT %}
<span class="uil uil-check-circle text-success"></span>
{% else %}
<span class="uil uil-times-circle text-danger"></span>
{% endif %}
</td>
</tr>
<tr>
<td><span class="uil uil-circuit icon"></span> CPU Usage</td>
<td>
{% if device_metrics.cpu > 79 %}
{{ device_metrics.cpu|round|int }}%
{% elif device_metrics.cpu > 59 %}
{{ device_metrics.cpu|round|int }}%
{% else %}
{{ device_metrics.cpu|round|int }}%
{% endif %}
</td>
<td class="text-right progress-row">
<div class="progress progress-xl">
{% if device_metrics.cpu > 79 %}
<div class="progress-bar bg-danger text-black" role="progressbar"
style="width: {{ device_metrics.cpu|round|int }}%;"
aria-valuenow="{{ device_metrics.cpu|round|int }}" aria-valuemin="0" aria-valuemax="100"></div>
{% elif device_metrics.cpu > 59 %}
<div class="progress-bar bg-warning text-black" role="progressbar"
style="width: {{ device_metrics.cpu|round|int }}%;"
aria-valuenow="{{ device_metrics.cpu|round|int }}" aria-valuemin="0" aria-valuemax="100"></div>
{% else %}
<div class="progress-bar bg-success text-black" role="progressbar"
style="width: {{ device_metrics.cpu|round|int }}%;"
aria-valuenow="{{ device_metrics.cpu|round|int }}" aria-valuemin="0" aria-valuemax="100"></div>
{% endif %}
</div>
</td>
</tr>
<tr>
<td><span class="uil uil-temperature-three-quarter icon"></span> CPU Temperature</td>
<td>
{% if device_metrics.temperature > 84 %}
{{ device_metrics.temperature|round|int }}°C
{% elif device_metrics.temperature > 74 %}
{{ device_metrics.temperature|round|int }}°C
{% else %}
{{ device_metrics.temperature|round|int }}°C
{% endif %}
</td>
<td class="text-right progress-row">
<div class="progress progress-xl">
{% if device_metrics.temperature > 84 %}
<div class="progress-bar bg-danger text-black" role="progressbar"
style="width: {{ device_metrics.temperature|round|int }}%;"
aria-valuenow="{{ device_metrics.temperature|round|int }}" aria-valuemin="0" aria-valuemax="100">
</div>
{% elif device_metrics.temperature > 74 %}
<div class="progress-bar bg-warning text-black" role="progressbar"
style="width: {{ device_metrics.temperature|round|int }}%;"
aria-valuenow="{{ device_metrics.temperature|round|int }}" aria-valuemin="0" aria-valuemax="100">
</div>
{% else %}
<div class="progress-bar bg-success text-black" role="progressbar"
style="width: {{ device_metrics.temperature|round|int }}%;"
aria-valuenow="{{ device_metrics.temperature|round|int }}" aria-valuemin="0" aria-valuemax="100">
</div>
{% endif %}
</div>
</td>
</tr>
<tr>
<td><span class="uil uil-coins icon"></span> RAM Usage</td>
<td>
{{ (device_metrics.memory_used / 1048576)|round|int }} MB /
{{ (device_metrics.memory_total / 1048576)|round|int }} MB
</td>
<td class="text-right progress-row">
<div class="progress progress-xl">
<div class="progress-bar bg-success text-black" role="progressbar"
style="width: {{ ((device_metrics.memory_used/device_metrics.memory_total) * 100)|round|int }}%;"
aria-valuenow="{{ device_metrics.memory_used|round|int }}" aria-valuemin="0"
aria-valuemax="{{ device_metrics.memory_total|round|int }}"></div>
</div>
</td>
</tr>
<tr>
<td class="border-0"><span class="uil uil-database icon"></span> Disk Usage</td>
<td class="border-0">
{{ "%.2f"|format((device_metrics.disk_used / 1073741824)|float) }} GB /
{{ "%.2f"|format((device_metrics.disk_total / 1073741824)|float) }} GB
</td>
<td class="border-0 text-right progress-row">
<div class="progress progress-xl">
<div class="progress-bar bg-success text-black" role="progressbar"
style="width: {{ ((device_metrics.disk_used/device_metrics.disk_total) * 100)|round|int }}%;"
aria-valuenow="{{ device_metrics.disk_used|round|int }}" aria-valuemin="0"
aria-valuemax="{{ device_metrics.disk_total|round|int }}"></div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="text-center">
{% if diagnostics.last_updated %}
<p>Last Updated: {{ diagnostics.last_updated }}</p>
{% else %}
<p>Last Updated: Never</p>
{% endif %}
<p>To get support please visit <a href="https://nebra.io/support-diag-footer">the Nebra knowledgebase</a></p>
<p><a href={{ claim_deeplink }}>Claim your device on dashboard</a></p>
<p><a href="/json">Download Diagnostics Info for Support</a></p>
</div>
</div>
{% endblock %}