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

bug fix: screen shots

Browse Source
This commit is contained in:
usmannasir
2025-04-02 01:35:13 +05:00
parent 0ea095c959
commit 5ed32f1d0f
1 changed files with 130 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
websiteFunctions/templates/websiteFunctions/WPsitesList.html
View File

@@ -13,7 +13,6 @@
// Now add our controller to the module // Now add our controller to the module
angular.module('CyberCP').controller('listWordPressSites', function($scope, $http) { angular.module('CyberCP').controller('listWordPressSites', function($scope, $http) {
// Initialize scope variables with pre-serialized JSON
$scope.wpSites = {{ wpsite|safe }}; $scope.wpSites = {{ wpsite|safe }};
$scope.debug = {{ debug_info|safe }}; $scope.debug = {{ debug_info|safe }};
$scope.totalSites = {{ total_sites }}; $scope.totalSites = {{ total_sites }};
@@ -131,11 +130,7 @@
} }
}, },
function(response) { function(response) {
new PNotify({ console.log('Failed to fetch site data');
title: 'Operation Failed!',
text: 'Could not fetch site data, please refresh the page.',
type: 'error'
});
} }
); );
} }
@@ -148,99 +143,145 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div ng-controller="listWordPressSites"> <div class="container" ng-controller="listWordPressSites">
<div class="card">
<div class="card-header">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-lg-12">
<h3 class="card-title">WordPress Sites</h3> <div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-sm-6">
<h3 class="panel-title">{% trans "WordPress Sites" %}</h3>
</div> </div>
<div class="col-md-6 text-right"> <div class="col-sm-6 text-right">
<input type="text" class="form-control-sm" ng-model="searchTerm" placeholder="Search WordPress installations...">
<a href="{% url 'createWordpress' %}" class="btn btn-success btn-sm">Install WordPress</a> <a href="{% url 'createWordpress' %}" class="btn btn-success btn-sm">Install WordPress</a>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="panel-body">
<div ng-repeat="site in wpSites" class="wp-site-item">
<div class="card" ng-repeat="site in wpSites">
<div class="card-body">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-sm-12">
<div class="site-preview"> <div class="wp-site-header">
<img ng-src="https://api.microlink.io/?url={$ getFullUrl(site.url) $}&screenshot=true&meta=false&embed=screenshot.url" <div class="row">
alt="{$ site.title $}" <div class="col-sm-8">
class="img-fluid"
loading="lazy"
onerror="this.onerror=null; this.src='https://s.wordpress.org/style/images/about/WordPress-logotype-standard.png';">
<a ng-href="{$ getFullUrl(site.url) $}" target="_blank" class="btn btn-outline-secondary btn-sm mt-2">
Visit Site
</a>
</div>
</div>
<div class="col-md-9">
<div class="d-flex justify-content-between">
<h4>{$ site.title $}</h4> <h4>{$ site.title $}</h4>
<div> </div>
<div class="col-sm-4 text-right">
<a ng-href="{% url 'WPHome' %}?ID={$ site.id $}" class="btn btn-primary btn-sm">Manage</a> <a ng-href="{% url 'WPHome' %}?ID={$ site.id $}" class="btn btn-primary btn-sm">Manage</a>
<button class="btn btn-danger btn-sm" ng-click="deleteWPSite(site)">Delete</button> <button class="btn btn-danger btn-sm" ng-click="deleteWPSite(site)">Delete</button>
</div> </div>
</div> </div>
</div>
<div class="wp-site-content">
<div class="row">
<div class="col-sm-3">
<img ng-src="https://api.microlink.io/?url={$ getFullUrl(site.url) $}&screenshot=true&meta=false&embed=screenshot.url"
alt="{$ site.title $}"
class="img-responsive"
style="max-width: 100%; margin-bottom: 10px;"
onerror="this.onerror=null; this.src='https://s.wordpress.org/style/images/about/WordPress-logotype-standard.png';">
<a ng-href="{$ getFullUrl(site.url) $}" target="_blank" class="btn btn-default btn-sm btn-block">Visit Site</a>
</div>
<div class="col-sm-9">
<div class="row">
<div class="col-sm-3">
<div class="info-box">
<label>WordPress</label>
<span>{$ site.version $}</span>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>PHP Version</label>
<span>{$ site.phpVersion || 'Loading...' $}</span>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>Theme</label>
<span>{$ site.activeTheme || 'twentytwentyfive' $}</span>
</div>
</div>
<div class="col-sm-3">
<div class="info-box">
<label>Plugins</label>
<span>{$ site.activePlugins || '1' $} active</span>
</div>
</div>
</div>
<div class="row mt-3"> <div class="row mt-3">
<div class="col-md-3"> <div class="col-sm-6">
<small>WordPress</small> <div class="checkbox">
<div>{$ site.version $}</div> <label>
<input type="checkbox" ng-model="site.searchIndex" ng-change="updateSetting(site, 'search-indexing')">
Search engine indexing
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" ng-model="site.debugging" ng-change="updateSetting(site, 'debugging')">
Debugging
</label>
</div>
</div>
<div class="col-sm-6">
<div class="checkbox">
<label>
<input type="checkbox" ng-model="site.passwordProtection" ng-change="updateSetting(site, 'password-protection')">
Password protection
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" ng-model="site.maintenanceMode" ng-change="updateSetting(site, 'maintenance-mode')">
Maintenance mode
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="col-md-3">
<small>Plugins</small>
<div>{$ site.activePlugins || 0 $} active</div>
</div> </div>
<div class="col-md-3">
<small>Theme</small>
<div>{$ site.activeTheme || 'Loading...' $}</div>
</div> </div>
<div class="col-md-3">
<small>PHP Version</small>
<div>{$ site.phpVersion || 'Loading...' $}</div>
</div> </div>
</div> </div>
<div class="row mt-3"> <style>
<div class="col-md-6"> .wp-site-item {
<div class="custom-control custom-switch"> border: 1px solid #ddd;
<input type="checkbox" class="custom-control-input" id="search-indexing-{$ site.id $}" margin-bottom: 20px;
ng-model="site.searchIndex" border-radius: 4px;
ng-change="updateSetting(site, 'search-indexing')"> }
<label class="custom-control-label" for="search-indexing-{$ site.id $}">Search engine indexing</label> .wp-site-header {
</div> padding: 15px;
<div class="custom-control custom-switch"> border-bottom: 1px solid #ddd;
<input type="checkbox" class="custom-control-input" id="debugging-{$ site.id $}" background: #f5f5f5;
ng-model="site.debugging" }
ng-change="updateSetting(site, 'debugging')"> .wp-site-content {
<label class="custom-control-label" for="debugging-{$ site.id $}">Debugging</label> padding: 15px;
</div> }
</div> .info-box {
<div class="col-md-6"> margin-bottom: 15px;
<div class="custom-control custom-switch"> }
<input type="checkbox" class="custom-control-input" id="password-protection-{$ site.id $}" .info-box label {
ng-model="site.passwordProtection" display: block;
ng-change="updateSetting(site, 'password-protection')"> font-size: 12px;
<label class="custom-control-label" for="password-protection-{$ site.id $}">Password protection</label> color: #666;
</div> margin-bottom: 5px;
<div class="custom-control custom-switch"> }
<input type="checkbox" class="custom-control-input" id="maintenance-mode-{$ site.id $}" .info-box span {
ng-model="site.maintenanceMode" font-size: 14px;
ng-change="updateSetting(site, 'maintenance-mode')"> font-weight: bold;
<label class="custom-control-label" for="maintenance-mode-{$ site.id $}">Maintenance mode</label> }
</div> .checkbox {
</div> margin-bottom: 10px;
</div> }
</div> </style>
</div>
</div>
</div>
</div>
{% endblock content %} {% endblock content %}