Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2026-03-05 03:40:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

add loader

Browse Source
This commit is contained in:
usmannasir
2025-04-09 13:15:51 +05:00
parent 49f661be55
commit da7be025b9
2 changed files with 565 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

668
websiteFunctions/static/websiteFunctions/websiteFunctions.js
View File

@@ -2639,7 +2639,7 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Find the website in the list and set loading state
// Find the website in the list
var site = $scope.WebSitesList.find(function(website) {
return website.domain === domain;
});
@@ -2649,50 +2649,159 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Toggle visibility and handle loading state
// Set loading state
site.loadingWPSites = true;
// Toggle visibility
site.showWPSites = !site.showWPSites;
// Only fetch if we're showing and don't have data yet
if (site.showWPSites && (!site.wp_sites || !site.wp_sites.length)) {
// Set loading state
site.loadingWPSites = true;
// If we're hiding, just return
if (!site.showWPSites) {
site.loadingWPSites = false;
return;
}
var url = '/websites/fetchWPDetails';
var data = {
domain: domain
};
console.log('Making request to:', url, 'with data:', data);
$http({
method: 'POST',
url: url,
data: $.param(data),
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
}).then(function(response) {
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
domain: domain
});
$http.post('/websites/fetchWPDetails', data, config)
.then(function(response) {
console.log('Response received:', response);
if (response.data.status === 1 && response.data.fetchStatus === 1) {
site.wp_sites = response.data.sites;
site.wp_sites = response.data.sites || [];
// Initialize loading states for each WP site
site.wp_sites.forEach(function(wp) {
wp.loading = false;
wp.loadingPlugins = false;
wp.loadingTheme = false;
});
$("#listFail").hide();
// Fetch details for each WordPress site
site.wp_sites.forEach(function(wp) {
fetchWPSiteData(wp);
});
} else {
$("#listFail").fadeIn();
site.showWPSites = false;
$scope.errorMessage = response.data.error_message || 'Failed to fetch WordPress sites';
console.error('Error in response:', response.data.error_message);
new PNotify({
title: 'Error!',
text: response.data.error_message || 'Failed to fetch WordPress sites',
type: 'error'
});
}
}).catch(function(error) {
})
.catch(function(error) {
console.error('Request failed:', error);
site.showWPSites = false;
$("#listFail").fadeIn();
$scope.errorMessage = error.message || 'An error occurred while fetching WordPress sites';
console.error('Request failed:', error);
}).finally(function() {
// Clear loading state when done
new PNotify({
title: 'Error!',
text: error.message || 'Could not connect to server',
type: 'error'
});
})
.finally(function() {
site.loadingWPSites = false;
});
}
};
function fetchWPSiteData(wp) {
wp.loading = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
// Fetch site data
$http.post('/websites/FetchWPdata', data, config)
.then(function(response) {
if (response.data.status === 1) {
var data = response.data.ret_data;
wp.version = data.version;
wp.phpVersion = data.phpVersion || 'PHP 7.4';
wp.searchIndex = data.searchIndex === 1;
wp.debugging = data.debugging === 1;
wp.passwordProtection = data.passwordprotection === 1;
wp.maintenanceMode = data.maintenanceMode === 1;
fetchPluginData(wp);
fetchThemeData(wp);
}
})
.finally(function() {
wp.loading = false;
});
}
function fetchPluginData(wp) {
wp.loadingPlugins = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentPlugins', data, config)
.then(function(response) {
if (response.data.status === 1) {
var plugins = JSON.parse(response.data.plugins);
wp.activePlugins = plugins.filter(function(p) { return p.status === 'active'; }).length;
wp.totalPlugins = plugins.length;
}
})
.finally(function() {
wp.loadingPlugins = false;
});
}
function fetchThemeData(wp) {
wp.loadingTheme = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentTheme', data, config)
.then(function(response) {
if (response.data.status === 1) {
wp.theme = response.data.theme;
}
})
.finally(function() {
wp.loadingTheme = false;
});
}
$scope.visitSite = function(wp) {
var url = wp.url || wp.domain;
if (!url) return;
@@ -5759,7 +5868,7 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Find the website in the list and set loading state
// Find the website in the list
var site = $scope.WebSitesList.find(function(website) {
return website.domain === domain;
});
@@ -5769,50 +5878,159 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Toggle visibility and handle loading state
// Set loading state
site.loadingWPSites = true;
// Toggle visibility
site.showWPSites = !site.showWPSites;
// Only fetch if we're showing and don't have data yet
if (site.showWPSites && (!site.wp_sites || !site.wp_sites.length)) {
// Set loading state
site.loadingWPSites = true;
// If we're hiding, just return
if (!site.showWPSites) {
site.loadingWPSites = false;
return;
}
var url = '/websites/fetchWPDetails';
var data = {
domain: domain
};
console.log('Making request to:', url, 'with data:', data);
$http({
method: 'POST',
url: url,
data: $.param(data),
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
}).then(function(response) {
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
domain: domain
});
$http.post('/websites/fetchWPDetails', data, config)
.then(function(response) {
console.log('Response received:', response);
if (response.data.status === 1 && response.data.fetchStatus === 1) {
site.wp_sites = response.data.sites;
site.wp_sites = response.data.sites || [];
// Initialize loading states for each WP site
site.wp_sites.forEach(function(wp) {
wp.loading = false;
wp.loadingPlugins = false;
wp.loadingTheme = false;
});
$("#listFail").hide();
// Fetch details for each WordPress site
site.wp_sites.forEach(function(wp) {
fetchWPSiteData(wp);
});
} else {
$("#listFail").fadeIn();
site.showWPSites = false;
$scope.errorMessage = response.data.error_message || 'Failed to fetch WordPress sites';
console.error('Error in response:', response.data.error_message);
new PNotify({
title: 'Error!',
text: response.data.error_message || 'Failed to fetch WordPress sites',
type: 'error'
});
}
}).catch(function(error) {
})
.catch(function(error) {
console.error('Request failed:', error);
site.showWPSites = false;
$("#listFail").fadeIn();
$scope.errorMessage = error.message || 'An error occurred while fetching WordPress sites';
console.error('Request failed:', error);
}).finally(function() {
// Clear loading state when done
new PNotify({
title: 'Error!',
text: error.message || 'Could not connect to server',
type: 'error'
});
})
.finally(function() {
site.loadingWPSites = false;
});
}
};
function fetchWPSiteData(wp) {
wp.loading = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
// Fetch site data
$http.post('/websites/FetchWPdata', data, config)
.then(function(response) {
if (response.data.status === 1) {
var data = response.data.ret_data;
wp.version = data.version;
wp.phpVersion = data.phpVersion || 'PHP 7.4';
wp.searchIndex = data.searchIndex === 1;
wp.debugging = data.debugging === 1;
wp.passwordProtection = data.passwordprotection === 1;
wp.maintenanceMode = data.maintenanceMode === 1;
fetchPluginData(wp);
fetchThemeData(wp);
}
})
.finally(function() {
wp.loading = false;
});
}
function fetchPluginData(wp) {
wp.loadingPlugins = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentPlugins', data, config)
.then(function(response) {
if (response.data.status === 1) {
var plugins = JSON.parse(response.data.plugins);
wp.activePlugins = plugins.filter(function(p) { return p.status === 'active'; }).length;
wp.totalPlugins = plugins.length;
}
})
.finally(function() {
wp.loadingPlugins = false;
});
}
function fetchThemeData(wp) {
wp.loadingTheme = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentTheme', data, config)
.then(function(response) {
if (response.data.status === 1) {
wp.theme = response.data.theme;
}
})
.finally(function() {
wp.loadingTheme = false;
});
}
$scope.visitSite = function(wp) {
var url = wp.url || wp.domain;
if (!url) return;
@@ -9453,7 +9671,7 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Find the website in the list and set loading state
// Find the website in the list
var site = $scope.WebSitesList.find(function(website) {
return website.domain === domain;
});
@@ -9463,50 +9681,159 @@ app.controller('listWebsites', function ($scope, $http, $window) {
return;
}
// Toggle visibility and handle loading state
// Set loading state
site.loadingWPSites = true;
// Toggle visibility
site.showWPSites = !site.showWPSites;
// Only fetch if we're showing and don't have data yet
if (site.showWPSites && (!site.wp_sites || !site.wp_sites.length)) {
// Set loading state
site.loadingWPSites = true;
// If we're hiding, just return
if (!site.showWPSites) {
site.loadingWPSites = false;
return;
}
var url = '/websites/fetchWPDetails';
var data = {
domain: domain
};
console.log('Making request to:', url, 'with data:', data);
$http({
method: 'POST',
url: url,
data: $.param(data),
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
}).then(function(response) {
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
domain: domain
});
$http.post('/websites/fetchWPDetails', data, config)
.then(function(response) {
console.log('Response received:', response);
if (response.data.status === 1 && response.data.fetchStatus === 1) {
site.wp_sites = response.data.sites;
site.wp_sites = response.data.sites || [];
// Initialize loading states for each WP site
site.wp_sites.forEach(function(wp) {
wp.loading = false;
wp.loadingPlugins = false;
wp.loadingTheme = false;
});
$("#listFail").hide();
// Fetch details for each WordPress site
site.wp_sites.forEach(function(wp) {
fetchWPSiteData(wp);
});
} else {
$("#listFail").fadeIn();
site.showWPSites = false;
$scope.errorMessage = response.data.error_message || 'Failed to fetch WordPress sites';
console.error('Error in response:', response.data.error_message);
new PNotify({
title: 'Error!',
text: response.data.error_message || 'Failed to fetch WordPress sites',
type: 'error'
});
}
}).catch(function(error) {
})
.catch(function(error) {
console.error('Request failed:', error);
site.showWPSites = false;
$("#listFail").fadeIn();
$scope.errorMessage = error.message || 'An error occurred while fetching WordPress sites';
console.error('Request failed:', error);
}).finally(function() {
// Clear loading state when done
new PNotify({
title: 'Error!',
text: error.message || 'Could not connect to server',
type: 'error'
});
})
.finally(function() {
site.loadingWPSites = false;
});
}
};
function fetchWPSiteData(wp) {
wp.loading = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
// Fetch site data
$http.post('/websites/FetchWPdata', data, config)
.then(function(response) {
if (response.data.status === 1) {
var data = response.data.ret_data;
wp.version = data.version;
wp.phpVersion = data.phpVersion || 'PHP 7.4';
wp.searchIndex = data.searchIndex === 1;
wp.debugging = data.debugging === 1;
wp.passwordProtection = data.passwordprotection === 1;
wp.maintenanceMode = data.maintenanceMode === 1;
fetchPluginData(wp);
fetchThemeData(wp);
}
})
.finally(function() {
wp.loading = false;
});
}
function fetchPluginData(wp) {
wp.loadingPlugins = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentPlugins', data, config)
.then(function(response) {
if (response.data.status === 1) {
var plugins = JSON.parse(response.data.plugins);
wp.activePlugins = plugins.filter(function(p) { return p.status === 'active'; }).length;
wp.totalPlugins = plugins.length;
}
})
.finally(function() {
wp.loadingPlugins = false;
});
}
function fetchThemeData(wp) {
wp.loadingTheme = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentTheme', data, config)
.then(function(response) {
if (response.data.status === 1) {
wp.theme = response.data.theme;
}
})
.finally(function() {
wp.loadingTheme = false;
});
}
$scope.visitSite = function(wp) {
var url = wp.url || wp.domain;
if (!url) return;
@@ -13511,61 +13838,170 @@ app.controller('manageAliasController', function ($scope, $http, $timeout, $wind
console.error('Domain is undefined');
return;
}
// Find the website in the list and set loading state
// Find the website in the list
var site = $scope.WebSitesList.find(function(website) {
return website.domain === domain;
});
if (!site) {
console.error('Website not found:', domain);
return;
}
// Toggle visibility and handle loading state
// Set loading state
site.loadingWPSites = true;
// Toggle visibility
site.showWPSites = !site.showWPSites;
// Only fetch if we're showing and don't have data yet
if (site.showWPSites && (!site.wp_sites || !site.wp_sites.length)) {
// Set loading state
site.loadingWPSites = true;
var url = '/websites/fetchWPDetails';
var data = {
domain: domain
};
console.log('Making request to:', url, 'with data:', data);
$http({
method: 'POST',
url: url,
data: $.param(data),
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
}).then(function(response) {
// If we're hiding, just return
if (!site.showWPSites) {
site.loadingWPSites = false;
return;
}
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
domain: domain
});
$http.post('/websites/fetchWPDetails', data, config)
.then(function(response) {
console.log('Response received:', response);
if (response.data.status === 1 && response.data.fetchStatus === 1) {
site.wp_sites = response.data.sites;
site.wp_sites = response.data.sites || [];
// Initialize loading states for each WP site
site.wp_sites.forEach(function(wp) {
wp.loading = false;
wp.loadingPlugins = false;
wp.loadingTheme = false;
});
$("#listFail").hide();
// Fetch details for each WordPress site
site.wp_sites.forEach(function(wp) {
fetchWPSiteData(wp);
});
} else {
$("#listFail").fadeIn();
site.showWPSites = false;
$scope.errorMessage = response.data.error_message || 'Failed to fetch WordPress sites';
console.error('Error in response:', response.data.error_message);
new PNotify({
title: 'Error!',
text: response.data.error_message || 'Failed to fetch WordPress sites',
type: 'error'
});
}
}).catch(function(error) {
})
.catch(function(error) {
console.error('Request failed:', error);
site.showWPSites = false;
$("#listFail").fadeIn();
$scope.errorMessage = error.message || 'An error occurred while fetching WordPress sites';
console.error('Request failed:', error);
}).finally(function() {
// Clear loading state when done
new PNotify({
title: 'Error!',
text: error.message || 'Could not connect to server',
type: 'error'
});
})
.finally(function() {
site.loadingWPSites = false;
});
}
};
function fetchWPSiteData(wp) {
wp.loading = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
// Fetch site data
$http.post('/websites/FetchWPdata', data, config)
.then(function(response) {
if (response.data.status === 1) {
var data = response.data.ret_data;
wp.version = data.version;
wp.phpVersion = data.phpVersion || 'PHP 7.4';
wp.searchIndex = data.searchIndex === 1;
wp.debugging = data.debugging === 1;
wp.passwordProtection = data.passwordprotection === 1;
wp.maintenanceMode = data.maintenanceMode === 1;
fetchPluginData(wp);
fetchThemeData(wp);
}
})
.finally(function() {
wp.loading = false;
});
}
function fetchPluginData(wp) {
wp.loadingPlugins = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentPlugins', data, config)
.then(function(response) {
if (response.data.status === 1) {
var plugins = JSON.parse(response.data.plugins);
wp.activePlugins = plugins.filter(function(p) { return p.status === 'active'; }).length;
wp.totalPlugins = plugins.length;
}
})
.finally(function() {
wp.loadingPlugins = false;
});
}
function fetchThemeData(wp) {
wp.loadingTheme = true;
var config = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
'X-CSRFToken': getCookie('csrftoken')
}
};
var data = $.param({
WPid: wp.id
});
$http.post('/websites/GetCurrentTheme', data, config)
.then(function(response) {
if (response.data.status === 1) {
wp.theme = response.data.theme;
}
})
.finally(function() {
wp.loadingTheme = false;
});
}
$scope.updateSetting = function(wp, setting) {
var settingMap = {
'search-indexing': 'searchIndex',

16
websiteFunctions/templates/websiteFunctions/listWebsites.html
View File

@@ -162,7 +162,13 @@
<div class="wp-site-header">
<div class="row">
<div class="col-sm-8">
<h4><i class="fa-brands fa-wordpress" style="color: #00749C; margin-right: 8px;"></i>{$ wp.title $}</h4>
<h4>
<i class="fa-brands fa-wordpress" style="color: #00749C; margin-right: 8px;"></i>
{$ wp.title $}
<span ng-if="wp.loading || wp.loadingPlugins || wp.loadingTheme" class="loading-indicator">
<i class="fa fa-spinner fa-spin" style="color: #00749C; font-size: 14px;"></i>
</span>
</h4>
</div>
<div class="col-sm-4 text-right">
<button class="btn btn-outline-primary btn-sm wp-action-btn" ng-click="manageWP(wp.id)">
@@ -196,25 +202,29 @@
<div class="col-sm-3">
<div class="info-box">
<label>WordPress</label>
<span>{$ wp.version || 'Unknown' $}</span>
<span>{$ wp.version || 'Loading...' $}</span>
<i ng-if="wp.loading" class="fa fa-spinner fa-spin" style="margin-left: 5px; font-size: 12px;"></i>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>PHP Version</label>
<span>{$ wp.phpVersion || 'Loading...' $}</span>
<i ng-if="wp.loading" class="fa fa-spinner fa-spin" style="margin-left: 5px; font-size: 12px;"></i>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>Theme</label>
<span>{$ wp.theme || 'twentytwentyfive' $}</span>
<span>{$ wp.theme || 'Loading...' $}</span>
<i ng-if="wp.loadingTheme" class="fa fa-spinner fa-spin" style="margin-left: 5px; font-size: 12px;"></i>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>Plugins</label>
<span>{$ wp.activePlugins || '0' $} active</span>
<i ng-if="wp.loadingPlugins" class="fa fa-spinner fa-spin" style="margin-left: 5px; font-size: 12px;"></i>
</div>
</div>
</div>