HTTP/1.0 200 Ok Server: httpd/2.0 x-frame-options: SAMEORIGIN x-xss-protection: 1; mode=block Date: Wed, 09 Jul 2025 12:17:54 GMT Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0 Content-Type: text/javascript Connection: close /* Plugin */ if (!Object.keys) { Object.keys = (function() { 'use strict'; var hasOwnProperty = Object.prototype.hasOwnProperty, hasDontEnumBug = !({ toString: null }).propertyIsEnumerable('toString'), dontEnums = [ 'toString', 'toLocaleString', 'valueOf', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'constructor' ], dontEnumsLength = dontEnums.length; return function(obj) { if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) { throw new TypeError('Object.keys called on non-object'); } var result = [], prop, i; for (prop in obj) { if (hasOwnProperty.call(obj, prop)) { result.push(prop); } } if (hasDontEnumBug) { for (i = 0; i < dontEnumsLength; i++) { if (hasOwnProperty.call(obj, dontEnums[i])) { result.push(dontEnums[i]); } } } return result; }; }()); } var isJsonChanged = function(objNew, objOld){ for(var i in objOld){ if(typeof objOld[i] == "object" && i != "fromNetworkmapd"){ if(objNew[i].join() != objOld[i].join()){ return true; } } else if( i == "fromNetworkmapd"){ if(JSON.stringify(objNew[i]) != JSON.stringify(objOld[i])) return true; } else{ if(typeof objNew[i] == "undefined" || JSON.stringify(objOld[i]) != JSON.stringify(objNew[i])) return true; } } return false; }; var ipState = new Array(); ipState["Static"] = "Static IP"; ipState["DHCP"] = "Automatic IP"; ipState["Manual"] = "MAC and IP Address Binding"; ipState["OffLine"] = "Client is disconnected"; var venderArrayRE = /(adobe|amazon|apple|asus|belkin|bizlink|buffalo|dell|d-link|fujitsu|google|hon hai|htc|huawei|ibm|lenovo|nec|microsoft|panasonic|pioneer|ralink|samsung|sony|synology|toshiba|tp-link|vmware)/; var networkmap_fullscan = '2'; var originDataTmp; var originData = { fromNetworkmapd : [{"maclist": []}], nmpClient : [], //Record the client connected to the router before. init: true } var totalClientNum = { online: 0, wireless: 0, wired: 0, wireless_ifnames: [] } var AiMeshTotalClientNum = []; var setClientAttr = function(){ this.type = "0"; this.defaultType = "0"; this.name = ""; this.nickName = ""; this.ip = "offline"; this.mac = ""; this.from = ""; this.macRepeat = 1; this.group = ""; this.rssi = ""; this.ssid = ""; this.isWL = 0; // 0: wired, 1: 2.4GHz, 2: 5GHz/5GHz-1 3:5GHz-2. this.qosLevel = ""; this.curTx = ""; this.curRx = ""; this.totalTx = ""; this.totalRx = ""; this.callback = ""; this.keeparp = ""; this.isGateway = false; this.isWebServer = false; this.isPrinter = false; this.isITunes = false; this.isASUS = false; this.isLogin = false; this.isOnline = false; this.ipMethod = "Static"; this.opMode = 0; this.wlConnectTime = "00:00:00"; this.vendor = ""; this.dpiType = ""; this.dpiDevice = ""; this.internetMode = "allow"; this.internetState = 1; // 1:Allow Internet access, 0:Block Internet access this.wtfast = 0; this.wlInterface = ""; this.amesh_isRe = false; this.amesh_isReClient = false; this.amesh_papMac = ""; } var clientList = new Array(0); function genClientList(){ clientList = []; totalClientNum.online = 0; totalClientNum.wired = 0; totalClientNum.wireless = 0; AiMeshTotalClientNum = []; for(var i=0; i 0) { for(var i=0; i 0) { totalClientNum.wireless += clientList[thisClientMacAddr].macRepeat; totalClientNum.wireless_ifnames[clientList[thisClientMacAddr].isWL-1] += clientList[thisClientMacAddr].macRepeat; } else { totalClientNum.wired += clientList[thisClientMacAddr].macRepeat; } } clientList[thisClientMacAddr].opMode = parseInt(thisClient.opMode); //0:unknow, 1: router, 2: repeater, 3: AP, 4: Media Bridge clientList[thisClientMacAddr].isLogin = (thisClient.isLogin == "1"); clientList[thisClientMacAddr].group = thisClient.group; clientList[thisClientMacAddr].callback = thisClient.callback; clientList[thisClientMacAddr].keeparp = thisClient.keeparp; clientList[thisClientMacAddr].ipMethod = thisClient.ipMethod; clientList[thisClientMacAddr].qosLevel = thisClient.qosLevel; clientList[thisClientMacAddr].wtfast = parseInt(thisClient.wtfast); clientList[thisClientMacAddr].internetMode = thisClient.internetMode; clientList[thisClientMacAddr].internetState = thisClient.internetState; if(stainfo_support) { clientList[thisClientMacAddr].curTx = (thisClient.curTx == "") ? "": thisClient.curTx; clientList[thisClientMacAddr].curRx = (thisClient.curRx == "") ? "": thisClient.curRx; clientList[thisClientMacAddr].wlConnectTime = thisClient.wlConnectTime; } if(amesh_support) { if(thisClient.amesh_isRe != undefined) { clientList[thisClientMacAddr].amesh_isRe = (thisClient.amesh_isRe == "1") ? true : false; if(clientList[thisClientMacAddr].amesh_isRe && clientList[thisClientMacAddr].isOnline) { // re set amesh re device to offline clientList[thisClientMacAddr].isOnline = false; totalClientNum.online--; if(clientList[thisClientMacAddr].isWL > 0) { totalClientNum.wireless -= clientList[thisClientMacAddr].macRepeat; totalClientNum.wireless_ifnames[clientList[thisClientMacAddr].isWL-1] -= clientList[thisClientMacAddr].macRepeat; } else { totalClientNum.wired -= clientList[thisClientMacAddr].macRepeat; } if(AiMeshTotalClientNum[thisClientMacAddr] == undefined) AiMeshTotalClientNum[thisClientMacAddr] = 0; } } if(thisClient.amesh_isReClient != undefined && thisClient.amesh_papMac != undefined) { clientList[thisClientMacAddr].amesh_isReClient = (thisClient.amesh_isReClient == "1") ? true : false; clientList[thisClientMacAddr].amesh_papMac = thisClient.amesh_papMac; if(clientList[thisClientMacAddr].isOnline) { if(AiMeshTotalClientNum[thisClient.amesh_papMac] == undefined) AiMeshTotalClientNum[thisClient.amesh_papMac] = 1; else AiMeshTotalClientNum[thisClient.amesh_papMac] = AiMeshTotalClientNum[thisClient.amesh_papMac] + 1; } } } } } var nmpCount = 0; if(originData.nmpClient.length > 0) { for(var i=0; i 100) break; if(typeof clientList[thisClientMacAddr] == "undefined") { var thisClientType = (typeof thisClient.type == "undefined") ? "0" : thisClient.type; var thisClientDefaultType = (typeof thisClient.defaultType == "undefined") ? thisClientType : thisClient.defaultType; var thisClientName = (typeof thisClient.name == "undefined") ? thisClientMacAddr : (thisClient.name.trim() == "") ? thisClientMacAddr : thisClient.name.trim(); var thisClientNickName = (typeof thisClient.nickName == "undefined") ? "" : (thisClient.nickName.trim() == "") ? "" : thisClient.nickName.trim(); var thisClientReNode = (typeof thisClient.amesh_isRe == "undefined") ? false : ((thisClient.amesh_isRe == "1") ? true : false); clientList.push(thisClientMacAddr); clientList[thisClientMacAddr] = new setClientAttr(); clientList[thisClientMacAddr].from = thisClient.from; if(!downsize_4m_support) { clientList[thisClientMacAddr].type = thisClientType; clientList[thisClientMacAddr].defaultType = thisClientDefaultType; } clientList[thisClientMacAddr].mac = thisClientMacAddr; clientList[thisClientMacAddr].name = thisClientName; clientList[thisClientMacAddr].nickName = thisClientNickName; clientList[thisClientMacAddr].vendor = thisClient.vendor.trim(); if(amesh_support) clientList[thisClientMacAddr].amesh_isRe = thisClientReNode; nmpCount++; } else if(!clientList[thisClientMacAddr].isOnline) { clientList[thisClientMacAddr].from = thisClient.from; nmpCount++; } } } } genClientList(); function getUploadIcon(clientMac) { var result = "NoIcon"; $.ajax({ url: '/ajax_uploadicon.asp?clientmac=' + clientMac, async: false, dataType: 'script', error: function(xhr){ setTimeout("getUploadIcon('" + clientMac + "');", 1000); }, success: function(response){ result = htmlEnDeCode.htmlEncode(upload_icon); } }); return result } function getUploadIconCount() { var count = 0; $.ajax({ url: '/ajax_uploadicon.asp', async: false, dataType: 'script', error: function(xhr){ setTimeout("getUploadIconCount();", 1000); }, success: function(response){ count = upload_icon_count; } }); return count } function getUploadIconList() { var list = ""; $.ajax({ url: '/ajax_uploadicon.asp', async: false, dataType: 'script', error: function(xhr){ setTimeout("getUploadIconList();", 1000); }, success: function(response){ list = upload_icon_list; } }); return list } function getVenderIconClassName(venderName) { var vender_class_name = ""; var match_data = venderName.match(venderArrayRE); if(Boolean(match_data) && match_data[0] != undefined) { vender_class_name = match_data[0]; if(vender_class_name == "hon hai") vender_class_name = "honhai"; } else { vender_class_name = ""; } return vender_class_name; } function removeElement(element) { element && element.parentNode && element.parentNode.removeChild(element); } var temp_clickedObj = null; var client_hide_flag = false; function hide_edit_client_block() { if(client_hide_flag) { fadeOut(document.getElementById("edit_client_block"), 10, 0); if(temp_clickedObj.className.search("clientIcon") != -1) { temp_clickedObj.className = temp_clickedObj.className.replace("clientIcon_clicked","clientIcon"); temp_clickedObj.className = temp_clickedObj.className.replace(" card_clicked", ""); } else if(temp_clickedObj.className.search("venderIcon") != -1) { temp_clickedObj.className = temp_clickedObj.className.replace("venderIcon_clicked","venderIcon"); temp_clickedObj.className = temp_clickedObj.className.replace(" card_clicked", ""); } document.body.onclick = null; temp_clickedObj = null; } client_hide_flag = true; } function show_edit_client_block() { client_hide_flag = false; } function card_closeClientListView() { hide_edit_client_block(); } var card_firstTimeOpenBlock = false; var card_custom_usericon_del = ""; var userIconBase64 = "NoIcon"; function popClientListEditTable(event) { var mac = event.data.mac; var obj = event.data.obj; var name = event.data.name; var ip = event.data.ip; var callBack = event.data.callBack; if(mac != "") { var isMacAddr = mac.split(":"); if(isMacAddr.length != 6) return false; } else return false; card_firstTimeOpenBlock = false; mac = mac.toUpperCase(); var clientInfo = clientList[mac]; if(clientInfo == undefined) { clientInfo = new setClientAttr(); clientInfo.type = "0"; clientInfo.name = "New device"; clientInfo.mac = mac; clientInfo.defaultType = "0"; } if(name != "" && name != undefined) { clientInfo.nickName = name; } if(ip != "" && ip != undefined) clientInfo.ip = ip; if(obj.className.search("card_clicked") != -1) { return true; } client_hide_flag = false; var client_manual_dhcp_list_array = new Array(); var client_manual_dhcp_list = decodeURIComponent('%3C14%3A16%3A9E%3A29%3A8B%3AA7%3E192%2E168%2E1%2E37').replace(/>/g, ">").replace(/</g, "<"); var client_manual_dhcp_list_row = client_manual_dhcp_list.split("<"); for(var dhcpIndex = 0; dhcpIndex < client_manual_dhcp_list_row.length; dhcpIndex += 1) { if(client_manual_dhcp_list_row[dhcpIndex] != "") { var client_manual_dhcp_list_col = client_manual_dhcp_list_row[dhcpIndex].split(">"); client_manual_dhcp_list_array[client_manual_dhcp_list_col[0]] = client_manual_dhcp_list_col[1]; } } if(document.getElementById("edit_client_block") != null) { removeElement(document.getElementById("edit_client_block")); } var divObj = document.createElement("div"); divObj.setAttribute("id","edit_client_block"); divObj.className = "clientlist_content"; var code = ""; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += '
'; code += ''; code += ''; code += ''; code += ''; code += '
'; code += '
'; code += ''; code += ''; code += ''; code += ''; code += ''; code += '
'; code += '
'; code += '
'; code += '
'; if(!downsize_4m_support) code += '
'; else code += '
'; code += '
'; code += ''; code += '
'; if(!downsize_4m_support) { code += '
'; code += 'Default'; code += 'Change'; code += '
'; } code += '
'; code += '
'; code += 'Name'; code += '
'; code += '
'; code += 'IP'; code += '
'; code += '
'; code += 'MAC'; code += '
'; code += '
'; code += 'Device'; code += '
'; code += '		'; code += '
'; code += ''; code += '
'; code += '
'; code += ''; code += '
'; code += '
'; code += ''; code += '
'; code += '
'; code += ''; code += '
'; code += '
'; code += '
'; code += ''; code += ''; code += ''; code += '
'; divObj.innerHTML = code; obj.parentNode.appendChild(divObj); if(temp_clickedObj != null) { if(temp_clickedObj.className.search("clientIcon") != -1) { temp_clickedObj.className = temp_clickedObj.className.replace("clientIcon_clicked","clientIcon"); temp_clickedObj.className = temp_clickedObj.className.replace(" card_clicked", ""); } else if(temp_clickedObj.className.search("venderIcon") != -1) { temp_clickedObj.className = temp_clickedObj.className.replace("venderIcon_clicked","venderIcon"); temp_clickedObj.className = temp_clickedObj.className.replace(" card_clicked", ""); } temp_clickedObj = null; } temp_clickedObj = obj; if(obj.className.search("clientIcon") != -1) { obj.className = obj.className.replace("clientIcon","clientIcon_clicked"); obj.className = obj.className + " card_clicked"; } else if(obj.className.search("venderIcon") != -1) { obj.className = obj.className.replace("venderIcon","venderIcon_clicked"); obj.className = obj.className + " card_clicked"; } fadeIn(document.getElementById("edit_client_block")); document.body.onclick = function() {hide_edit_client_block();} document.getElementById("edit_client_block").onclick = function() {show_edit_client_block();} var clientListIconArray = [["Windows device", "1"], ["Router", "2"], ["NAS/Server", "4"], ["IP Cam", "5"], ["Macbook", "6"], ["Game Console", "7"], ["Android Phone", "9"], ["iPhone", "10"], ["Apple TV", "11"], ["Set-top Box", "12"], ["iMac", "14"], ["ROG", "15"], ["Printer", "18"], ["Windows Phone", "19"], ["Android Tablet", "20"], ["iPad", "21"], ["Linux Device", "22"], ["Smart TV", "23"], ["Repeater", "24"], ["Kindle", "25"], ["Scanner", "26"], ["Chromecast", "27"], ["ASUS smartphone", "28"], ["ASUS Pad", "29"], ["Windows", "30"], ["Android", "31"], ["Mac OS", "32"], ["Windows laptop", "35"]]; var eachColCount = 7; var colCount = parseInt(clientListIconArray.length / eachColCount); if(usericon_support) colCount++; for(var rowIndex = 0; rowIndex < colCount; rowIndex += 1) { var row = document.getElementById("tbCardClientListIcon").insertRow(rowIndex); row.id = "trCardClientListIcon" + rowIndex; for(var colIndex = 0; colIndex < eachColCount; colIndex += 1) { var cell = row.insertCell(-1); cell.id = "tbCardClientListIcon" + (colIndex + (rowIndex * 7)); var idx = (colIndex + (rowIndex * eachColCount)); if(clientListIconArray[colIndex + (rowIndex * eachColCount)] != undefined) { cell.innerHTML = '
'; } else { if(usericon_support) { if(document.getElementById("tdCardUserIcon") == null) { cell.id = "tdCardUserIcon"; cell.className = "client_icon_list_td"; cell.innerHTML = '';/*untranslated*/ break; } } } } } document.getElementById("card_client_preview_icon").ondrop = null; document.getElementById("card_client_name").value = (clientInfo.nickName == "") ? clientInfo.name : clientInfo.nickName; var convRSSI = function(val) { val = parseInt(val); if(val >= -50) return 4; else if(val >= -80) return Math.ceil((24 + ((val + 80) * 26)/10)/25); else if(val >= -90) return Math.ceil((((val + 90) * 26)/10)/25); else return 1; }; document.getElementById("card_client_ipMethod").style.display = "none"; document.getElementById("card_client_login").style.display = "none"; document.getElementById("card_client_printer").style.display = "none"; document.getElementById("card_client_iTunes").style.display = "none"; document.getElementById("card_client_opMode").style.display = "none"; if(clientInfo.isOnline) { var rssi_t = 0; var connectModeTip = ""; var clientIconHtml = ""; if(clientInfo.isWL == "0") { rssi_t = "wired"; connectModeTip = "Wired"; } else { rssi_t = convRSSI(clientInfo.rssi); switch(rssi_t) { case 1: connectModeTip = "Radio: Weak\n"; break; case 2: connectModeTip = "Radio: Good\n"; break; case 3: connectModeTip = "Radio: Strong\n"; break; case 4: connectModeTip = "Radio: Very Strong\n"; break; } if(stainfo_support) { if(clientInfo.curTx != "") connectModeTip += "Tx Rate: " + clientInfo.curTx + "\n"; /*untranslated*/ if(clientInfo.curRx != "") connectModeTip += "Rx Rate: " + clientInfo.curRx + "\n"; /*untranslated*/ connectModeTip += "Access time: " + clientInfo.wlConnectTime + ""; } } if(sw_mode != 4){ clientIconHtml += '
'; if(clientInfo.isWL != 0) { var bandClass = (navigator.userAgent.toUpperCase().match(/CHROME\/([\d.]+)/)) ? "band_txt_chrome" : "band_txt"; clientIconHtml += '
' + wl_nband_title[clientInfo.isWL-1].replace("Hz", "") + '
'; } document.getElementById('card_client_interface').innerHTML = clientIconHtml; document.getElementById("card_client_interface").title = connectModeTip; } } if(clientInfo.isOnline) { if(sw_mode == "1") { document.getElementById("card_client_ipMethod").style.display = ""; document.getElementById("card_client_ipMethod").innerHTML = clientInfo.ipMethod; document.getElementById("card_client_ipMethod").onmouseover = function() {return overlib(ipState[clientInfo.ipMethod]);}; document.getElementById("card_client_ipMethod").onmouseout = function() {nd();}; } } else { document.getElementById("card_client_ipMethod").style.display = ""; document.getElementById("card_client_ipMethod").innerHTML = "Offline"; document.getElementById("card_client_ipMethod").onmouseover = function() {return overlib(ipState["OffLine"]);}; document.getElementById("card_client_ipMethod").onmouseout = function() {nd();}; document.getElementById("card_client_interface").style.display = "none"; } if(clientInfo.isLogin) { document.getElementById("card_client_login").style.display = ""; document.getElementById("card_client_login").innerHTML = "Logged-in User"; } if(clientInfo.isPrinter) { document.getElementById("card_client_printer").style.display = ""; document.getElementById("card_client_printer").innerHTML = "Printer"; } if(clientInfo.isITunes) { document.getElementById("card_client_iTunes").style.display = ""; document.getElementById("card_client_iTunes").innerHTML = "iTunes"; /*untranslated*/ } if(clientInfo.opMode != 0) { var opModeDes = ["none", "Wireless router", "Repeater mode", "Access Point(AP) mode", "Media Bridge"]; document.getElementById("card_client_opMode").style.display = ""; document.getElementById("card_client_opMode").innerHTML = opModeDes[clientInfo.opMode]; } document.getElementById("client_ipaddr_field").value = clientInfo.ip; document.getElementById("client_macaddr_field").value = clientInfo.mac; select_image("type" + parseInt(clientInfo.type), clientInfo.vendor); if(client_manual_dhcp_list_array[clientInfo.mac] != undefined) { //check mac>ip is combination the the ipLockIcon is manual var client_manual_ip = client_manual_dhcp_list_array[clientInfo.mac]; if(clientInfo.ip == "offline") { document.getElementById("client_ipaddr_field").value = client_manual_ip; } } var deviceTitle = (clientInfo.dpiDevice == "") ? clientInfo.vendor : clientInfo.dpiDevice; if(deviceTitle == undefined || deviceTitle == "") { setTimeout(function(){ if('1' == '1' && wanConnectStatus && clientInfo.internetState) oui_query_card(clientInfo.mac); }, 1000); } else { document.getElementById("client_manufacturer_field").value = deviceTitle; document.getElementById("client_manufacturer_field").title = ""; if(deviceTitle.length > 38) { document.getElementById("client_manufacturer_field").value = deviceTitle.substring(0, 36) + ".."; document.getElementById("client_manufacturer_field").title = deviceTitle; } } if(usericon_support) { if(isSupportFileReader() && isSupportCanvas()) { document.getElementById("divCardUserIcon").style.display = ""; var holder = document.getElementById("card_client_preview_icon"); holder.ondragover = function () { return false; }; holder.ondragend = function () { return false; }; holder.ondrop = function (e) { e.preventDefault(); var userIconLimitFlag = userIconNumLimit(document.getElementById("client_macaddr_field").value); if(userIconLimitFlag) { //not over 100 var file = e.dataTransfer.files[0]; if(file.type.search("image") != -1) { var reader = new FileReader(); reader.onload = function (event) { var img = document.createElement("img"); img.src = event.target.result; var mimeType = img.src.split(",")[0].split(":")[1].split(";")[0]; var canvas = document.getElementById("card_canvas_user_icon"); var ctx = canvas.getContext("2d"); ctx.clearRect(0,0,85,85); document.getElementById("card_client_image").style.display = "none"; document.getElementById("card_canvas_user_icon").style.display = ""; setTimeout(function() { ctx.drawImage(img, 0, 0, 85, 85); var dataURL = canvas.toDataURL(mimeType); userIconBase64 = dataURL; }, 100); //for firefox FPS(Frames per Second) issue need delay }; reader.readAsDataURL(file); return false; } else { alert("File format or path is invalid!"); return false; } } else { //over 100 then let usee select delete icon or nothing showUploadIconList(); } }; } } if(document.getElementById("card_clientlist_form") != null) { removeElement(document.getElementById("card_clientlist_form")); } var formHTML = ""; var formObj = document.createElement("form"); document.body.appendChild(formObj); formObj.method = "POST"; formObj.setAttribute("id","card_clientlist_form"); formObj.setAttribute("name","card_clientlist_form"); formObj.action = "/start_apply2.htm"; formObj.target = "hidden_frame"; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formObj.innerHTML = formHTML; card_firstTimeOpenBlock = true; } function previewCardUploadIcon(imageObj) { var userIconLimitFlag = userIconNumLimit(document.getElementById("client_macaddr_field").value); if(userIconLimitFlag) { //not over 100 var checkImageExtension = function (imageFileObject) { var picExtension= /\.(jpg|jpeg|gif|png|bmp|ico)$/i; //analy extension if (picExtension.test(imageFileObject)) return true; else return false; }; if (!checkImageExtension(imageObj.value)) { alert("File format or path is invalid!"); imageObj.focus(); } else { var fileReader = new FileReader(); fileReader.onload = function (fileReader) { var img = document.createElement("img"); img.src = fileReader.target.result; var mimeType = img.src.split(",")[0].split(":")[1].split(";")[0]; var canvas = document.getElementById("card_canvas_user_icon"); var ctx = canvas.getContext("2d"); ctx.clearRect(0,0,85,85); document.getElementById("card_client_image").style.display = "none"; document.getElementById("card_canvas_user_icon").style.display = ""; setTimeout(function() { ctx.drawImage(img, 0, 0, 85, 85); var dataURL = canvas.toDataURL(mimeType); userIconBase64 = dataURL; }, 100); //for firefox FPS(Frames per Second) issue need delay } fileReader.readAsDataURL(imageObj.files[0]); userIconHideFlag = true; } } else { //over 100 then let usee select delete icon or nothing showUploadIconList(); } } function card_show_custom_image(flag) { if(!slideFlag) { var display_state = document.getElementById("card_custom_image").style.display; if(display_state == "none") { slideFlag = true; slideDown("card_custom_image", 500); document.getElementById("card_changeIconTitle").innerHTML = "Close"; } else { slideFlag = true; slideUp("card_custom_image", 500); document.getElementById("card_changeIconTitle").innerHTML = "Change"; } } } var card_custom_name = decodeURIComponent('').replace(/>/g, ">").replace(/</g, "<"); function card_confirm(callBack) { var validClientListForm = function() { document.getElementById("card_client_name").value = document.getElementById("card_client_name").value.trim(); if(document.getElementById("card_client_name").value.length == 0){ alert("Username cannot be blank."); document.getElementById("card_client_name").focus(); document.getElementById("card_client_name").select(); document.getElementById("card_client_name").value = ""; return false; } else if(document.getElementById("card_client_name").value.indexOf(">") != -1 || document.getElementById("card_client_name").value.indexOf("<") != -1){ alert("This string cannot contain: '<', '>'"); document.getElementById("card_client_name").focus(); document.getElementById("card_client_name").select(); document.getElementById("card_client_name").value = ""; return false; } if(utf8_ssid_support){ var len = validator.lengthInUtf8(document.getElementById('card_client_name').value); if(len > 32){ alert("Username cannot be greater than 32 characters.");/* untranslated */ document.getElementById('card_client_name').focus(); document.getElementById('card_client_name').select(); document.getElementById('card_client_name').value = ""; return false; } } else if(!validator.haveFullWidthChar(document.getElementById("card_client_name"))) { document.getElementById('card_client_name').focus(); document.getElementById('card_client_name').select(); document.getElementById('card_client_name').value = ""; return false; } return true; }; if(validClientListForm()){ document.card_clientlist_form.custom_clientlist.disabled = false; var originalCustomListArray = new Array(); var onEditClient = new Array(); var clientTypeNum = ""; if(document.getElementById('card_client_image').className.search("venderIcon") != -1) { clientTypeNum = "0"; } else { clientTypeNum = document.getElementById("card_client_image").className.replace("clientIcon_no_hover type", ""); if(clientTypeNum == "0_viewMode") { clientTypeNum = "0"; } } originalCustomListArray = card_custom_name.split('<'); onEditClient[0] = document.getElementById("card_client_name").value.trim(); onEditClient[1] = document.getElementById("client_macaddr_field").value; onEditClient[2] = 0; onEditClient[3] = clientTypeNum; onEditClient[4] = ""; onEditClient[5] = ""; for(var i=0; i')[1] != undefined) { if(originalCustomListArray[i].split('>')[1].toUpperCase() == onEditClient[1].toUpperCase()){ onEditClient[4] = originalCustomListArray[i].split('>')[4]; // set back callback for ROG device onEditClient[5] = originalCustomListArray[i].split('>')[5]; // set back keeparp for ROG device var app_group_tag = originalCustomListArray[i].split('>')[6]; // for app group tag if(typeof app_group_tag != "undefined") onEditClient[6] = app_group_tag; var app_age_tag = originalCustomListArray[i].split('>')[7]; // for app age tag if(typeof app_age_tag != "undefined") onEditClient[7] = app_age_tag; originalCustomListArray.splice(i, 1); // remove the selected client from original list } } } originalCustomListArray.push(onEditClient.join('>')); card_custom_name = originalCustomListArray.join('<'); document.card_clientlist_form.custom_clientlist.value = card_custom_name; document.card_clientlist_form.custom_usericon.disabled = true; if(usericon_support) { document.card_clientlist_form.custom_usericon.disabled = false; var clientMac = document.getElementById("client_macaddr_field").value.replace(/\:/g, ""); if(userIconBase64 != "NoIcon") { document.card_clientlist_form.custom_usericon.value = clientMac + ">" + userIconBase64; } else { document.card_clientlist_form.custom_usericon.value = clientMac + ">noupload"; } } document.card_clientlist_form.submit(); document.getElementById("card_client_loadingIcon").style.display = ""; setTimeout(function() { var updateClientListObj = function () { $.ajax({ url: '/update_customList.asp', dataType: 'script', error: function(xhr) { setTimeout("updateClientListObj();", 1000); }, success: function(response){ genClientList(); for(var i = 0; i < custom_clientlist_array.length; i += 1) { var thisClient = custom_clientlist_array[i].split(">"); var thisClientMacAddr = (typeof thisClient[1] == "undefined") ? false : thisClient[1].toUpperCase(); if(!thisClientMacAddr || thisClient.length != 6){ continue; } if(typeof clientList[thisClientMacAddr] == "undefined"){ clientList.push(thisClientMacAddr); clientList[thisClientMacAddr] = new setClientAttr(); clientList[thisClientMacAddr].from = "customList"; } clientList[thisClientMacAddr].mac = thisClient[1].toUpperCase(); clientList[thisClientMacAddr].group = thisClient[2]; clientList[thisClientMacAddr].type = thisClient[3]; clientList[thisClientMacAddr].callback = thisClient[4]; if(thisClient[0] == "New device") { if(clientList[thisClientMacAddr].name == "") { clientList[thisClientMacAddr].nickName = thisClient[0]; } } else { clientList[thisClientMacAddr].nickName = thisClient[0]; } } switch(callBack) { case "DHCP" : showDropdownClientList('setClientIP', 'mac>ip', 'all', 'ClientList_Block_PC', 'pull_arrow', 'all'); showdhcp_staticlist(); break; case "WOL" : showDropdownClientList('setClientIP', 'mac', 'all', 'ClientList_Block_PC', 'pull_arrow', 'all'); showwollist(); break; case "ACL" : showDropdownClientList('setClientmac', 'mac', 'wl', 'WL_MAC_List_Block', 'pull_arrow', 'all'); show_wl_maclist_x(); break; case "ParentalControl" : showDropdownClientList('setClientIP', 'mac', 'all', 'ClientList_Block_PC', 'pull_arrow', 'all'); gen_mainTable(); break; case "GuestNetwork" : showDropdownClientList('setClientmac', 'mac', 'wl', 'WL_MAC_List_Block', 'pull_arrow', 'all'); show_wl_maclist_x(); break; case "WebProtector" : showDropdownClientList('setClientIP', 'mac', 'all', 'ClientList_Block_PC', 'pull_arrow', 'all'); genMain_table(); break; case "ATF" : showDropdownClientList('setClientmac', 'mac', 'wl', 'WL_MAC_List_Block', 'pull_arrow', 'all'); show_wl_atf_by_client(); break; case "WTFast" : showDropdownClientList('setClientmac', 'mac', 'all', 'ClientList_Block_PC', 'pull_arrow', 'all'); show_rulelist(); break; case "RoamingBlock" : showDropdownClientList('setClientmac', 'mac', 'wl', 'WL_MAC_List_Block', 'pull_arrow', 'all'); show_wl_maclist_x(); break; default : refreshpage(); } } }); }; updateClientListObj(); }, document.card_clientlist_form.action_wait.value * 1000); } } function card_setDefaultIcon() { var mac = document.getElementById("client_macaddr_field").value; var defaultType = "0"; var defaultDpiVender = ""; if(clientList[mac] != undefined) { defaultType = clientList[mac].defaultType; defaultDpiVender = clientList[mac].vendor; } select_image("type" + defaultType, defaultDpiVender); } function userIconNumLimit(mac) { var flag = true; var uploadIconMacList = getUploadIconList().replace(/\.log/g, ""); var selectMac = mac.replace(/\:/g, ""); var existFlag = (uploadIconMacList.search(selectMac) == -1) ? false : true; if(!existFlag) { var userIconCount = getUploadIconCount(); if(userIconCount >= 100) { //mac not exist, need check use icnon number whether over 100 or not. flag = false; } } return flag; } function showUploadIconList() { var confirmFlag = true; confirmFlag = confirm("The client icon over upload limting, please remove at least one client icon then try to upload again."); /*untranslated*/ if(confirmFlag) { hide_edit_client_block(); if(document.getElementById("edit_client_block") != null) { document.getElementById("edit_client_block").remove(); } if(document.getElementById("edit_uploadicons_block") != null) { document.getElementById("edit_uploadicons_block").remove(); } var divObj = document.createElement("div"); divObj.setAttribute("id","edit_uploadicons_block"); divObj.className = "usericons_content"; var code = ""; code += ''; code += ''; code += ''; /*untranslated*/ code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += ''; code += '
Client upload icon (Max Limit : 100)
Clients NameClients MAC AddressIconDelete
'; code += '
'; code += '
'; code += ''; code += ''; code += ''; code += '
'; divObj.innerHTML = code; document.body.appendChild(divObj); document.getElementById("edit_uploadicons_block").style.display = "block"; showUploadIconsTable(); return false; } else { document.getElementById("cardUploadIcon").value = ""; return false; } } function showUploadIconsTable() { genClientList(); var uploadIconMacList = getUploadIconList().replace(/\.log/g, ""); var custom_usericon_row = uploadIconMacList.split('>'); var code = ""; var clientIcon = ""; var custom_usericon_length = custom_usericon_row.length; code +=''; if(custom_usericon_length == 1) { code +=''; document.getElementById('edit_uploadicons_block').style.height = "170px"; } else { for(var i = 0; i < custom_usericon_length; i += 1) { if(custom_usericon_row[i] != "") { var formatMac = custom_usericon_row[i].slice(0,2) + ":" + custom_usericon_row[i].slice(2,4) + ":" + custom_usericon_row[i].slice(4,6) + ":" + custom_usericon_row[i].slice(6,8) + ":" + custom_usericon_row[i].slice(8,10)+ ":" + custom_usericon_row[i].slice(10,12); code +=''; var clientObj = clientList[formatMac]; var clientName = ""; if(clientObj != undefined) { clientName = (clientObj.nickName.toString() == "") ? clientObj.name.toString() : clientObj.nickName.toString(); } code +=''; code +=''; clientIcon = getUploadIcon(custom_usericon_row[i]); code +=''; } } document.getElementById('edit_uploadicons_block').style.height = (61 * custom_usericon_length + 75) + "px"; } code +='
No data in table.
'+ clientName +''+ formatMac +''; code +='
'; document.getElementById("card_usericons_block").innerHTML = code; }; function delUploadIcon(rowdata) { var delIdx = rowdata.parentNode.parentNode.rowIndex; var delMac = rowdata.parentNode.parentNode.childNodes[1].innerHTML; document.getElementById("cardUploadIcons_table").deleteRow(delIdx); card_custom_usericon_del += delMac + ">"; var trCount = document.getElementById("cardUploadIcons_table").rows.length; document.getElementById('edit_uploadicons_block').style.height = (61 * (trCount + 1) + 75) + "px"; if(trCount == 0) { var code = ""; code +=''; code +=''; code +='
No data in table.
'; document.getElementById('edit_uploadicons_block').style.height = "170px"; document.getElementById("card_usericons_block").innerHTML = code; } } function uploadIcon_confirm() { document.card_clientlist_form.custom_clientlist.disabled = true; document.card_clientlist_form.custom_usericon.disabled = true; document.card_clientlist_form.custom_usericon_del.disabled = false; document.card_clientlist_form.custom_usericon_del.value = card_custom_usericon_del.replace(/\:/g, ""); document.card_clientlist_form.submit(); document.getElementById("card_upload_loadingIcon").style.display = ""; setTimeout(function(){ refreshpage(); card_custom_usericon_del = ""; document.card_clientlist_form.custom_usericon_del.disabled = true; }, document.card_clientlist_form.action_wait.value * 1000); } function uploadIcon_cancel() { card_custom_usericon_del = ""; document.getElementById("edit_uploadicons_block").style.display = "none"; } function select_image(type, vender) { var sequence = type.substring(4,type.length); document.getElementById("card_client_image").style.display = "none"; document.getElementById("card_canvas_user_icon").style.display = "none"; var icon_type = type; if(type == "type0") { icon_type = "type0_viewMode"; } document.getElementById("card_client_image").style.backgroundSize = ""; document.getElementById("card_client_image").className = "clientIcon_no_hover "+ icon_type; if(vender != "" && type == "type0" && !downsize_4m_support) { var venderIconClassName = getVenderIconClassName(vender.toLowerCase()); if(venderIconClassName != "") { document.getElementById("card_client_image").className = "venderIcon_no_hover "+ venderIconClassName; document.getElementById("card_client_image").style.backgroundSize = "180%"; } } var userImageFlag = false; if(!card_firstTimeOpenBlock) { if(usericon_support) { var clientMac = document.getElementById('client_macaddr_field').value.replace(/\:/g, ""); userIconBase64 = getUploadIcon(clientMac); if(userIconBase64 != "NoIcon") { var img = document.createElement("img"); img.src = userIconBase64; var canvas = document.getElementById("card_canvas_user_icon"); var ctx = canvas.getContext("2d"); ctx.clearRect(0,0,85,85); document.getElementById("card_client_image").style.display = "none"; document.getElementById("card_canvas_user_icon").style.display = ""; ctx.drawImage(img, 0, 0, 85, 85); userImageFlag = true; } } } if(!userImageFlag) { userIconBase64 = "NoIcon"; document.getElementById("card_client_image").style.display = ""; } } function oui_query_card(mac) { var queryStr = mac.replace(/\:/g, "").splice(6,6,""); $.ajax({ url: 'https://services11.ieee.org/RST/standards-ra-web/rest/assignments/download/?registry=MA-L&format=html&text='+ queryStr, type: 'GET', success: function(response) { if(document.getElementById("edit_client_block") == null) return true; if(mac != document.getElementById("client_macaddr_field").value) {//avoid click two device quickly oui_query_card(document.getElementById("client_macaddr_field").value); } else { if(response.search("Sorry!") == -1) { if(response.search(queryStr) != -1) { var retData = response.split("pre")[1].split("(hex)")[1].split(queryStr)[0].split(""); document.getElementById("client_manufacturer_field").value = retData[0].trim(); document.getElementById("client_manufacturer_field").title = ""; if(retData[0].trim().length > 38) { document.getElementById("client_manufacturer_field").value = retData[0].trim().substring(0, 36) + ".."; document.getElementById("client_manufacturer_field").title = retData[0].trim(); } } } } } }); } /* * elem * speed, default is 20, optional * opacity, default is 100, range is 0~100, optional */ function fadeIn(elem, speed, opacity){ if(elem != null) { var setOpacity = function(ev, v) { ev.filters ? ev.style.filter = 'alpha(opacity=' + v + ')' : ev.style.opacity = v / 100; }; speed = speed || 20; opacity = opacity || 100; elem.style.display = "block"; setOpacity(elem, 0); var val = 0; (function(){ setOpacity(elem, val); val += 5; if (val <= opacity) { setTimeout(arguments.callee, speed); } })(); } } /* * elem * speed, default is 20, optional * opacity, default is 0, range is 0~100, optional */ function fadeOut(elem, speed, opacity) { if(elem != null) { var setOpacity = function(ev, v) { ev.filters ? ev.style.filter = 'alpha(opacity=' + v + ')' : ev.style.opacity = v / 100; }; speed = speed || 20; opacity = opacity || 0; var val = 100; (function(){ setOpacity(elem, val); val -= 5; if (val >= opacity) { setTimeout(arguments.callee, speed); } else if (val < 0) { elem.style.display = "none"; } })(); } } var slideFlag = false; function slideDown(objnmae, speed) { var obj = document.getElementById(objnmae); var mySpeed = speed || 300; var intervals = mySpeed / 30; // we are using 30 ms intervals var holder = document.createElement('div'); var parent = obj.parentNode; holder.setAttribute('style', 'height: 0px; overflow:hidden'); parent.insertBefore(holder, obj); parent.removeChild(obj); holder.appendChild(obj); obj.style.display = obj.getAttribute("data-original-display") || ""; var height = obj.offsetHeight; var sepHeight = height / intervals; var timer = setInterval(function() { var holderHeight = holder.offsetHeight; if (holderHeight + sepHeight < height) { holder.style.height = (holderHeight + sepHeight) + 'px'; } else { holder.removeChild(obj); parent.insertBefore(obj, holder); parent.removeChild(holder); clearInterval(timer); slideFlag = false; } }, 30); } function slideUp(objnmae, speed) { var obj = document.getElementById(objnmae); var mySpeed = speed || 300; var intervals = mySpeed / 30; // we are using 30 ms intervals var height = obj.offsetHeight; var holder = document.createElement('div'); var parent = obj.parentNode; holder.setAttribute('style', 'height: ' + height + 'px; overflow:hidden'); parent.insertBefore(holder, obj); parent.removeChild(obj); holder.appendChild(obj); var originalDisplay = (obj.style.display !== 'none') ? obj.style.display : ''; obj.setAttribute("data-original-display", originalDisplay); var sepHeight = height / intervals; var timer = setInterval(function() { var holderHeight = holder.offsetHeight; if (holderHeight - sepHeight > 0) { holder.style.height = (holderHeight - sepHeight) + 'px'; } else { obj.style.display = 'none'; holder.removeChild(obj); parent.insertBefore(obj, holder); parent.removeChild(holder); clearInterval(timer); slideFlag = false; } }, 30); } function registerIframeClick(iframeName, action) { var iframe = document.getElementById(iframeName) || top.document.getElementById(iframeName); if(iframe != null) { var iframeDoc = iframe.contentDocument || iframe.contentWindow.document; if (typeof iframeDoc.addEventListener != "undefined") { iframeDoc.addEventListener("click", action, false); } else if (typeof iframeDoc.attachEvent != "undefined") { iframeDoc.attachEvent ("onclick", action); } } } function removeIframeClick(iframeName, action) { var iframe = document.getElementById(iframeName) || top.document.getElementById(iframeName); if(iframe != null) { var iframeDoc = iframe.contentDocument || iframe.contentWindow.document; if (typeof iframeDoc.removeEventListener != "undefined") { iframeDoc.removeEventListener("click", action, false); } else if (typeof iframeDoc.detachEvent != "undefined") { iframeDoc.detachEvent ("onclick", action); } } } var all_list = new Array();//All var wired_list = new Array(); var wl1_list = new Array();//2.4G var wl2_list = new Array();//5G var wl3_list = new Array();//5G-2 var sorter = { "indexFlag" : 3 , // default sort is by IP "all_index" : 3, "all_display" : true, "wired_index" : 3, "wired_display" : true, "wl1_index" : 3, "wl1_display" : true, "wl2_index" : 3, "wl2_display" : true, "wl3_index" : 3, "wl3_display" : true, "sortingMethod" : "increase", "sortingMethod_wired" : "increase", "sortingMethod_wl1" : "increase", "sortingMethod_wl2" : "increase", "sortingMethod_wl3" : "increase", "num_increase" : function(a, b) { if(sorter.indexFlag == 3) { //IP var a_num = 0, b_num = 0; a_num = inet_network(a[sorter.indexFlag]); b_num = inet_network(b[sorter.indexFlag]); return parseInt(a_num) - parseInt(b_num); } else if(sorter.indexFlag == 5 || sorter.indexFlag == 6 || sorter.indexFlag == 7) { //Interface, Tx, Rx var a_num = 0, b_num = 0; a_num = (a[sorter.indexFlag] == "") ? 0 : a[sorter.indexFlag]; b_num = (b[sorter.indexFlag] == "") ? 0 : b[sorter.indexFlag]; return parseInt(a_num) - parseInt(b_num); } else { return parseInt(a[sorter.indexFlag]) - parseInt(b[sorter.indexFlag]); } }, "num_decrease" : function(a, b) { var a_num = 0, b_num = 0; if(sorter.indexFlag == 3) { //IP var a_num = 0, b_num = 0; a_num = inet_network(a[sorter.indexFlag]); b_num = inet_network(b[sorter.indexFlag]); return parseInt(b_num) - parseInt(a_num); } else if(sorter.indexFlag == 5 || sorter.indexFlag == 6 || sorter.indexFlag == 7) { //Interface, Tx, Rx var a_num = 0, b_num = 0; a_num = (a[sorter.indexFlag] == "") ? 0 : a[sorter.indexFlag]; b_num = (b[sorter.indexFlag] == "") ? 0 : b[sorter.indexFlag]; return parseInt(b_num) - parseInt(a_num); } else { return parseInt(b[sorter.indexFlag]) - parseInt(a[sorter.indexFlag]); } }, "str_increase" : function(a, b) { if(a[sorter.indexFlag].toUpperCase() == b[sorter.indexFlag].toUpperCase()) return 0; else if(a[sorter.indexFlag].toUpperCase() > b[sorter.indexFlag].toUpperCase()) return 1; else return -1; }, "str_decrease" : function(a, b) { if(a[sorter.indexFlag].toUpperCase() == b[sorter.indexFlag].toUpperCase()) return 0; else if(a[sorter.indexFlag].toUpperCase() > b[sorter.indexFlag].toUpperCase()) return -1; else return 1; }, "addBorder" : function(obj) { var objIndex = obj; var clickItem = obj.parentNode.id.split("_")[1]; var sorterLastIndex = 0; var sorterClickIndex = 0; while( (objIndex = objIndex.previousSibling) != null ) sorterClickIndex++; switch (clickItem) { case "all" : sorterLastIndex = sorter.all_index; sorter.all_index = sorterClickIndex; sorter.sortingMethod = (sorter.sortingMethod == "increase") ? "decrease" : "increase"; break; case "wired" : sorterLastIndex = sorter.wired_index; sorter.wired_index = sorterClickIndex; sorter.sortingMethod_wired = (sorter.sortingMethod_wired == "increase") ? "decrease" : "increase"; break; case "wl1" : sorterLastIndex = sorter.wl1_index; sorter.wl1_index = sorterClickIndex; sorter.sortingMethod_wl1 = (sorter.sortingMethod_wl1 == "increase") ? "decrease" : "increase"; break; case "wl2" : sorterLastIndex = sorter.wl2_index; sorter.wl2_index = sorterClickIndex; sorter.sortingMethod_wl2 = (sorter.sortingMethod_wl2 == "increase") ? "decrease" : "increase"; break; case "wl3" : sorterLastIndex = sorter.wl3_index; sorter.wl3_index = sorterClickIndex; sorter.sortingMethod_wl3 = (sorter.sortingMethod_wl3 == "increase") ? "decrease" : "increase"; break; } obj.parentNode.childNodes[sorterLastIndex].style.borderTop = '1px solid #222'; obj.parentNode.childNodes[sorterLastIndex].style.borderBottom = '1px solid #222'; }, "drawBorder" : function(_arrayName) { var clickItem = _arrayName.split("_")[0]; var clickIndex = 2; var clickSortingMethod = "increase"; switch (clickItem) { case "all" : clickIndex = sorter.all_index; clickSortingMethod = sorter.sortingMethod; break; case "wired" : clickIndex = sorter.wired_index; clickSortingMethod = sorter.sortingMethod_wired; break; case "wl1" : clickIndex = sorter.wl1_index; clickSortingMethod = sorter.sortingMethod_wl1; break; case "wl2" : clickIndex = sorter.wl2_index; clickSortingMethod = sorter.sortingMethod_wl2; break; case "wl3" : clickIndex = sorter.wl3_index; clickSortingMethod = sorter.sortingMethod_wl3; break; } var borderTopCss = ""; var borderBottomCss = ""; if(getBrowser_info().ie != undefined || getBrowser_info().ie != null) { borderTopCss = "3px solid #FC0"; borderBottomCss = "1px solid #FC0"; } else if(getBrowser_info().firefox != undefined || getBrowser_info().firefox != null) { borderTopCss = "2px solid #FC0"; borderBottomCss = "1px solid #FC0"; } else { borderTopCss = "2px solid #FC0"; borderBottomCss = "2px solid #FC0"; } if(clickSortingMethod == "increase") { document.getElementById("tr_"+clickItem+"_title").childNodes[clickIndex].style.borderTop = borderTopCss; document.getElementById("tr_"+clickItem+"_title").childNodes[clickIndex].style.borderBottom = '1px solid #222'; } else { document.getElementById("tr_"+clickItem+"_title").childNodes[clickIndex].style.borderTop = '1px solid #222'; document.getElementById("tr_"+clickItem+"_title").childNodes[clickIndex].style.borderBottom = borderBottomCss; } }, "doSorter" : function(_flag, _Method, _arrayName) { sorter.indexFlag = _flag; if(clienlistViewMode == "All") { eval(""+_arrayName+".sort(sorter."+_Method+"_"+sorter.sortingMethod+");"); } else if(clienlistViewMode == "ByInterface") { switch (_arrayName) { case "wired_list" : eval(""+_arrayName+".sort(sorter."+_Method+"_"+sorter.sortingMethod_wired+");"); break; case "wl1_list" : eval(""+_arrayName+".sort(sorter."+_Method+"_"+sorter.sortingMethod_wl1+");"); break; case "wl2_list" : eval(""+_arrayName+".sort(sorter."+_Method+"_"+sorter.sortingMethod_wl2+");"); break; case "wl3_list" : eval(""+_arrayName+".sort(sorter."+_Method+"_"+sorter.sortingMethod_wl3+");"); break; } } drawClientListBlock(_arrayName); sorter.drawBorder(_arrayName); } } var edit_client_name_flag = false; var clientlist_view_hide_flag = false; function hide_clientlist_view_block() { if(clientlist_view_hide_flag) { fadeOut(document.getElementById("clientlist_viewlist_content"), 10, 0); document.body.onclick = null; document.body.onresize = null; clientListViewMacUploadIcon = []; removeIframeClick("statusframe", hide_clientlist_view_block); } clientlist_view_hide_flag = true; } function show_clientlist_view_block() { clientlist_view_hide_flag = false; } function closeClientListView() { fadeOut(document.getElementById("clientlist_viewlist_content"), 10, 0); } var clienlistViewMode = "All"; function changeClientListViewMode() { if(clienlistViewMode == "All") clienlistViewMode = "ByInterface"; else clienlistViewMode = "All"; create_clientlist_listview(); sorterClientList(); sorter.all_display = true; sorter.wired_display = true; sorter.wl1_display = true; sorter.wl2_display = true; sorter.wl3_display = true; } var interval_clientlist_listview_update = null; function pop_clientlist_listview() { if(document.getElementById("clientlist_viewlist_content") != null) { removeElement(document.getElementById("clientlist_viewlist_content")); } var divObj = document.createElement("div"); divObj.setAttribute("id","clientlist_viewlist_content"); divObj.className = "clientlist_viewlist"; divObj.setAttribute("onselectstart","return false"); document.body.appendChild(divObj); fadeIn(document.getElementById("clientlist_viewlist_content")); cal_panel_block_clientList("clientlist_viewlist_content", 0.045); if(document.getElementById("view_clientlist_form") != null) { removeElement(document.getElementById("view_clientlist_form")); } var formObj = document.createElement("form"); formObj.setAttribute("id","view_clientlist_form"); formObj.setAttribute("name","view_clientlist_form"); formObj.action = "/start_apply2.htm"; formObj.target = "hidden_frame"; var formHtml = ""; formHtml += ""; formHtml += ""; formHtml += ""; formHtml += ""; formHtml += ""; formHtml += ""; formObj.innerHTML = formHtml; document.body.appendChild(formObj); clientlist_view_hide_flag = false; create_clientlist_listview(); setTimeout(function(){parent.document.networkmapdRefresh.submit();}, 5000);//avoiding no data when open the view list clearInterval(interval_clientlist_listview_update); interval_clientlist_listview_update = setInterval(function(){ if(document.getElementById("clientlist_viewlist_content").style.display != "none") parent.document.networkmapdRefresh.submit(); else clearInterval(interval_clientlist_listview_update); }, 1000*60*3); setTimeout("sorterClientList();updateClientListView();", 500); registerIframeClick("statusframe", hide_clientlist_view_block); } function exportClientListLog() { var data = [["Internet access state", "Device Type", "Client Name", "Client IP address", "IP Method", "Clients MAC Address", "Interface", "Tx Rate", "Rx Rate", "Access time"]]; var tempArray = new Array(); var ipStateExport = new Array(); ipStateExport["Static"] = "Static IP"; ipStateExport["DHCP"] = "Automatic IP"; ipStateExport["Manual"] = "MAC-IP Binding"; var setArray = function(array) { for(var i = 0; i < array.length; i += 1) { tempArray = []; tempArray[0] = (array[i][0] == 1) ? "Allow Internet access" : "Block Internet access"; tempArray[1] = array[i][1].replace(",", ""); tempArray[2] = array[i][2]; tempArray[3] = array[i][3]; tempArray[4] = ipStateExport[clientList[array[i][4]].ipMethod]; tempArray[5] = array[i][4]; if(!(isSwMode('mb') || isSwMode('ew'))) { tempArray[6] = (array[i][9] == 0) ? "Wired" : wl_nband_title[array[i][9] - 1]; tempArray[7] = (array[i][6] == "") ? "-" : array[i][6]; tempArray[8] = (array[i][7] == "") ? "-" : array[i][7]; tempArray[9] = (array[i][9] == 0) ? "-" : array[i][8]; } else { tempArray[6] = "Wired"; tempArray[7] = "-"; tempArray[8] = "-"; tempArray[9] = "-"; } data.push(tempArray); } }; switch (clienlistViewMode) { case "All" : setArray(all_list); break; case "ByInterface" : setArray(wired_list); setArray(wl1_list); setArray(wl2_list); setArray(wl3_list); break; } var csvContent = ''; data.forEach(function (infoArray, index) { dataString = infoArray.join(','); csvContent += index < data.length ? dataString + '\n' : dataString; }); var download = function(content, fileName, mimeType) { var a = document.createElement('a'); mimeType = mimeType || 'application/octet-stream'; if (navigator.msSaveBlob) { // IE10 return navigator.msSaveBlob(new Blob([content], { type: mimeType }), fileName); } else if ('download' in a) { //html5 A[download] a.href = 'data:' + mimeType + ',' + encodeURIComponent(content); a.setAttribute('download', fileName); document.getElementById("clientlist_viewlist_content").appendChild(a); setTimeout(function() { a.click(); document.getElementById("clientlist_viewlist_content").removeChild(a); }, 66); return true; } else { //do iframe dataURL download (old ch+FF): var f = document.createElement('iframe'); document.getElementById("clientlist_viewlist_content").appendChild(f); f.src = 'data:' + mimeType + ',' + encodeURIComponent(content); setTimeout(function() { document.getElementById("clientlist_viewlist_content").removeChild(f); }, 333); return true; } }; download(csvContent, 'ClientList.csv', 'data:text/csv;charset=utf-8'); } function sorterClientList() { var indexMapType = ["", "", "str", "num", "str", "num", "num", "num", "str"]; switch (clienlistViewMode) { case "All" : sorter.doSorter(sorter.all_index, indexMapType[sorter.all_index], 'all_list'); break; case "ByInterface" : sorter.doSorter(sorter.wired_index, indexMapType[sorter.wired_index], 'wired_list'); if(wl_info.band2g_support) sorter.doSorter(sorter.wl1_index, indexMapType[sorter.wl1_index], 'wl1_list'); if(wl_info.band5g_support) sorter.doSorter(sorter.wl2_index, indexMapType[sorter.wl2_index], 'wl2_list'); if(wl_info.band5g_2_support) sorter.doSorter(sorter.wl3_index, indexMapType[sorter.wl3_index], 'wl3_list'); break; } } function create_clientlist_listview() { all_list = []; wired_list = []; wl1_list = []; wl2_list = []; wl3_list = []; if(document.getElementById("clientlist_viewlist_block") != null) { removeElement(document.getElementById("clientlist_viewlist_block")); } var divObj = document.createElement("div"); divObj.setAttribute("id","clientlist_viewlist_block"); var obj_width_map = [["15%", "20%", "25%", "20%", "20%"],["10%", "10%", "30%", "20%", "20%", "10%"],["6%", "6%", "27%", "20%", "15%", "6%", "6%", "6%", "8%"]]; if(top.isIE8) obj_width_map = [["", "", "40%", "40%", "20%"],["", "", "40%", "30%", "20%", "10%"],["", "", "33%", "26%", "15%", "6%", "6%", "6%", "8%"]]; var obj_width = stainfo_support ? obj_width_map[2] : obj_width_map[1]; var wl_colspan = stainfo_support ? 9 : 6; var code = ""; var drawSwitchMode = function(mode) { var drawSwitchModeHtml = ""; drawSwitchModeHtml += "
"; if(mode == "All") { drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
All
"; drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
Interface
"; drawSwitchModeHtml += "
"; } else { drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
All
"; drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
"; drawSwitchModeHtml += "
Interface
"; drawSwitchModeHtml += "
"; } drawSwitchModeHtml += "
"; return drawSwitchModeHtml; }; if(!(isSwMode('mb') || isSwMode('ew'))) code += drawSwitchMode(clienlistViewMode); code += "
"; code += ""; code += "
"; switch (clienlistViewMode) { case "All" : code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; if(!(isSwMode('mb') || isSwMode('ew'))) code += ""; if(stainfo_support && !(isSwMode('mb') || isSwMode('ew'))) { code += "";/*untranslated*/ code += "";/*untranslated*/ code += ""; } code += ""; code += "
All list"; code += "[ Hide ]"; code += "
InternetIconClients NameClient IP addressClients MAC AddressInterfaceTx Rate (Mbps)Rx Rate (Mbps)Access time
"; code += "
"; break; case "ByInterface" : code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; if(!(isSwMode('mb') || isSwMode('ew'))) code += ""; if(stainfo_support && !(isSwMode('mb') || isSwMode('ew'))) { code += "";/*untranslated*/ code += "";/*untranslated*/ code += ""; } code += ""; code += "
Wired"; code += "[ Hide ]"; code += "
InternetIconClients NameClient IP addressClients MAC AddressInterfaceTx Rate (Mbps)Rx Rate (Mbps)Access time
"; code += "
"; var wl_map = {"2.4 GHz": "1", "5 GHz": "2", "5 GHz-1": "2", "5 GHz-2": "3"}; obj_width = stainfo_support ? obj_width_map[2] : obj_width_map[1]; for(var i = 0; i < wl_nband_title.length; i += 1) { code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; code += ""; if(!(isSwMode('mb') || isSwMode('ew'))) code += ""; if(stainfo_support && !(isSwMode('mb') || isSwMode('ew'))) { code += "";/*untranslated*/ code += "";/*untranslated*/ code += ""; } code += ""; code += "
" + wl_nband_title[i]; code += "[ Hide ]"; code += "
InternetIconClients NameClient IP addressClients MAC AddressInterfaceTx Rate (Mbps)Rx Rate (Mbps)Access time
"; code += "
"; } break; } if(!top.isIE8) code += "
"; code += "
"; divObj.innerHTML = code; document.getElementById("clientlist_viewlist_content").appendChild(divObj); document.body.onclick = function() {hide_clientlist_view_block();} document.body.onresize = function() { if(document.getElementById("clientlist_viewlist_content") !== null) { if(document.getElementById("clientlist_viewlist_content").style.display == "block") { cal_panel_block_clientList("clientlist_viewlist_content", 0.045); } } } document.getElementById("clientlist_viewlist_content").onclick = function() {show_clientlist_view_block();} genClientList(); for(var i = 0; i < clientList.length; i += 1) { if(clientList[clientList[i]].isOnline) { var deviceTypeName = "Loading manufacturer.."; if((clientList[clientList[i]].vendor != "" && clientList[clientList[i]].vendor != undefined)) { //Oui Vendor name deviceTypeName = clientList[clientList[i]].vendor; } if((clientList[clientList[i]].dpiDevice != "" && clientList[clientList[i]].dpiDevice != undefined)) { //BWDPI device deviceTypeName = clientList[clientList[i]].dpiDevice; } var clientName = (clientList[clientList[i]].nickName == "") ? clientList[clientList[i]].name : clientList[clientList[i]].nickName; var tempArray = [clientList[clientList[i]].internetState, deviceTypeName, clientName, clientList[clientList[i]].ip, clientList[clientList[i]].mac, clientList[clientList[i]].rssi, clientList[clientList[i]].curTx, clientList[clientList[i]].curRx, clientList[clientList[i]].wlConnectTime, clientList[clientList[i]].isWL, clientList[clientList[i]].vendor, clientList[clientList[i]].type, clientList[clientList[i]].macRepeat]; switch (clienlistViewMode) { case "All" : all_list.push(tempArray); break; case "ByInterface" : switch (clientList[clientList[i]].isWL) { case 0: wired_list.push(tempArray); break; case 1: wl1_list.push(tempArray); break; case 2: wl2_list.push(tempArray); break; case 3: wl3_list.push(tempArray); break; } break; } } } if(clienlistViewMode == "All") { if(!sorter.all_display) { document.getElementById("clientlist_all_list_Block").style.display = "none"; document.getElementById("all_expander").innerHTML = "[ Show ]"; } } else { if(!sorter.wired_display) { document.getElementById("clientlist_wired_list_Block").style.display = "none"; document.getElementById("wired_expander").innerHTML = "[ Show ]"; } if(!sorter.wl1_display) { document.getElementById("clientlist_wl1_list_Block").style.display = "none"; document.getElementById("wl1_expander").innerHTML = "[ Show ]"; } if(!sorter.wl2_display) { document.getElementById("clientlist_wl2_list_Block").style.display = "none"; document.getElementById("wl2_expander").innerHTML = "[ Show ]"; } if(!sorter.wl3_display) { document.getElementById("clientlist_wl3_list_Block").style.display = "none"; document.getElementById("wl3_expander").innerHTML = "[ Show ]"; } } } var clientListViewMacUploadIcon = new Array(); function drawClientListBlock(objID) { var sortArray = ""; switch(objID) { case "all_list" : sortArray = all_list; break; case "wired_list" : sortArray = wired_list; break; case "wl1_list" : sortArray = wl1_list; break; case "wl2_list" : sortArray = wl2_list; break; case "wl3_list" : sortArray = wl3_list; break; } var listViewProfile = function(_profile) { if(_profile == null) _profile = ["", "", "", "", "", "", "", "", "", "", "", "", ""]; this.internetState = _profile[0]; this.deviceTypeName = _profile[1]; this.name = _profile[2]; this.ip = _profile[3]; this.mac = _profile[4]; this.rssi = _profile[5]; this.curTx = _profile[6]; this.curRx = _profile[7]; this.wlConnectTime = _profile[8]; this.isWL = _profile[9]; this.vender = _profile[10]; this.type = _profile[11]; this.macRepeat = _profile[12]; } var convRSSI = function(val) { val = parseInt(val); if(val >= -50) return 4; else if(val >= -80) return Math.ceil((24 + ((val + 80) * 26)/10)/25); else if(val >= -90) return Math.ceil((((val + 90) * 26)/10)/25); else return 1; }; if(document.getElementById("clientlist_" + objID + "_Block") != null) { if(document.getElementById("tb_" + objID) != null) { removeElement(document.getElementById("tb_" + objID)); } var obj_width_map = [["15%", "20%", "25%", "20%", "20%"],["10%", "10%", "30%", "20%", "20%", "10%"],["6%", "6%", "27%", "20%", "15%", "6%", "6%", "6%", "8%"]]; if(top.isIE8) obj_width_map = [["", "", "40%", "40%", "20%"],["", "", "40%", "30%", "20%", "10%"],["", "", "33%", "26%", "15%", "6%", "6%", "6%", "8%"]]; var obj_width = (stainfo_support) ? obj_width_map[2] : obj_width_map[1]; var wl_colspan = stainfo_support ? 9 : 6; var clientListCode = ""; userIconBase64 = "NoIcon"; clientListCode += ""; if(sortArray.length == 0) { clientListCode += ""; } else { clientlist_sort = new Array(); for(var i = 0; i < sortArray.length; i += 1) { clientlist_sort.push(new listViewProfile(sortArray[i])); } for(var j = 0; j < clientlist_sort.length; j += 1) { clientListCode += ""; if(usericon_support) { if(clientListViewMacUploadIcon[clientlist_sort[j].mac] == undefined) { var clientMac = clientlist_sort[j].mac.replace(/\:/g, ""); userIconBase64 = getUploadIcon(clientMac); clientListViewMacUploadIcon[clientlist_sort[j].mac] = userIconBase64; } else { userIconBase64 = clientListViewMacUploadIcon[clientlist_sort[j].mac]; } } var internetStateCss = ""; var internetStateTip = ""; if(clientlist_sort[j].internetState) { internetStateCss = "internetAllow" ; internetStateTip = "Allow Internet access"; } else { internetStateCss = "internetBlock"; internetStateTip = "Block Internet access"; } clientListCode += ""; clientListCode += ""; clientListCode += ""; var ipStyle = ('3' == "1") ? "line-height:16px;text-align:left;padding-left:10px;" : "line-height:16px;text-align:center;"; clientListCode += ""; clientListCode += ""; if(!(isSwMode('mb') || isSwMode('ew'))) { var rssi_t = 0; if(clientlist_sort[j].isWL == "0") rssi_t = "wired"; else rssi_t = convRSSI(clientlist_sort[j].rssi); clientListCode += ""; } if(stainfo_support && !(isSwMode('mb') || isSwMode('ew'))) { var txRate = ""; var rxRate = ""; if(clientlist_sort[j].isWL != 0) { txRate = (clientlist_sort[j].curTx == "") ? "-" : clientlist_sort[j].curTx; rxRate = (clientlist_sort[j].curRx == "") ? "-" : clientlist_sort[j].curRx; } else { txRate = "-"; rxRate = "-"; } clientListCode += ""; clientListCode += ""; clientListCode += ""; } clientListCode += ""; } } clientListCode += "
No data in table.
"; clientListCode += "
"; clientListCode += "		"; if(clientlist_sort[j].macRepeat > 1){ clientListCode += '
"; clientListCode += "
"; } else if(clientlist_sort[j].vender != "" ) { var venderIconClassName = getVenderIconClassName(clientlist_sort[j].vender.toLowerCase()); if(venderIconClassName != "" && !downsize_4m_support) { clientListCode += "
"; } else { var icon_type = "type" + clientlist_sort[j].type; if(clientlist_sort[j].type == "0") { icon_type = "type0_viewMode"; } clientListCode += "
"; } } clientListCode += "		"; var clientNameEnCode = htmlEnDeCode.htmlEncode(decodeURIComponent(clientlist_sort[j].name)); clientListCode += "
"+clientNameEnCode+"
"; clientListCode += ""; clientListCode += "		"; clientListCode += (clientList[clientlist_sort[j].mac].isWebServer) ? ""+clientlist_sort[j].ip+"" : clientlist_sort[j].ip; if('3' == "1") { clientListCode += '' clientListCode += clientList[clientlist_sort[j].mac].ipMethod + ''; } clientListCode += ""+clientlist_sort[j].mac+"
"; if(clientlist_sort[j].isWL != 0) { var bandClass = (navigator.userAgent.toUpperCase().match(/CHROME\/([\d.]+)/)) ? "band_txt_chrome" : "band_txt"; clientListCode += "
" + wl_nband_title[clientlist_sort[j].isWL-1].replace("Hz", "") + "
"; } clientListCode += "
" + txRate + "" + rxRate + ""+((clientlist_sort[j].wlConnectTime == "00:00:00") ? "-" : clientlist_sort[j].wlConnectTime)+"
"; document.getElementById("clientlist_" + objID + "_Block").innerHTML = clientListCode; } } function showHideContent(objnmae, thisObj) { if(!slideFlag) { var state = document.getElementById(objnmae).style.display; var clickItem = objnmae.split("_")[1]; if(state == "none") { if(clienlistViewMode == "All") sorter.all_display = true; else { switch (clickItem) { case "wired" : sorter.wired_display = true; break; case "wl1" : sorter.wl1_display = true; break; case "wl2" : sorter.wl2_display = true; break; case "wl3" : sorter.wl3_display = true; break; } } slideFlag = true; slideDown(objnmae, 200); thisObj.innerHTML = "[ Hide ]"; } else { if(clienlistViewMode == "All") sorter.all_display = false; else { switch (clickItem) { case "wired" : sorter.wired_display = false; break; case "wl1" : sorter.wl1_display = false; break; case "wl2" : sorter.wl2_display = false; break; case "wl3" : sorter.wl3_display = false; break; } } slideFlag = true; slideUp(objnmae, 200); thisObj.innerHTML = "[ Show ]"; } } } var updateClientListView_timer = null; function updateClientListView(){ $.ajax({ url: '/update_clients.asp', dataType: 'script', error: function(xhr) { setTimeout("updateClientListView();", 1000); }, success: function(response){ if(document.getElementById("clientlist_viewlist_content").style.display != "none") { if((isJsonChanged(originData, originDataTmp) || originData.fromNetworkmapd == "") && !edit_client_name_flag && !slideFlag){ create_clientlist_listview(); sorterClientList(); if(parent.show_client_status != undefined) parent.show_client_status(totalClientNum.online); } clearTimeout(updateClientListView_timer); updateClientListView_timer = setTimeout("updateClientListView();", 3000); } else clearTimeout(updateClientListView_timer); } }); } function cal_panel_block_clientList(obj, multiple) { var isMobile = function() { var tmo_support = ('2.4G 5G update qcawifi 11AC noaidisk noitunes nodm manual_stb app switchctrl mssid ipv6 ipv6pt PARENTAL2 pptpd openvpnd utf8_ssid frs_feedback dblog email findasus atf 5G-2 bwdpi wrs_wbl HTTPS ssh vpnc repeater optimize_xbox wps_multiband user_low_rssi tcode usericon stainfo realip alexa cfg_sync fupgrade amas lyra_hide port2_device eula qca'.search("tmo") == -1) ? false : true; if(!tmo_support) return false; if( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPad/i) || (navigator.userAgent.match(/Android/i) && (navigator.userAgent.match(/Mobile/i) || navigator.userAgent.match(/Tablet/i))) || (navigator.userAgent.match(/Opera/i) && (navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Mini/i))) || // Opera mobile or Opera Mini navigator.userAgent.match(/IEMobile/i) || // IE Mobile navigator.userAgent.match(/BlackBerry/i) //BlackBerry ) { return true; } else { return false; } }; var blockmarginLeft; if (window.innerWidth) { winWidth = window.innerWidth; } else if ((document.body) && (document.body.clientWidth)) { winWidth = document.body.clientWidth; } if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winWidth = document.documentElement.clientWidth; } if(winWidth > 1050) { winPadding = (winWidth - 1050) / 2; winWidth = 1105; blockmarginLeft = (winWidth * multiple) + winPadding; } else if(winWidth <= 1050) { if(isMobile()) { if(document.body.scrollLeft < 50) { blockmarginLeft= (winWidth) * multiple + document.body.scrollLeft; } else if(document.body.scrollLeft >320) { blockmarginLeft = 320; } else { blockmarginLeft = document.body.scrollLeft; } } else { blockmarginLeft = (winWidth) * multiple + document.body.scrollLeft; } } document.getElementById(obj).style.marginLeft = blockmarginLeft + "px"; } function getFilePath(file) { var currentPath = file; var pathLength = location.pathname.split("/").length - 1; for(var i = pathLength; i > 1; i -= 1) { if(i == 1) currentPath = ".." + file; else currentPath = "../" + file; } return currentPath }; function editClientName(index) { document.getElementById("div_clientName_"+index).style.display = "none"; document.getElementById("client_name_"+index).style.display = ""; document.getElementById("client_name_"+index).focus(); edit_client_name_flag = true; } var view_custom_name = decodeURIComponent('').replace(/>/g, ">").replace(/</g, "<"); function saveClientName(index, type, mac) { document.getElementById("client_name_"+index).value = document.getElementById("client_name_"+index).value.trim(); var client_name_obj = document.getElementById("client_name_"+index); if(client_name_obj.value.length == 0){ alert("Username cannot be blank."); window.setTimeout(function () { client_name_obj.focus(); client_name_obj.select(); client_name_obj.value = ""; }, 10); return false; } else if(client_name_obj.value.indexOf(">") != -1 || client_name_obj.value.indexOf("<") != -1){ alert("This string cannot contain: '<', '>'"); window.setTimeout(function () { client_name_obj.focus(); client_name_obj.select(); client_name_obj.value = ""; }, 10); return false; } if(utf8_ssid_support){ var len = validator.lengthInUtf8(client_name_obj.value); if(len > 32){ alert("Username cannot be greater than 32 characters.");/* untranslated */ window.setTimeout(function () { client_name_obj.focus(); client_name_obj.select(); client_name_obj.value = ""; }, 10); return false; } } else if(!validator.haveFullWidthChar(client_name_obj)) { alert('Invalid character!'); window.setTimeout(function () { client_name_obj.focus(); client_name_obj.select(); client_name_obj.value = ""; }, 10); return false; } document.getElementById("div_clientName_"+index).style.display = ""; client_name_obj.style.display = "none"; edit_client_name_flag = false; var originalCustomListArray = new Array(); var onEditClient = new Array(); originalCustomListArray = view_custom_name.split('<'); onEditClient[0] = client_name_obj.value; onEditClient[1] = mac.toUpperCase(); onEditClient[2] = 0; onEditClient[3] = type; onEditClient[4] = ""; onEditClient[5] = ""; document.getElementById("div_clientName_"+index).innerHTML = htmlEnDeCode.htmlEncode(document.getElementById("client_name_"+index).value.trim()); for(var i = 0; i < originalCustomListArray.length; i += 1) { if(originalCustomListArray[i].split('>')[1] != undefined) { if(originalCustomListArray[i].split('>')[1].toUpperCase() == onEditClient[1].toUpperCase()){ onEditClient[4] = originalCustomListArray[i].split('>')[4]; // set back callback for ROG device onEditClient[5] = originalCustomListArray[i].split('>')[5]; // set back keeparp for ROG device var app_group_tag = originalCustomListArray[i].split('>')[6]; // for app group tag if(typeof app_group_tag != "undefined") onEditClient[6] = app_group_tag; var app_age_tag = originalCustomListArray[i].split('>')[7]; // for app age tag if(typeof app_age_tag != "undefined") onEditClient[7] = app_age_tag; originalCustomListArray.splice(i, 1); // remove the selected client from original list } } } originalCustomListArray.push(onEditClient.join('>')); view_custom_name = originalCustomListArray.join('<'); document.view_clientlist_form.custom_clientlist.value = view_custom_name; document.view_clientlist_form.submit(); } function removeClient(_mac, _controlObj, _controlPanel) { if (!e) var e = window.event; e.cancelBubble = true; if (e.stopPropagation) e.stopPropagation(); if(document.getElementById("remove_nmpclientlist_form") != null) { removeElement(document.getElementById("remove_nmpclientlist_form")); } var formHTML = ""; var formObj = document.createElement("form"); document.body.appendChild(formObj); formObj.method = "POST"; formObj.setAttribute("id","remove_nmpclientlist_form"); formObj.setAttribute("name","remove_nmpclientlist_form"); formObj.action = "/deleteOfflineClient.cgi"; formObj.target = "hidden_frame"; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formHTML += ''; formObj.innerHTML = formHTML; document.remove_nmpclientlist_form.delete_offline_client.value = _mac; if(document.getElementById(_mac) != null) { removeElement(document.getElementById(_mac)); } if(document.getElementById(_controlPanel).childNodes.length == "0") { if(document.getElementById(_controlPanel) != null) { removeElement(document.getElementById(_controlPanel)); } if(document.getElementById(_controlObj) != null) { removeElement(document.getElementById(_controlObj)); } } document.remove_nmpclientlist_form.submit(); } function expand_hide_Client(_obj, _controlObj) { if(!slideFlag) { var display_state = document.getElementById(_controlObj).style.display; if(display_state == "none") { slideFlag = true; slideDown(_controlObj, 100); document.getElementById(_obj).innerText = "Hide Offline Client List"; } else { slideFlag = true; slideUp(_controlObj, 100); document.getElementById(_obj).innerText = "Show Offline Client List"; } } } function control_dropdown_client_block(_containerID, _pullArrowID, _evt) { _evt.stopPropagation(); //cancel bubbling var element = _evt.target || _evt.srcElement; if(element.id == "") { if(document.getElementById(_containerID) != null && document.getElementById(_pullArrowID) != null) { var container_state = document.getElementById(_containerID).style.display; var pullArrow_state = document.getElementById(_pullArrowID).src; if(container_state == "block") { document.getElementById(_containerID).style.display = "none"; document.getElementById(_pullArrowID).src = "/images/arrow-down.gif"; } } } } function showDropdownClientList(_callBackFun, _callBackFunParam, _interfaceMode, _containerID, _pullArrowID, _clientState) { document.body.addEventListener("click", function(_evt) {control_dropdown_client_block(_containerID, _pullArrowID, _evt);}) if(clientList.length == 0){ setTimeout(function() { genClientList(); showDropdownClientList(_callBackFun, _callBackFunParam, _interfaceMode, _containerID, _pullArrowID); }, 500); return false; } var htmlCode = ""; htmlCode += "
"; htmlCode += "
Show Offline Client List
"; htmlCode += "
"; document.getElementById(_containerID).innerHTML = htmlCode; var param = _callBackFunParam.split(">"); var clientMAC = ""; var clientIP = ""; var getClientValue = function(_attribute, _clienyObj) { var attribute_value = ""; switch(_attribute) { case "mac" : attribute_value = _clienyObj.mac; break; case "ip" : if(clientObj.ip != "offline") { attribute_value = _clienyObj.ip; } break; case "name" : attribute_value = (clientObj.nickName == "") ? clientObj.name : clientObj.nickName; break; default : attribute_value = _attribute; break; } return attribute_value; }; var genClientItem = function(_state) { var code = ""; var clientName = (clientObj.nickName == "") ? clientObj.name : clientObj.nickName; code += ''; if(_state == "online") code += '
'; code += ''; if(clientName.length > 32) { code += clientName.substring(0, 30) + ".."; } else { code += clientName; } code += ''; if(_state == "offline") code += '×'; code += '
'; return code; }; for(var i = 0; i < clientList.length; i +=1 ) { var clientObj = clientList[clientList[i]]; if(clientObj.amesh_isRe) continue; switch(_clientState) { case "all" : if(_interfaceMode == "wl" && (clientList[clientList[i]].isWL == 0)) { continue; } if(_interfaceMode == "wired" && (clientList[clientList[i]].isWL != 0)) { continue; } if(clientObj.isOnline) { document.getElementById("" + _containerID + "_clientlist_online").innerHTML += genClientItem("online"); } else if(clientObj.from == "nmpClient") { document.getElementById("" + _containerID + "_clientlist_offline").innerHTML += genClientItem("offline"); } break; case "online" : if(_interfaceMode == "wl" && (clientList[clientList[i]].isWL == 0)) { continue; } if(_interfaceMode == "wired" && (clientList[clientList[i]].isWL != 0)) { continue; } if(clientObj.isOnline) { document.getElementById("" + _containerID + "_clientlist_online").innerHTML += genClientItem("online"); } break; case "offline" : if(_interfaceMode == "wl" && (clientList[clientList[i]].isWL == 0)) { continue; } if(_interfaceMode == "wired" && (clientList[clientList[i]].isWL != 0)) { continue; } if(clientObj.from == "nmpClient") { document.getElementById("" + _containerID + "_clientlist_offline").innerHTML += genClientItem("offline"); } break; } } if(document.getElementById("" + _containerID + "_clientlist_offline").childNodes.length == "0") { if(document.getElementById("" + _containerID + "_clientlist_dropdown_expand") != null) { removeElement(document.getElementById("" + _containerID + "_clientlist_dropdown_expand")); } if(document.getElementById("" + _containerID + "_clientlist_offline") != null) { removeElement(document.getElementById("" + _containerID + "_clientlist_offline")); } } else { if(document.getElementById("" + _containerID + "_clientlist_dropdown_expand").innerText == "Show Offline Client List") { document.getElementById("" + _containerID + "_clientlist_offline").style.display = "none"; } else { document.getElementById("" + _containerID + "_clientlist_offline").style.display = ""; } } if(document.getElementById("" + _containerID + "_clientlist_online").childNodes.length == "0") { if(document.getElementById("" + _containerID + "_clientlist_online") != null) { removeElement(document.getElementById("" + _containerID + "_clientlist_online")); } } if(document.getElementById(_containerID).childNodes.length == "0") document.getElementById(_pullArrowID).style.display = "none"; else document.getElementById(_pullArrowID).style.display = ""; }