mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-10-31 10:26:01 +01:00
428 lines
12 KiB
JavaScript
428 lines
12 KiB
JavaScript
|
/**
|
||
|
|
* Created by usman on 7/24/17.
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Utilities */
|
||
|
|
|
||
|
|
|
||
|
|
function getCookie(name) {
|
||
|
|
var cookieValue = null;
|
||
|
|
if (document.cookie && document.cookie !== '') {
|
||
|
|
var cookies = document.cookie.split(';');
|
||
|
|
for (var i = 0; i < cookies.length; i++) {
|
||
|
|
var cookie = jQuery.trim(cookies[i]);
|
||
|
|
// Does this cookie string begin with the name we want?
|
||
|
|
if (cookie.substring(0, name.length + 1) === (name + '=')) {
|
||
|
|
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return cookieValue;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Utilities ends here */
|
||
|
|
|
||
|
|
|
||
|
|
/* Java script code to monitor system status */
|
||
|
|
|
||
|
|
var app = angular.module('CyberCP', []);
|
||
|
|
|
||
|
|
|
||
|
|
app.config(['$interpolateProvider',
|
||
|
|
|
||
|
|
function($interpolateProvider) {
|
||
|
|
$interpolateProvider.startSymbol('{$');
|
||
|
|
$interpolateProvider.endSymbol('$}');
|
||
|
|
}
|
||
|
|
]);
|
||
|
|
|
||
|
|
|
||
|
|
app.filter('getwebsitename', function() {
|
||
|
|
return function(domain, uppercase) {
|
||
|
|
|
||
|
|
domain = domain.replace("-", "");
|
||
|
|
|
||
|
|
var domainName = domain.split(".");
|
||
|
|
return domainName[0];
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
app.controller('systemStatusInfo', function($scope,$http,$timeout) {
|
||
|
|
|
||
|
|
getStuff();
|
||
|
|
|
||
|
|
function getStuff() {
|
||
|
|
|
||
|
|
|
||
|
|
url = "/base/getSystemStatus";
|
||
|
|
|
||
|
|
$http.get(url).then(ListInitialData, cantLoadInitialData);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialData(response) {
|
||
|
|
|
||
|
|
|
||
|
|
$scope.cpuUsage = response.data.cpuUsage;
|
||
|
|
$scope.ramUsage = response.data.ramUsage;
|
||
|
|
$scope.diskUsage = response.data.diskUsage;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function cantLoadInitialData(response) {
|
||
|
|
console.log("not good");
|
||
|
|
}
|
||
|
|
|
||
|
|
//$timeout(getStuff, 2000);
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Admin status */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
app.controller('adminController', function($scope,$http,$timeout) {
|
||
|
|
|
||
|
|
url = "/base/getAdminStatus";
|
||
|
|
|
||
|
|
$http.get(url).then(ListInitialData, cantLoadInitialData);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialData(response) {
|
||
|
|
|
||
|
|
|
||
|
|
$scope.currentAdmin = response.data.user_name;
|
||
|
|
$scope.admin_type = response.data.admin_type;
|
||
|
|
|
||
|
|
if (response.data.admin_type != "Administrator")
|
||
|
|
{
|
||
|
|
|
||
|
|
if(response.data.admin_type != "Reseller") {
|
||
|
|
$("#normalUser").hide();
|
||
|
|
$("#normalUserA").hide();
|
||
|
|
$("#normalUserB").hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#normalUserC").hide();
|
||
|
|
$("#normalUserD").hide();
|
||
|
|
$("#normalUserE").hide();
|
||
|
|
$("#normalUserF").hide();
|
||
|
|
$("#normalUserG").hide();
|
||
|
|
$("#normalUserH").hide();
|
||
|
|
$("#normalUserP").hide();
|
||
|
|
|
||
|
|
$("#ssl").hide();
|
||
|
|
$("#sslA").hide();
|
||
|
|
$("#siteState").hide();
|
||
|
|
|
||
|
|
$("#restoreSite").hide();
|
||
|
|
$("#backupDestinations").hide();
|
||
|
|
$("#scheduleBackup").hide();
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function cantLoadInitialData(response) {
|
||
|
|
console.log("not good");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Load average */
|
||
|
|
|
||
|
|
|
||
|
|
app.controller('loadAvg', function($scope,$http,$timeout) {
|
||
|
|
|
||
|
|
getStuff();
|
||
|
|
|
||
|
|
function getStuff() {
|
||
|
|
|
||
|
|
|
||
|
|
url = "/base/getLoadAverage";
|
||
|
|
|
||
|
|
$http.get(url).then(ListInitialData, cantLoadInitialData);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialData(response) {
|
||
|
|
|
||
|
|
|
||
|
|
$scope.one = response.data.one;
|
||
|
|
$scope.two = response.data.two;
|
||
|
|
$scope.three = response.data.three;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function cantLoadInitialData(response) {
|
||
|
|
console.log("not good");
|
||
|
|
}
|
||
|
|
|
||
|
|
$timeout(getStuff, 2000);
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/// home page system status
|
||
|
|
|
||
|
|
|
||
|
|
app.controller('homePageStatus', function($scope,$http,$timeout) {
|
||
|
|
|
||
|
|
getStuff();
|
||
|
|
|
||
|
|
function getStuff() {
|
||
|
|
|
||
|
|
|
||
|
|
url = "/base/getSystemStatus";
|
||
|
|
|
||
|
|
$http.get(url).then(ListInitialData, cantLoadInitialData);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialData(response) {
|
||
|
|
|
||
|
|
console.log(response.data);
|
||
|
|
|
||
|
|
$("#redcircle").removeClass();
|
||
|
|
$("#greencircle").removeClass();
|
||
|
|
$("#pinkcircle").removeClass();
|
||
|
|
|
||
|
|
|
||
|
|
$scope.cpuUsage = response.data.cpuUsage;
|
||
|
|
$scope.ramUsage = response.data.ramUsage;
|
||
|
|
$scope.diskUsage = response.data.diskUsage;
|
||
|
|
|
||
|
|
$scope.RequestProcessing = response.data.RequestProcessing;
|
||
|
|
$scope.TotalRequests = response.data.TotalRequests;
|
||
|
|
|
||
|
|
$scope.MAXCONN = response.data.MAXCONN;
|
||
|
|
$scope.MAXSSL = response.data.MAXSSL;
|
||
|
|
$scope.Avail = response.data.Avail;
|
||
|
|
$scope.AvailSSL = response.data.AvailSSL;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$("#redcircle").addClass("c100");
|
||
|
|
$("#redcircle").addClass("p"+$scope.cpuUsage);
|
||
|
|
$("#redcircle").addClass("red");
|
||
|
|
|
||
|
|
$("#greencircle").addClass("c100");
|
||
|
|
$("#greencircle").addClass("p"+$scope.ramUsage);
|
||
|
|
$("#greencircle").addClass("green");
|
||
|
|
|
||
|
|
|
||
|
|
$("#pinkcircle").addClass("c100");
|
||
|
|
$("#pinkcircle").addClass("p"+$scope.diskUsage);
|
||
|
|
$("#pinkcircle").addClass("red");
|
||
|
|
|
||
|
|
|
||
|
|
// home page cpu,ram and disk update.
|
||
|
|
var rotationMultiplier = 3.6;
|
||
|
|
// For each div that its id ends with "circle", do the following.
|
||
|
|
$( "div[id$='circle']" ).each(function() {
|
||
|
|
// Save all of its classes in an array.
|
||
|
|
var classList = $( this ).attr('class').split(/\s+/);
|
||
|
|
// Iterate over the array
|
||
|
|
for (var i = 0; i < classList.length; i++) {
|
||
|
|
/* If there's about a percentage class, take the actual percentage and apply the
|
||
|
|
css transformations in all occurences of the specified percentage class,
|
||
|
|
even for the divs without an id ending with "circle" */
|
||
|
|
if (classList[i].match("^p"+$scope.cpuUsage)) {
|
||
|
|
var rotationPercentage = $scope.cpuUsage;
|
||
|
|
var rotationDegrees = rotationMultiplier*rotationPercentage;
|
||
|
|
$('.c100.p'+rotationPercentage+ ' .bar').css({
|
||
|
|
'-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-moz-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-ms-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-o-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'transform' : 'rotate(' + rotationDegrees + 'deg)'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else if(classList[i].match("^p"+$scope.ramUsage)){
|
||
|
|
var rotationPercentage = response.data.ramUsage;;
|
||
|
|
var rotationDegrees = rotationMultiplier*rotationPercentage;
|
||
|
|
$('.c100.p'+rotationPercentage+ ' .bar').css({
|
||
|
|
'-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-moz-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-ms-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-o-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'transform' : 'rotate(' + rotationDegrees + 'deg)'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else if(classList[i].match("^p"+$scope.diskUsage)){
|
||
|
|
var rotationPercentage = response.data.diskUsage;;
|
||
|
|
var rotationDegrees = rotationMultiplier*rotationPercentage;
|
||
|
|
$('.c100.p'+rotationPercentage+ ' .bar').css({
|
||
|
|
'-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-moz-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-ms-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'-o-transform' : 'rotate(' + rotationDegrees + 'deg)',
|
||
|
|
'transform' : 'rotate(' + rotationDegrees + 'deg)'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function cantLoadInitialData(response) {
|
||
|
|
console.log("not good");
|
||
|
|
}
|
||
|
|
|
||
|
|
$timeout(getStuff, 2000);
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
////////////
|
||
|
|
|
||
|
|
function increment(){
|
||
|
|
$('.box').hide();
|
||
|
|
setTimeout(function(){
|
||
|
|
$('.box').show();
|
||
|
|
},100);
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
increment();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
////////////
|
||
|
|
|
||
|
|
|
||
|
|
app.controller('versionManagment', function($scope,$http,$timeout) {
|
||
|
|
|
||
|
|
$scope.upgradeLoading = true;
|
||
|
|
$scope.upgradelogBox = true;
|
||
|
|
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = true;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$scope.upgrade = function() {
|
||
|
|
|
||
|
|
$scope.upgradeLoading = false;
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = true;
|
||
|
|
|
||
|
|
|
||
|
|
url = "/base/upgrade";
|
||
|
|
|
||
|
|
$http.get(url).then(ListInitialData, cantLoadInitialData);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialData(response) {
|
||
|
|
|
||
|
|
if(response.data.upgrade == 1){
|
||
|
|
$scope.upgradeLoading = true;
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = false;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = true;
|
||
|
|
getUpgradeStatus();
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
$scope.updateError = false;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = true;
|
||
|
|
$scope.errorMessage = response.data.error_message;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function cantLoadInitialData(response) {
|
||
|
|
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = false;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function getUpgradeStatus(){
|
||
|
|
|
||
|
|
$scope.upgradeLoading = false;
|
||
|
|
|
||
|
|
url = "/base/UpgradeStatus";
|
||
|
|
|
||
|
|
var data = {
|
||
|
|
};
|
||
|
|
|
||
|
|
var config = {
|
||
|
|
headers : {
|
||
|
|
'X-CSRFToken': getCookie('csrftoken')
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$http.post(url, data,config).then(ListInitialDatas, cantLoadInitialDatas);
|
||
|
|
|
||
|
|
|
||
|
|
function ListInitialDatas(response) {
|
||
|
|
|
||
|
|
|
||
|
|
if(response.data.upgradeStatus === 1){
|
||
|
|
|
||
|
|
if(response.data.finished===1){
|
||
|
|
$timeout.cancel();
|
||
|
|
$scope.upgradelogBox = false;
|
||
|
|
$scope.upgradeLog = response.data.upgradeLog;
|
||
|
|
$scope.upgradeLoading = true;
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = false;
|
||
|
|
$scope.couldNotConnect = true;
|
||
|
|
|
||
|
|
}
|
||
|
|
else{
|
||
|
|
$scope.upgradelogBox = false;
|
||
|
|
$scope.upgradeLog = response.data.upgradeLog;
|
||
|
|
$timeout(getUpgradeStatus,2000);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
function cantLoadInitialDatas(response) {
|
||
|
|
|
||
|
|
$scope.updateError = true;
|
||
|
|
$scope.updateStarted = true;
|
||
|
|
$scope.updateFinish = true;
|
||
|
|
$scope.couldNotConnect = false;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
});
|