mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-10-28 16:56:39 +01:00
703 lines
19 KiB
JavaScript
703 lines
19 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;
|
|
}
|
|
|
|
function randomPassword(length) {
|
|
var chars = "abcdefghijklmnopqrstuvwxyz!@#%^*-+ABCDEFGHIJKLMNOP1234567890";
|
|
var pass = "";
|
|
for (var x = 0; x < length; x++) {
|
|
var i = Math.floor(Math.random() * chars.length);
|
|
pass += chars.charAt(i);
|
|
}
|
|
return pass;
|
|
}
|
|
|
|
/* Utilities ends here */
|
|
|
|
/* Java script code to monitor system status */
|
|
|
|
var app = angular.module('CyberCP', []);
|
|
|
|
var globalScope;
|
|
|
|
function GlobalRespSuccess(response) {
|
|
globalScope.cyberPanelLoading = true;
|
|
if (response.data.status === 1) {
|
|
new PNotify({
|
|
title: 'Success',
|
|
text: 'Successfully executed.',
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
new PNotify({
|
|
title: 'Operation Failed!',
|
|
text: response.data.error_message,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}
|
|
|
|
function GlobalRespFailed(response) {
|
|
globalScope.cyberPanelLoading = true;
|
|
new PNotify({
|
|
title: 'Operation Failed!',
|
|
text: 'Could not connect to server, please refresh this page',
|
|
type: 'error'
|
|
});
|
|
}
|
|
|
|
function GLobalAjaxCall(http, url, data, successCallBack, failureCallBack) {
|
|
var config = {
|
|
headers: {
|
|
'X-CSRFToken': getCookie('csrftoken')
|
|
}
|
|
};
|
|
http.post(url, data, config).then(successCallBack, failureCallBack);
|
|
}
|
|
|
|
app.config(['$interpolateProvider', function ($interpolateProvider) {
|
|
$interpolateProvider.startSymbol('{$');
|
|
$interpolateProvider.endSymbol('$}');
|
|
}]);
|
|
|
|
app.filter('getwebsitename', function () {
|
|
return function (domain, uppercase) {
|
|
|
|
if (domain !== undefined) {
|
|
|
|
domain = domain.replace(/-/g, '');
|
|
|
|
var domainName = domain.split(".");
|
|
|
|
var finalDomainName = domainName[0];
|
|
|
|
if (finalDomainName.length > 5) {
|
|
finalDomainName = finalDomainName.substring(0, 4);
|
|
}
|
|
|
|
return finalDomainName;
|
|
}
|
|
};
|
|
});
|
|
|
|
function getWebsiteName(domain) {
|
|
if (domain !== undefined) {
|
|
|
|
domain = domain.replace(/-/g, '');
|
|
|
|
var domainName = domain.split(".");
|
|
|
|
var finalDomainName = domainName[0];
|
|
|
|
if (finalDomainName.length > 5) {
|
|
finalDomainName = finalDomainName.substring(0, 4);
|
|
}
|
|
|
|
return finalDomainName;
|
|
}
|
|
}
|
|
|
|
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) {
|
|
}
|
|
|
|
//$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.adminName;
|
|
$scope.admin_type = response.data.admin_type;
|
|
|
|
$("#serverIPAddress").text(response.data.serverIPAddress);
|
|
|
|
if (response.data.admin === 0) {
|
|
$('.serverACL').hide();
|
|
|
|
|
|
if (!Boolean(response.data.versionManagement)) {
|
|
$('.versionManagement').hide();
|
|
}
|
|
// User Management
|
|
if (!Boolean(response.data.createNewUser)) {
|
|
$('.createNewUser').hide();
|
|
}
|
|
if (!Boolean(response.data.listUsers)) {
|
|
$('.listUsers').hide();
|
|
}
|
|
if (!Boolean(response.data.resellerCenter)) {
|
|
$('.resellerCenter').hide();
|
|
}
|
|
if (!Boolean(response.data.deleteUser)) {
|
|
$('.deleteUser').hide();
|
|
}
|
|
if (!Boolean(response.data.changeUserACL)) {
|
|
$('.changeUserACL').hide();
|
|
}
|
|
// Website Management
|
|
if (!Boolean(response.data.createWebsite)) {
|
|
$('.createWebsite').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.modifyWebsite)) {
|
|
$('.modifyWebsite').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.suspendWebsite)) {
|
|
$('.suspendWebsite').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deleteWebsite)) {
|
|
$('.deleteWebsite').hide();
|
|
}
|
|
|
|
// Package Management
|
|
|
|
if (!Boolean(response.data.createPackage)) {
|
|
$('.createPackage').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.listPackages)) {
|
|
$('.listPackages').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deletePackage)) {
|
|
$('.deletePackage').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.modifyPackage)) {
|
|
$('.modifyPackage').hide();
|
|
}
|
|
|
|
// Database Management
|
|
|
|
if (!Boolean(response.data.createDatabase)) {
|
|
$('.createDatabase').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deleteDatabase)) {
|
|
$('.deleteDatabase').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.listDatabases)) {
|
|
$('.listDatabases').hide();
|
|
}
|
|
|
|
// DNS Management
|
|
|
|
if (!Boolean(response.data.dnsAsWhole)) {
|
|
$('.dnsAsWhole').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.createNameServer)) {
|
|
$('.createNameServer').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.createDNSZone)) {
|
|
$('.createDNSZone').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deleteZone)) {
|
|
$('.addDeleteRecords').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.addDeleteRecords)) {
|
|
$('.deleteDatabase').hide();
|
|
}
|
|
|
|
// Email Management
|
|
|
|
if (!Boolean(response.data.emailAsWhole)) {
|
|
$('.emailAsWhole').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.listEmails)) {
|
|
$('.listEmails').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.createEmail)) {
|
|
$('.createEmail').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deleteEmail)) {
|
|
$('.deleteEmail').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.emailForwarding)) {
|
|
$('.emailForwarding').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.changeEmailPassword)) {
|
|
$('.changeEmailPassword').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.dkimManager)) {
|
|
$('.dkimManager').hide();
|
|
}
|
|
|
|
|
|
// FTP Management
|
|
|
|
if (!Boolean(response.data.ftpAsWhole)) {
|
|
$('.ftpAsWhole').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.createFTPAccount)) {
|
|
$('.createFTPAccount').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.deleteFTPAccount)) {
|
|
$('.deleteFTPAccount').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.listFTPAccounts)) {
|
|
$('.listFTPAccounts').hide();
|
|
}
|
|
|
|
// Backup Management
|
|
|
|
if (!Boolean(response.data.createBackup)) {
|
|
$('.createBackup').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.restoreBackup)) {
|
|
$('.restoreBackup').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.addDeleteDestinations)) {
|
|
$('.addDeleteDestinations').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.scheduleBackups)) {
|
|
$('.scheduleBackups').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.remoteBackups)) {
|
|
$('.remoteBackups').hide();
|
|
}
|
|
|
|
|
|
// SSL Management
|
|
|
|
if (!Boolean(response.data.manageSSL)) {
|
|
$('.manageSSL').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.hostnameSSL)) {
|
|
$('.hostnameSSL').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.mailServerSSL)) {
|
|
$('.mailServerSSL').hide();
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
if (!Boolean(response.data.emailAsWhole)) {
|
|
$('.emailAsWhole').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.ftpAsWhole)) {
|
|
$('.ftpAsWhole').hide();
|
|
}
|
|
|
|
if (!Boolean(response.data.dnsAsWhole)) {
|
|
$('.dnsAsWhole').hide();
|
|
}
|
|
}
|
|
}
|
|
|
|
function cantLoadInitialData(response) {
|
|
}
|
|
});
|
|
|
|
/* Load average */
|
|
|
|
app.controller('loadAvg', function ($scope, $http, $timeout) {
|
|
|
|
getLoadAvg();
|
|
|
|
function getLoadAvg() {
|
|
|
|
|
|
url = "/base/getLoadAverage";
|
|
|
|
$http.get(url).then(ListLoadAvgData, cantGetLoadAvgData);
|
|
|
|
|
|
function ListLoadAvgData(response) {
|
|
|
|
$scope.one = response.data.one;
|
|
$scope.two = response.data.two;
|
|
$scope.three = response.data.three;
|
|
|
|
}
|
|
|
|
function cantGetLoadAvgData(response) {
|
|
console.log("Can't get load average data");
|
|
}
|
|
|
|
//$timeout(getStuff, 2000);
|
|
|
|
}
|
|
});
|
|
|
|
/// home page system status
|
|
|
|
app.controller('homePageStatus', function ($scope, $http, $timeout) {
|
|
|
|
getStuff();
|
|
getLoadAvg();
|
|
|
|
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 getLoadAvg() {
|
|
|
|
url = "/base/getLoadAverage";
|
|
|
|
$http.get(url).then(ListLoadAvgData, cantGetLoadAvgData);
|
|
|
|
|
|
function ListLoadAvgData(response) {
|
|
|
|
$scope.one = response.data.one;
|
|
$scope.two = response.data.two;
|
|
$scope.three = response.data.three;
|
|
|
|
//document.getElementById("load1").innerHTML = $scope.one;
|
|
//document.getElementById("load2").innerHTML = $scope.two;
|
|
//document.getElementById("load3").innerHTML = $scope.three;
|
|
}
|
|
|
|
function cantGetLoadAvgData(response) {
|
|
console.log("Can't get load average data");
|
|
}
|
|
|
|
$timeout(getLoadAvg, 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;
|
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
|
app.controller('designtheme', function ($scope, $http, $timeout) {
|
|
|
|
$scope.themeloading = true;
|
|
|
|
|
|
$scope.getthemedata = function () {
|
|
$scope.themeloading = false;
|
|
|
|
url = "/base/getthemedata";
|
|
|
|
var data = {
|
|
package: "helo world",
|
|
Themename: $('#stheme').val(),
|
|
};
|
|
|
|
var config = {
|
|
headers: {
|
|
'X-CSRFToken': getCookie('csrftoken')
|
|
}
|
|
};
|
|
|
|
$http.post(url, data, config).then(Listgetthemedata, cantgetthemedata);
|
|
|
|
|
|
function Listgetthemedata(response) {
|
|
$scope.themeloading = true;
|
|
|
|
if (response.data.status === 1) {
|
|
document.getElementById('appendthemedata').innerHTML = "";
|
|
$("#appendthemedata").val(response.data.csscontent)
|
|
} else {
|
|
alert(response.data.error_message)
|
|
}
|
|
}
|
|
|
|
function cantgetthemedata(response) {
|
|
$scope.themeloading = true;
|
|
console.log(response);
|
|
}
|
|
|
|
//$timeout(getStuff, 2000);
|
|
|
|
};
|
|
});
|