|
|
@@ -1,48 +1,76 @@
|
|
|
(function() {
|
|
|
|
|
|
-/*
|
|
|
- * seems like there is not need to use getElementById
|
|
|
- * and instead access elements directly by their id
|
|
|
- */
|
|
|
+var uploadbtn = document.getElementById('uploadbtn');
|
|
|
+var uploadfile = document.getElementById('uploadfile');
|
|
|
|
|
|
-// var uploadbtn = document.getElementById('uploadbtn');
|
|
|
-// var uploadfile = document.getElementById('uploadfile')
|
|
|
- uploadbtn.addEventListener('change', function () {
|
|
|
- uploadfile.value = this.value.replace(/^.*\\/, "");
|
|
|
- var len = uploadfile.value.length - 7;
|
|
|
- uploadfile.setAttribute('size', len);
|
|
|
- var len = uploadfile.offsetWidth;
|
|
|
- uploadbtn.style.width = len + "px";
|
|
|
- });
|
|
|
+uploadbtn.addEventListener('change', function () {
|
|
|
+ uploadfile.value = this.value.replace(/^.*\\/, "");
|
|
|
+ var len = uploadfile.value.length - 7;
|
|
|
+ uploadfile.setAttribute('size', len);
|
|
|
+ var len = uploadfile.offsetWidth;
|
|
|
+ uploadbtn.style.width = len + "px";
|
|
|
+});
|
|
|
|
|
|
- var selects = wan.getElementsByTagName('select');
|
|
|
- for (i = 0; i < selects.length; i++) {
|
|
|
- wanChange(selects[i]);
|
|
|
- }
|
|
|
+/* onload check wanconf form selects and set accordingly */
|
|
|
+/* var wanconf = document.getElementById('wanconf');
|
|
|
+var selects = wanconf.getElementsByTagName('select');
|
|
|
+for (i = 0; i < selects.length; i++) {
|
|
|
+ wanChange(selects[i]);
|
|
|
+}
|
|
|
+*/
|
|
|
|
|
|
- wanconf.addEventListener('change', function() { wanChange(event.target) });
|
|
|
+wanconf.addEventListener('change', function(event) { wanChange(event.target) });
|
|
|
|
|
|
- function wanChange(e) {
|
|
|
- // var wanwifi = document.getElementById('wanwifi');
|
|
|
- // var wanaddr = document.getElementById('wanaddr');
|
|
|
- switch (e[e.selectedIndex].id) {
|
|
|
- case 'wlan':
|
|
|
- wanwifi.setAttribute('class','show');
|
|
|
- break;
|
|
|
- case 'dhcp':
|
|
|
- wanaddr.setAttribute('class','hide');
|
|
|
- break;
|
|
|
- case 'eth':
|
|
|
- wanwifi.setAttribute('class','hide');
|
|
|
- break
|
|
|
- case 'stat':
|
|
|
- wanaddr.setAttribute('class','show');
|
|
|
- break;
|
|
|
- }
|
|
|
+function wanChange(e) {
|
|
|
+ var wanwifi = document.getElementById('wanwifi');
|
|
|
+ var wanaddr = document.getElementById('wanaddr');
|
|
|
+
|
|
|
+ switch (e[e.selectedIndex].id) {
|
|
|
+ case 'wlan':
|
|
|
+ wanwifi.setAttribute('class','show');
|
|
|
+ break;
|
|
|
+ case 'dhcp':
|
|
|
+ wanaddr.setAttribute('class','hide');
|
|
|
+ break;
|
|
|
+ case 'eth':
|
|
|
+ wanwifi.setAttribute('class','hide');
|
|
|
+ break
|
|
|
+ case 'stat':
|
|
|
+ wanaddr.setAttribute('class','show');
|
|
|
+ break;
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+/* update uptime output */
|
|
|
+(function uptimeUpdate(){
|
|
|
+ setTimeout(function(){
|
|
|
+ ajaxReq('POST', '/admin/uptime', 'null', function(xmlDoc) {
|
|
|
+ //console.log(xmlDoc['response'])
|
|
|
+ document.getElementById('uptime').innerHTML = xmlDoc['response'];
|
|
|
+ });
|
|
|
+ uptimeUpdate();
|
|
|
+ }, 5000);
|
|
|
+})();
|
|
|
+
|
|
|
|
|
|
})();
|
|
|
|
|
|
+function ajaxReq(url, method, data, callback) {
|
|
|
+ var xmlDoc = new XMLHttpRequest();
|
|
|
+
|
|
|
+ xmlDoc.open(url, method, true);
|
|
|
+ if (method == 'POST') {
|
|
|
+ xmlDoc.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
|
+ }
|
|
|
+
|
|
|
+ xmlDoc.onreadystatechange = function() {
|
|
|
+ if (xmlDoc.readyState === 4 && xmlDoc.status === 200) {
|
|
|
+ callback(xmlDoc);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ xmlDoc.send(data);
|
|
|
+}
|
|
|
+
|
|
|
/*
|
|
|
function formChange() {
|
|
|
if (document.activeElement.tagName.toLowerCase() != 'select') {
|
