summaryrefslogtreecommitdiffhomepage
path: root/applications/luci-app-travelmate/luasrc/view/travelmate/stations.htm
blob: 5c28966339e1e821d76a2d3bb062e2d449cb318e (plain)
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
<%#
Copyright 2017-2018 Dirk Brenken (dev@brenken.org)
This is free software, licensed under the Apache License, Version 2.0
-%>

<%-
	local uci      = require("luci.model.uci").cursor()
	local trmiface = uci:get("travelmate", "global", "trm_iface") or "trm_wwan"
-%>

<%+header%>

<script type="text/javascript">
//<![CDATA[
	function status_update(json)
	{
		var i;
		var j;
		var search;
		var view;
		var list;
		var status = json.data.travelmate_status;
		var faulty = json.data.faulty_stations;

		if (faulty)
		{
			var faulty_array = faulty.split(' ');
			for (i = 0; i < faulty_array.length; i++)
			{
				for (j = 1; j <= 5; j++)
				{
					search = j + "_" + faulty_array[i];
					view   = document.getElementById(search);
					if (view)
					{
						view.setAttribute("name", "station_nok");
						view.setAttribute("style", "text-align: left !important; color: #a22; font-weight: bold");
					}
				}
			}
		}
		else
		{
			list = document.getElementsByName("station_nok");
			if (list.length > 0)
			{
				for (i = 0; i < list.length; i++)
				{
					list[i].removeAttribute("style");
				}
			}
		}

		if (status.startsWith("connected"))
		{
			for (i = 1; i <= 5; i++)
			{
				search = i + "_" + json.data.station_id;
				view   = document.getElementById(search);
				if (view)
				{
					view.setAttribute("style", "text-align: left !important; color: #37c; font-weight: bold");
				}
			}
		}
		else
		{
			list = document.getElementsByName("station_ok");
			if (list.length > 0)
			{
				for (i = 0; i < list.length; i++)
				{
					list[i].removeAttribute("style");
				}
			}
		}
	}

	XHR.get('<%=luci.dispatcher.build_url("admin", "services", "travelmate", "status")%>', null,
	function(x, json_info)
	{
		if (!x || !json_info)
		{
			return;
		}
		status_update(json_info)
	});

	XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "services", "travelmate", "status")%>', null,
	function(x, json_info)
	{
		if (!x || !json_info)
		{
			return;
		}
		status_update(json_info)
	});
//]]>
</script>

<div class="cbi-map">
	<div class="cbi-map-descr">
		<%=translatef("Provides an overview of all configured uplinks for the travelmate interface (%s). You can edit, delete or re-order existing uplinks or scan for a new one. The currently used uplink is emphasized in blue, faulty stations in red.", trmiface)%>
	</div>

	<div class="cbi-section">
		<div class="table cbi-section-table">
			<div class="tr cbi-section-table-titles">
				<div class="th left"><%:Device%></div>
				<div class="th left"><%:SSID%></div>
				<div class="th left"><%:BSSID%></div>
				<div class="th left"><%:Encryption%></div>
				<div class="th center"><%:Action%></div>
			</div>
			<%- uci:foreach("wireless", "wifi-iface", function(s)
					local iface = s.network or ""
					if iface == trmiface then
						local section = s['.name'] or ""
						local device  = s.device or "-"
						local ssid    = s.ssid or "-"
						local bssid   = s.bssid or "-"
						local encr    = s.encryption or "-"
			-%>
			<div class="tr cbi-section-table-row cbi-rowstyle-1" name="station_ok" id="1_<%=device%>/<%=ssid%>/<%=bssid%>">
				<div class="td left" style="text-align: left !important" name="station_ok" id="2_<%=device%>/<%=ssid%>/<%=bssid%>"><%=device%></div>
				<div class="td left" style="text-align: left !important" name="station_ok" id="3_<%=device%>/<%=ssid%>/<%=bssid%>"><%=ssid%></div>
				<div class="td left" style="text-align: left !important" name="station_ok" id="4_<%=device%>/<%=ssid%>/<%=bssid%>"><%=bssid%></div>
				<div class="td left" style="text-align: left !important" name="station_ok" id="5_<%=device%>/<%=ssid%>/<%=bssid%>"><%=encr%></div>
				<div class="td middle cbi-section-actions">
					<div>
						<input class="cbi-button cbi-button-up" type="button" value="<%:Up%>" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiorder')%>?cfg=<%=section%>&amp;dir=up'" alt="<%:Move up%>" title="<%:Move up%>" />
						<input class="cbi-button cbi-button-down" type="button" value="<%:Down%>" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiorder')%>?cfg=<%=section%>&amp;dir=down'" alt="<%:Move down%>" title="<%:Move down%>" />
						<input class="cbi-button cbi-button-edit" type="button" value="<%:Edit%>" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifiedit')%>?cfg=<%=section%>'" title="<%:Edit this Uplink%>" />
						<input class="cbi-button cbi-button-remove" type="button" value="<%:Delete%>" onclick="location.href='<%=luci.dispatcher.build_url('admin/services/travelmate/wifidelete')%>?cfg=<%=section%>'" title="<%:Delete this Uplink%>" />
					</div>
				</div>
			</div>
		<%- end; end) -%>
		</div>
	</div>
	<div class="cbi-page-actions right">
		<%- uci:foreach("wireless", "wifi-device", function(s)
			local device = s[".name"]
			local hwmode = s.hwmode or "-" -%>
		<form class="inline" action="<%=luci.dispatcher.build_url('admin/services/travelmate/wifiscan')%>" method="post">
			<input type="hidden" name="device" value="<%=device%>" />
			<input type="hidden" name="token" value="<%=token%>" />
			<input type="submit" class="cbi-button cbi-button-action important" title="<%:Find and join network on%> <%=device%>" value="<%:Scan%> <%=device%> (<%=hwmode%>)" />
		</form>
		<%- end) -%>
	</div>
</div>

<%+footer%>