parent
3fcd234ad8
commit
04087f80de
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,40 @@ |
||||
/** Module for toggling a modal overlay */ |
||||
var modal = (function () { |
||||
var modal = {}; |
||||
|
||||
modal.show = function (sel) { |
||||
var $m = $(sel); |
||||
$m.removeClass('hidden visible'); |
||||
setTimeout(function () { |
||||
$m.addClass('visible'); |
||||
}, 1); |
||||
}; |
||||
|
||||
modal.hide = function (sel) { |
||||
var $m = $(sel); |
||||
$m.removeClass('visible'); |
||||
setTimeout(function () { |
||||
$m.addClass('hidden'); |
||||
}, 500); // transition time
|
||||
}; |
||||
|
||||
modal.init = function () { |
||||
// close modal by click outside the dialog
|
||||
$('.Modal').on('click', function () { |
||||
modal.hide(this); |
||||
}); |
||||
|
||||
$('.Dialog').on('click', function (e) { |
||||
e.stopImmediatePropagation(); |
||||
}); |
||||
|
||||
// Hide all modals on esc
|
||||
$(window).on('keydown', function (e) { |
||||
if (e.which == 27) { |
||||
modal.hide('.Modal'); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
return modal; |
||||
})(); |
||||
@ -0,0 +1,72 @@ |
||||
function bool(x) { |
||||
return (x === 1 || x === '1' || x === true || x === 'true'); |
||||
} |
||||
|
||||
/** html entities */ |
||||
function e(x) { |
||||
return String(x) |
||||
.replace(/&/g, '&') |
||||
.replace(/"/g, '"') |
||||
.replace(/'/g, ''') |
||||
.replace(/</g, '<') |
||||
.replace(/>/g, '>'); |
||||
} |
||||
|
||||
/** Returns true if argument is array [] */ |
||||
function isArray(obj) { |
||||
return Object.prototype.toString.call(obj) === '[object Array]'; |
||||
} |
||||
|
||||
/** Returns true if argument is object {} */ |
||||
function isObject(obj) { |
||||
return Object.prototype.toString.call(obj) === '[object Object]'; |
||||
} |
||||
|
||||
/** escape a string to have no special meaning in regex */ |
||||
function regexEscape(s) { |
||||
return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); |
||||
} |
||||
|
||||
/** Convert RSSI 0-255 to % */ |
||||
function rssiPerc(rssi) { |
||||
var r = parseInt(rssi); |
||||
if (r > -50) return 100; // 100%
|
||||
if (r < -100) return 0; // 0%
|
||||
return Math.round(2 * (r + 100)); // approximation
|
||||
} |
||||
|
||||
/** Perform a substitution in the given string. |
||||
* |
||||
* Arguments - array or list of replacements. |
||||
* Arguments numeric keys will replace {0}, {1} etc. |
||||
* Named keys also work, ie. {foo: "bar"} -> replaces {foo} with bar. |
||||
* |
||||
* Braces are added to keys if missing. |
||||
* |
||||
* @returns {String} result |
||||
*/ |
||||
String.prototype.format = function () { |
||||
var out = this; |
||||
|
||||
var repl = arguments; |
||||
|
||||
if (arguments.length == 1 && (isArray(arguments[0]) || isObject(arguments[0]))) { |
||||
repl = arguments[0]; |
||||
} |
||||
|
||||
for (var ph in repl) { |
||||
if (repl.hasOwnProperty(ph)) { |
||||
var ph_orig = ph; |
||||
|
||||
if (!ph.match(/^\{.*\}$/)) { |
||||
ph = '{' + ph + '}'; |
||||
} |
||||
|
||||
// replace all occurrences
|
||||
var pattern = new RegExp(regexEscape(ph), "g"); |
||||
out = out.replace(pattern, repl[ph_orig]); |
||||
} |
||||
} |
||||
|
||||
return out; |
||||
}; |
||||
@ -0,0 +1,92 @@ |
||||
var wfm = (function () { |
||||
var wfm = {}; |
||||
|
||||
function buildChart(samples, xlabel, ylabel) { |
||||
var data = []; |
||||
samples.forEach(function (a, i) { |
||||
data.push({x: i, y: a}); |
||||
}); |
||||
|
||||
// Build the chart
|
||||
var plugins = []; |
||||
var mql = window.matchMedia('screen and (min-width: 544px)'); |
||||
var isPhone = !mql.matches; |
||||
|
||||
if (!isPhone) { |
||||
// larger than phone
|
||||
plugins.push( |
||||
Chartist.plugins.ctAxisTitle({ |
||||
axisX: { |
||||
axisTitle: xlabel, |
||||
offset: { |
||||
x: 0, |
||||
y: 55 |
||||
} |
||||
}, |
||||
axisY: { |
||||
axisTitle: ylabel, |
||||
flipText: true, |
||||
offset: { |
||||
x: 0, |
||||
y: 15 |
||||
} |
||||
} |
||||
}) |
||||
); |
||||
} |
||||
|
||||
new Chartist.Line('#chart', { |
||||
series: [ |
||||
{ |
||||
name: 'a', |
||||
data: data |
||||
}, |
||||
] |
||||
}, { |
||||
showPoint: false, |
||||
// showArea: true,
|
||||
fullWidth: true, |
||||
chartPadding: (isPhone ? {right: 20, bottom: 5, left: 0} : {right: 25, bottom: 30, left: 25}), |
||||
series: { |
||||
'a': { |
||||
lineSmooth: Chartist.Interpolation.none() |
||||
} |
||||
}, |
||||
axisX: { |
||||
type: Chartist.AutoScaleAxis, |
||||
onlyInteger: true |
||||
}, |
||||
axisY: { |
||||
type: Chartist.AutoScaleAxis, |
||||
//onlyInteger: true
|
||||
}, |
||||
plugins: plugins |
||||
}); |
||||
} |
||||
|
||||
function onRxData(resp, status) { |
||||
if (status != 200) { |
||||
// bad response
|
||||
alert("Request failed."); |
||||
return; |
||||
} |
||||
|
||||
var json = JSON.parse(resp); |
||||
if (!json.success) { |
||||
alert("Sampling failed."); |
||||
return; |
||||
} |
||||
|
||||
buildChart(resp.samples, 'Sample Nr.', 'ADC value'); |
||||
} |
||||
|
||||
wfm.init = function() { |
||||
$('#load').on('click', function() { |
||||
var samples = $('#count').val(); |
||||
|
||||
$().get('http://192.168.1.13/api/raw.json?count='+samples, onRxData, true, true); |
||||
}); |
||||
}; |
||||
|
||||
return wfm; |
||||
})(); |
||||
@ -0,0 +1,119 @@ |
||||
/** Wifi page */ |
||||
var wifi = (function () { |
||||
var wifi = {}; |
||||
var authStr = ['Open', 'WEP', 'WPA', 'WPA2', 'WPA/WPA2']; |
||||
|
||||
/** Update display for received response */ |
||||
function onScan(resp, status) { |
||||
if (status != 200) { |
||||
// bad response
|
||||
rescan(5000); // wait 5sm then retry
|
||||
return; |
||||
} |
||||
|
||||
resp = JSON.parse(resp); |
||||
|
||||
var done = !bool(resp.result.inProgress) && (resp.result.APs.length > 0); |
||||
rescan(done ? 15000 : 1000); |
||||
if (!done) return; // no redraw yet
|
||||
|
||||
// clear the AP list
|
||||
var $list = $('#ap-list'); |
||||
// remove old APs
|
||||
$('.AP').remove(); |
||||
|
||||
$list.toggle(done); |
||||
$('#ap-loader').toggle(!done); |
||||
|
||||
// scan done
|
||||
resp.result.APs |
||||
.sort(function (a, b) { |
||||
return b.rssi - a.rssi |
||||
}) |
||||
.forEach(function (ap) { |
||||
ap.enc = parseInt(ap.enc); |
||||
|
||||
if (ap.enc > 4) return; // hide unsupported auths
|
||||
|
||||
var item = document.createElement('div'); |
||||
|
||||
var $item = $(item) |
||||
.data('ssid', ap.essid) |
||||
.data('pwd', ap.enc != 0) |
||||
.addClass('AP'); |
||||
|
||||
// mark current SSID
|
||||
if (ap.essid == wifi.current) { |
||||
$item.addClass('selected'); |
||||
} |
||||
|
||||
var inner = document.createElement('div'); |
||||
var $inner = $(inner).addClass('inner') |
||||
.htmlAppend('<div class="rssi">{0}</div>'.format(rssiPerc(ap.rssi))) |
||||
.htmlAppend('<div class="essid" title="{0}">{0}</div>'.format(e(ap.essid))) |
||||
.htmlAppend('<div class="auth">{0}</div>'.format(authStr[ap.enc])); |
||||
|
||||
$item.on('click', function () { |
||||
var $th = $(this); |
||||
|
||||
// populate the form
|
||||
$('#conn-essid').val($th.data('ssid')); |
||||
$('#conn-passwd').val(''); // clear
|
||||
|
||||
if ($th.data('pwd')) { |
||||
// this AP needs a password
|
||||
modal.show('#psk-modal'); |
||||
} else { |
||||
$('#conn-form').submit(); |
||||
} |
||||
}); |
||||
|
||||
|
||||
item.appendChild(inner); |
||||
$list[0].appendChild(item); |
||||
}); |
||||
} |
||||
|
||||
/** Ask the CGI what APs are visible (async) */ |
||||
function scanAPs() { |
||||
$().get('/wifi/scan.cgi', onScan, true, true); // no cache, no jsonp
|
||||
} |
||||
|
||||
function rescan(time) { |
||||
setTimeout(scanAPs, time); |
||||
} |
||||
|
||||
/** Set up the WiFi page */ |
||||
wifi.init = function () { |
||||
//var ap_json = {
|
||||
// "result": {
|
||||
// "inProgress": "0",
|
||||
// "APs": [
|
||||
// {"essid": "Chlivek", "bssid": "88:f7:c7:52:b3:99", "rssi": "204", "enc": "4", "channel": "1"},
|
||||
// {"essid": "TyNikdy", "bssid": "5c:f4:ab:0d:f1:1b", "rssi": "164", "enc": "3", "channel": "1"},
|
||||
// {"essid": "UPC5616805", "bssid": "08:95:2a:0c:84:3f", "rssi": "164", "enc": "4", "channel": "1"},
|
||||
// {"essid": "Sitovina", "bssid": "20:cf:30:98:cb:3a", "rssi": "166", "enc": "3", "channel": "1"},
|
||||
// {"essid": "Tramp", "bssid": "c4:e9:84:6f:6c:e0", "rssi": "170", "enc": "3", "channel": "2"},
|
||||
// {"essid": "KV2", "bssid": "4c:5e:0c:2c:84:9b", "rssi": "172", "enc": "3", "channel": "3"},
|
||||
// {"essid": "UPC373123", "bssid": "e8:40:f2:ae:0e:f4", "rssi": "164", "enc": "3", "channel": "1"},
|
||||
// {"essid": "www.podoli.org prazak", "bssid": "00:00:00:00:00:00", "rssi": "165", "enc": "0", "channel": "4"},
|
||||
// {"essid": "Medvjedov", "bssid": "00:00:00:00:00:00", "rssi": "181", "enc": "4", "channel": "6"},
|
||||
// {"essid": "MARIAN-PC", "bssid": "f8:d1:11:af:d7:72", "rssi": "175", "enc": "3", "channel": "6"},
|
||||
// {"essid": "UPC3226244", "bssid": "64:7c:34:9a:6f:7c", "rssi": "169", "enc": "4", "channel": "6"},
|
||||
// {"essid": "molly", "bssid": "00:00:00:00:00:00", "rssi": "168", "enc": "3", "channel": "7"},
|
||||
// {"essid": "UPC2607759", "bssid": "88:f7:c7:4e:c1:b2", "rssi": "164", "enc": "4", "channel": "8"},
|
||||
// {"essid": "blondyna", "bssid": "98:fc:11:bd:0f:b8", "rssi": "166", "enc": "4", "channel": "9"},
|
||||
// {"essid": "UPC246587811", "bssid": "80:f5:03:20:6c:85", "rssi": "171", "enc": "3", "channel": "11"},
|
||||
// {"essid": "UPC930648", "bssid": "4c:72:b9:50:6d:38", "rssi": "167", "enc": "3", "channel": "11"},
|
||||
// {"essid": "PRAHA4.NET-R21-2", "bssid": "00:00:00:00:00:00", "rssi": "173", "enc": "0", "channel": "12"},
|
||||
// {"essid": "Internet_B0", "bssid": "5c:f4:ab:11:3b:b3", "rssi": "166", "enc": "3", "channel": "13"}
|
||||
// ]
|
||||
// }
|
||||
//};
|
||||
|
||||
//onScan(ap_json, 200);
|
||||
scanAPs(); |
||||
}; |
||||
|
||||
return wifi; |
||||
})(); |
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@ |
||||
{} |
||||
Loading…
Reference in new issue