mirror of
https://github.com/billz/raspap-webgui.git
synced 2023-10-10 13:37:24 +02:00
Deprecate obsolete files, move project .js to /app/js
This commit is contained in:
billz
parent
d1558413d4
commit
4c5d2dd16f
@ -1,92 +0,0 @@
|
|||||||
(function($, _t) {
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a Morris.js barchart.
|
|
||||||
*/
|
|
||||||
function CreateBarChart(placeholder, datasizeunits) {
|
|
||||||
var barchart = new Morris.Bar({
|
|
||||||
element: placeholder,
|
|
||||||
xkey: 'date',
|
|
||||||
ykeys: ['rx', 'tx'],
|
|
||||||
labels: [_t['receive']+' '+datasizeunits.toUpperCase(),
|
|
||||||
_t['send']+' '+datasizeunits.toUpperCase()]
|
|
||||||
});
|
|
||||||
|
|
||||||
return barchart;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create a jquery bootstrap datatable.
|
|
||||||
*/
|
|
||||||
function CreateDataTable(placeholder, timeunits) {
|
|
||||||
$("#"+placeholder).append('<table id="tableBandwidth'+timeunits+
|
|
||||||
'" class="table table-responsive table-striped container-fluid"><thead>'+
|
|
||||||
'<tr><th>date</th><th>rx</th><th>tx</th></tr></thead><tbody></tbody></table>');
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Figure out which tab is selected and remove all existing charts and then
|
|
||||||
* construct the proper barchart.
|
|
||||||
*/
|
|
||||||
function ShowBandwidthChartHandler(e) {
|
|
||||||
// Remove all morrisjs charts
|
|
||||||
$('#divChartBandwidthhourly').empty();
|
|
||||||
$('#divChartBandwidthdaily').empty();
|
|
||||||
$('#divChartBandwidthmonthly').empty();
|
|
||||||
// Remove all datatables
|
|
||||||
$('#divTableBandwidthhourly').empty();
|
|
||||||
$('#divTableBandwidthdaily').empty();
|
|
||||||
$('#divTableBandwidthmonthly').empty();
|
|
||||||
// Construct ajax uri for getting the proper data.
|
|
||||||
var timeunit = $('ul#tabbarBandwidth li.active a').attr('href').substr(1);
|
|
||||||
var uri = 'ajax/bandwidth/get_bandwidth.php?';
|
|
||||||
uri += 'inet=';
|
|
||||||
uri += encodeURIComponent($('#cbxInterface'+timeunit+' option:selected').text());
|
|
||||||
uri += '&tu=';
|
|
||||||
uri += encodeURIComponent(timeunit.substr(0, 1));
|
|
||||||
var datasizeunits = 'mb';
|
|
||||||
uri += '&dsu='+encodeURIComponent(datasizeunits);
|
|
||||||
// Init. chart
|
|
||||||
var barchart = CreateBarChart('divChartBandwidth'+timeunit, datasizeunits);
|
|
||||||
// Init. datatable html
|
|
||||||
var datatable = CreateDataTable('divTableBandwidth'+timeunit, timeunit);
|
|
||||||
// Get data for chart
|
|
||||||
$.ajax({
|
|
||||||
url: uri,
|
|
||||||
dataType: 'json',
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#divLoaderBandwidth'+timeunit).removeClass('hidden');
|
|
||||||
}
|
|
||||||
}).done(function(jsondata) {
|
|
||||||
$('#divLoaderBandwidth'+timeunit).addClass('hidden');
|
|
||||||
barchart.setData(jsondata);
|
|
||||||
$('#tableBandwidth'+timeunit).DataTable({
|
|
||||||
'searching': false,
|
|
||||||
'paging': false,
|
|
||||||
'data': jsondata,
|
|
||||||
'order': [[ 0, 'ASC' ]],
|
|
||||||
'columns': [
|
|
||||||
{ 'data': 'date' },
|
|
||||||
{ 'data': 'rx', "title": _t['receive']+' '+datasizeunits.toUpperCase() },
|
|
||||||
{ 'data': 'tx', "title": _t['send']+' '+datasizeunits.toUpperCase() }]
|
|
||||||
});
|
|
||||||
}).fail(function(xhr, textStatus) {
|
|
||||||
if (window.console) {
|
|
||||||
console.error('server error');
|
|
||||||
} else {
|
|
||||||
alert("server error");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
$('#tabbarBandwidth a[data-toggle="tab"]').on('shown.bs.tab', ShowBandwidthChartHandler);
|
|
||||||
$('#cbxInterfacehourly').on('change', ShowBandwidthChartHandler);
|
|
||||||
$('#cbxInterfacedaily').on('change', ShowBandwidthChartHandler);
|
|
||||||
$('#cbxInterfacemonthly').on('change', ShowBandwidthChartHandler);
|
|
||||||
ShowBandwidthChartHandler();
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery, t);
|
|
||||||
|
|
||||||
232
js/custom.js
232
js/custom.js
@ -1,232 +0,0 @@
|
|||||||
function msgShow(retcode,msg) {
|
|
||||||
if(retcode == 0) {
|
|
||||||
var alertType = 'success';
|
|
||||||
} else if(retcode == 2 || retcode == 1) {
|
|
||||||
var alertType = 'danger';
|
|
||||||
}
|
|
||||||
var htmlMsg = '<div class="alert alert-'+alertType+' alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>'+msg+'</div>';
|
|
||||||
return htmlMsg;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createNetmaskAddr(bitCount) {
|
|
||||||
var mask=[];
|
|
||||||
for(i=0;i<4;i++) {
|
|
||||||
var n = Math.min(bitCount, 8);
|
|
||||||
mask.push(256 - Math.pow(2, 8-n));
|
|
||||||
bitCount -= n;
|
|
||||||
}
|
|
||||||
return mask.join('.');
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadSummary(strInterface) {
|
|
||||||
$.post('/ajax/networking/get_ip_summary.php',{interface:strInterface},function(data){
|
|
||||||
jsonData = JSON.parse(data);
|
|
||||||
console.log(jsonData);
|
|
||||||
if(jsonData['return'] == 0) {
|
|
||||||
$('#'+strInterface+'-summary').html(jsonData['output'].join('<br />'));
|
|
||||||
} else if(jsonData['return'] == 2) {
|
|
||||||
$('#'+strInterface+'-summary').append('<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>'+jsonData['output'].join('<br />')+'</div>');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getAllInterfaces() {
|
|
||||||
$.get('/ajax/networking/get_all_interfaces.php',function(data){
|
|
||||||
jsonData = JSON.parse(data);
|
|
||||||
$.each(jsonData,function(ind,value){
|
|
||||||
loadSummary(value)
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function setupTabs() {
|
|
||||||
$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){
|
|
||||||
var target = $(e.target).attr('href');
|
|
||||||
if(!target.match('summary')) {
|
|
||||||
var int = target.replace("#","");
|
|
||||||
loadCurrentSettings(int);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadCurrentSettings(strInterface) {
|
|
||||||
$.post('/ajax/networking/get_int_config.php',{interface:strInterface},function(data){
|
|
||||||
jsonData = JSON.parse(data);
|
|
||||||
$.each(jsonData['output'],function(i,v) {
|
|
||||||
var int = v['interface'];
|
|
||||||
$.each(v,function(i2,v2) {
|
|
||||||
switch(i2) {
|
|
||||||
case "static":
|
|
||||||
if(v2 == 'true') {
|
|
||||||
$('#'+int+'-static').click();
|
|
||||||
$('#'+int+'-nofailover').click();
|
|
||||||
} else {
|
|
||||||
$('#'+int+'-dhcp').click();
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "failover":
|
|
||||||
if(v2 === 'true') {
|
|
||||||
$('#'+int+'-failover').click();
|
|
||||||
} else {
|
|
||||||
$('#'+int+'-nofailover').click();
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "ip_address":
|
|
||||||
var arrIPNetmask = v2.split('/');
|
|
||||||
$('#'+int+'-ipaddress').val(arrIPNetmask[0]);
|
|
||||||
$('#'+int+'-netmask').val(createNetmaskAddr(arrIPNetmask[1]));
|
|
||||||
break;
|
|
||||||
case "routers":
|
|
||||||
$('#'+int+'-gateway').val(v2);
|
|
||||||
break;
|
|
||||||
case "domain_name_server":
|
|
||||||
svrsDNS = v2.split(" ");
|
|
||||||
$('#'+int+'-dnssvr').val(svrsDNS[0]);
|
|
||||||
$('#'+int+'-dnssvralt').val(svrsDNS[1]);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveNetworkSettings(int) {
|
|
||||||
|
|
||||||
var frmInt = $('#frm-'+int).find(':input');
|
|
||||||
var arrFormData = {};
|
|
||||||
$.each(frmInt,function(i3,v3){
|
|
||||||
if($(v3).attr('type') == 'radio') {
|
|
||||||
arrFormData[$(v3).attr('id')] = $(v3).prop('checked');
|
|
||||||
} else {
|
|
||||||
arrFormData[$(v3).attr('id')] = $(v3).val();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
arrFormData['interface'] = int;
|
|
||||||
$.post('/ajax/networking/save_int_config.php',arrFormData,function(data){
|
|
||||||
//console.log(data);
|
|
||||||
var jsonData = JSON.parse(data);
|
|
||||||
$('#msgNetworking').html(msgShow(jsonData['return'],jsonData['output']));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function applyNetworkSettings() {
|
|
||||||
var int = $(this).data('int');
|
|
||||||
arrFormData = {};
|
|
||||||
arrFormData['generate'] = '';
|
|
||||||
$.post('/ajax/networking/gen_int_config.php',arrFormData,function(data){
|
|
||||||
console.log(data);
|
|
||||||
var jsonData = JSON.parse(data);
|
|
||||||
$('#msgNetworking').html(msgShow(jsonData['return'],jsonData['output']));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
$(document).on("click", ".js-add-dhcp-static-lease", function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
var container = $(".js-new-dhcp-static-lease");
|
|
||||||
var mac = $("input[name=mac]", container).val().trim();
|
|
||||||
var ip = $("input[name=ip]", container).val().trim();
|
|
||||||
if (mac == "" || ip == "") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var row = $("#js-dhcp-static-lease-row").html()
|
|
||||||
.replace("{{ mac }}", mac)
|
|
||||||
.replace("{{ ip }}", ip);
|
|
||||||
$(".js-dhcp-static-lease-container").append(row);
|
|
||||||
|
|
||||||
$("input[name=mac]", container).val("");
|
|
||||||
$("input[name=ip]", container).val("");
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on("click", ".js-remove-dhcp-static-lease", function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
$(this).parents(".js-dhcp-static-lease-row").remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on("submit", ".js-dhcp-settings-form", function(e) {
|
|
||||||
$(".js-add-dhcp-static-lease").trigger("click");
|
|
||||||
});
|
|
||||||
|
|
||||||
function setupBtns() {
|
|
||||||
$('#btnSummaryRefresh').click(function(){getAllInterfaces();});
|
|
||||||
|
|
||||||
$('.intsave').click(function(){
|
|
||||||
var int = $(this).data('int');
|
|
||||||
saveNetworkSettings(int);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.intapply').click(function(){
|
|
||||||
applyNetworkSettings();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function setCSRFTokenHeader(event, xhr, settings) {
|
|
||||||
var csrfToken = $('meta[name=csrf_token]').attr('content');
|
|
||||||
if (/^(POST|PATCH|PUT|DELETE)$/i.test(settings.type)) {
|
|
||||||
xhr.setRequestHeader("X-CSRF-Token", csrfToken);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function contentLoaded() {
|
|
||||||
pageCurrent = window.location.href.split("?")[1].split("=")[1];
|
|
||||||
pageCurrent = pageCurrent.replace("#","");
|
|
||||||
$('#side-menu').metisMenu();
|
|
||||||
switch(pageCurrent) {
|
|
||||||
case "network_conf":
|
|
||||||
getAllInterfaces();
|
|
||||||
setupTabs();
|
|
||||||
setupBtns();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadWifiStations(refresh) {
|
|
||||||
return function() {
|
|
||||||
var complete = function() { $(this).removeClass('loading-spinner'); }
|
|
||||||
var qs = refresh === true ? '?refresh' : '';
|
|
||||||
$('.js-wifi-stations')
|
|
||||||
.addClass('loading-spinner')
|
|
||||||
.empty()
|
|
||||||
.load('/ajax/networking/wifi_stations.php'+qs, complete);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".js-reload-wifi-stations").on("click", loadWifiStations(true));
|
|
||||||
|
|
||||||
$(document).on("click", ".js-toggle-password", function(e) {
|
|
||||||
var button = $(e.target)
|
|
||||||
var field = $(button.data("target"));
|
|
||||||
if (field.is(":input")) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
if (!button.data("__toggle-with-initial")) {
|
|
||||||
button.data("__toggle-with-initial", button.text())
|
|
||||||
}
|
|
||||||
|
|
||||||
if (field.attr("type") === "password") {
|
|
||||||
button.text(button.data("toggle-with"));
|
|
||||||
field.attr("type", "text");
|
|
||||||
} else {
|
|
||||||
button.text(button.data("__toggle-with-initial"));
|
|
||||||
field.attr("type", "password");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on("keyup", ".js-validate-psk", function(e) {
|
|
||||||
var field = $(e.target);
|
|
||||||
var colors = field.data("colors").split(",");
|
|
||||||
var target = $(field.data("target"));
|
|
||||||
if (field.val().length < 8 || field.val().length > 63) {
|
|
||||||
field.css("backgroundColor", colors[0]);
|
|
||||||
target.attr("disabled", true);
|
|
||||||
} else {
|
|
||||||
field.css("backgroundColor", colors[1]);
|
|
||||||
target.attr("disabled", false);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document)
|
|
||||||
.ajaxSend(setCSRFTokenHeader)
|
|
||||||
.ready(contentLoaded)
|
|
||||||
.ready(loadWifiStations());
|
|
||||||
1242
js/flot-data.js
1242
js/flot-data.js
File diff suppressed because it is too large
Load Diff
@ -1,117 +0,0 @@
|
|||||||
$(function() {
|
|
||||||
|
|
||||||
Morris.Area({
|
|
||||||
element: 'morris-area-chart',
|
|
||||||
data: [{
|
|
||||||
period: '2010 Q1',
|
|
||||||
iphone: 2666,
|
|
||||||
ipad: null,
|
|
||||||
itouch: 2647
|
|
||||||
}, {
|
|
||||||
period: '2010 Q2',
|
|
||||||
iphone: 2778,
|
|
||||||
ipad: 2294,
|
|
||||||
itouch: 2441
|
|
||||||
}, {
|
|
||||||
period: '2010 Q3',
|
|
||||||
iphone: 4912,
|
|
||||||
ipad: 1969,
|
|
||||||
itouch: 2501
|
|
||||||
}, {
|
|
||||||
period: '2010 Q4',
|
|
||||||
iphone: 3767,
|
|
||||||
ipad: 3597,
|
|
||||||
itouch: 5689
|
|
||||||
}, {
|
|
||||||
period: '2011 Q1',
|
|
||||||
iphone: 6810,
|
|
||||||
ipad: 1914,
|
|
||||||
itouch: 2293
|
|
||||||
}, {
|
|
||||||
period: '2011 Q2',
|
|
||||||
iphone: 5670,
|
|
||||||
ipad: 4293,
|
|
||||||
itouch: 1881
|
|
||||||
}, {
|
|
||||||
period: '2011 Q3',
|
|
||||||
iphone: 4820,
|
|
||||||
ipad: 3795,
|
|
||||||
itouch: 1588
|
|
||||||
}, {
|
|
||||||
period: '2011 Q4',
|
|
||||||
iphone: 15073,
|
|
||||||
ipad: 5967,
|
|
||||||
itouch: 5175
|
|
||||||
}, {
|
|
||||||
period: '2012 Q1',
|
|
||||||
iphone: 10687,
|
|
||||||
ipad: 4460,
|
|
||||||
itouch: 2028
|
|
||||||
}, {
|
|
||||||
period: '2012 Q2',
|
|
||||||
iphone: 8432,
|
|
||||||
ipad: 5713,
|
|
||||||
itouch: 1791
|
|
||||||
}],
|
|
||||||
xkey: 'period',
|
|
||||||
ykeys: ['iphone', 'ipad', 'itouch'],
|
|
||||||
labels: ['iPhone', 'iPad', 'iPod Touch'],
|
|
||||||
pointSize: 2,
|
|
||||||
hideHover: 'auto',
|
|
||||||
resize: true
|
|
||||||
});
|
|
||||||
|
|
||||||
Morris.Donut({
|
|
||||||
element: 'morris-donut-chart',
|
|
||||||
data: [{
|
|
||||||
label: "Download Sales",
|
|
||||||
value: 12
|
|
||||||
}, {
|
|
||||||
label: "In-Store Sales",
|
|
||||||
value: 30
|
|
||||||
}, {
|
|
||||||
label: "Mail-Order Sales",
|
|
||||||
value: 20
|
|
||||||
}],
|
|
||||||
resize: true
|
|
||||||
});
|
|
||||||
|
|
||||||
Morris.Bar({
|
|
||||||
element: 'morris-bar-chart',
|
|
||||||
data: [{
|
|
||||||
y: '2006',
|
|
||||||
a: 100,
|
|
||||||
b: 90
|
|
||||||
}, {
|
|
||||||
y: '2007',
|
|
||||||
a: 75,
|
|
||||||
b: 65
|
|
||||||
}, {
|
|
||||||
y: '2008',
|
|
||||||
a: 50,
|
|
||||||
b: 40
|
|
||||||
}, {
|
|
||||||
y: '2009',
|
|
||||||
a: 75,
|
|
||||||
b: 65
|
|
||||||
}, {
|
|
||||||
y: '2010',
|
|
||||||
a: 50,
|
|
||||||
b: 40
|
|
||||||
}, {
|
|
||||||
y: '2011',
|
|
||||||
a: 75,
|
|
||||||
b: 65
|
|
||||||
}, {
|
|
||||||
y: '2012',
|
|
||||||
a: 100,
|
|
||||||
b: 90
|
|
||||||
}],
|
|
||||||
xkey: 'y',
|
|
||||||
ykeys: ['a', 'b'],
|
|
||||||
labels: ['Series A', 'Series B'],
|
|
||||||
hideHover: 'auto',
|
|
||||||
resize: true
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user