Gecko [ aodai.devttt.com ]

Name	Size	Permission
OneClickBackupSchedule.html	24.23 KB	-rw-r--r--
backup.html	20.81 KB	-rw-r--r--
backupDestinations.html	25.4 KB	-rw-r--r--
backupLogs.html	5.41 KB	-rw-r--r--
backupSchedule.html	24.69 KB	-rw-r--r--
googleDrive.html	23.32 KB	-rw-r--r--
index.html	4.61 KB	-rw-r--r--
oneClickBackups.html	33.94 KB	-rw-r--r--
remoteBackups.html	21.69 KB	-rw-r--r--
restore.html	13.92 KB	-rw-r--r--
restoreOCBackups.html	13.84 KB	-rw-r--r--

Code Editor : backupDestinations.html

{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Backup Destinations - CyberPanel" %}{% endblock %}
{% block content %}

{% load static %}
    {% get_current_language as LANGUAGE_CODE %}

<div class="modern-container" ng-controller="backupDestinations" ng-init="destinationType='local'">
        <div class="page-header">
            <h1 class="page-title">
                <i class="fas fa-cloud-upload-alt"></i>
                {% trans "Backup Destinations" %}
            </h1>
            <p class="page-subtitle">{% trans "Configure local and remote destinations for your backups" %}</p>
            <div class="header-actions">
                <a href="https://cyberpanel.net/KnowledgeBase/home/add-destination-scheduled-local-sftp-remote-backups/" 
                   target="_blank" 
                   class="btn-secondary">
                    <i class="fas fa-book"></i>
                    {% trans "Remote Backup Guide" %}
                </a>
            </div>
        </div>

<div class="promo-banner">
            <span class="promo-text">
                <i class="fas fa-shield-alt" style="margin-right: 0.5rem;"></i>
                {% trans "Configure automatic backups to our secure servers in 60 seconds" %}
            </span>
            <a href="/backup/OneClickBackups" class="promo-link">
                <i class="fas fa-rocket"></i>
                {% trans "Set-up now" %}
            </a>
        </div>

<div class="main-card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-cog"></i>
                    {% trans "Configure Backup Destination" %}
                    <span ng-hide="cyberpanelLoading" class="loading-spinner"></span>
                </h2>
            </div>
            <div class="card-body">
                <form action="/" method="post">
                    
                    <div class="destination-type-selector">
                        <div class="destination-icon">
                            <i class="fas fa-server"></i>
                        </div>
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-check-square" style="margin-right: 0.5rem;"></i>
                                {% trans "Select Destination Type" %}
                            </label>
                            <div class="destination-tabs">
                                <button type="button" 
                                        class="tab-button" 
                                        ng-class="{'active': destinationType === 'local'}" 
                                        ng-click="destinationType = 'local'; fetchDetails()">
                                    <i class="fas fa-hdd" style="margin-right: 0.5rem;"></i>
                                    {% trans "Local Storage" %}
                                </button>
                                <button type="button" 
                                        class="tab-button" 
                                        ng-class="{'active': destinationType === 'SFTP'}" 
                                        ng-click="destinationType = 'SFTP'; fetchDetails()">
                                    <i class="fas fa-network-wired" style="margin-right: 0.5rem;"></i>
                                    {% trans "SFTP Server" %}
                                </button>
                            </div>
                        </div>
                    </div>

<div ng-hide="sftpHide" class="form-section">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: var(--text-primary, #1e293b); margin-bottom: 1.5rem;">
                            <i class="fas fa-network-wired" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>
                            {% trans "SFTP Server Configuration" %}
                        </h3>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Name" %}</label>
                                    <input type="text" class="form-control" ng-model="name" placeholder="My SFTP Backup" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "IP Address" %}</label>
                                    <input type="text" class="form-control" ng-model="IPAddress" placeholder="192.168.1.100" required>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Username" %}</label>
                                    <input type="text" class="form-control" ng-model="userName" placeholder="backup_user" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Password" %}</label>
                                    <input type="password" class="form-control" ng-model="password" placeholder="••••••••" required>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "SSH Port" %}</label>
                                    <input type="text" class="form-control" ng-model="backupSSHPort" 
                                           placeholder="{% trans "Default: 22" %}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Remote Path" %}</label>
                                    <input type="text" class="form-control" ng-model="path" 
                                           placeholder="/home/backups" required>
                                </div>
                            </div>
                        </div>
                        
                        <div style="text-align: center; margin-top: 2rem;">
                            <button type="button" ng-click="addDestination('SFTP')" class="btn-primary">
                                <i class="fas fa-plus-circle"></i>
                                {% trans "Add SFTP Destination" %}
                            </button>
                        </div>
                    </div>

<div ng-hide="localHide" class="form-section">
                        <h3 style="font-size: 1.1rem; font-weight: 600; color: var(--text-primary, #1e293b); margin-bottom: 1.5rem;">
                            <i class="fas fa-hdd" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>
                            {% trans "Local Storage Configuration" %}
                        </h3>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Name" %}</label>
                                    <input type="text" class="form-control" ng-model="name" 
                                           placeholder="Local Backup Storage" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label">{% trans "Local Path" %}</label>
                                    <input type="text" class="form-control" ng-model="localPath" 
                                           placeholder="/backup/local" required>
                                </div>
                            </div>
                        </div>
                        
                        <div style="text-align: center; margin-top: 2rem;">
                            <button type="button" ng-click="addDestination('local')" class="btn-primary">
                                <i class="fas fa-plus-circle"></i>
                                {% trans "Add Local Destination" %}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

<div ng-hide="sftpHide" class="main-card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-list"></i>
                    {% trans "Configured SFTP Destinations" %}
                </h2>
            </div>
            <div class="card-body" style="padding: 0;">
                <div class="table-responsive">
                    <table class="destination-table">
                        <thead>
                            <tr>
                                <th>{% trans "Name" %}</th>
                                <th>{% trans "Server IP" %}</th>
                                <th>{% trans "Username" %}</th>
                                <th>{% trans "Path" %}</th>
                                <th>{% trans "Port" %}</th>
                                <th style="text-align: center;">{% trans "Actions" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="record in records track by $index">
                                <td>
                                    <strong ng-bind="record.name"></strong>
                                </td>
                                <td>
                                    <span class="info-badge" ng-bind="record.ip"></span>
                                </td>
                                <td>
                                    <i class="fas fa-user" style="color: var(--text-secondary, #64748b); margin-right: 0.5rem;"></i>
                                    <span ng-bind="record.username"></span>
                                </td>
                                <td>
                                    <i class="fas fa-folder" style="color: var(--text-secondary, #64748b); margin-right: 0.5rem;"></i>
                                    <span ng-bind="record.path"></span>
                                </td>
                                <td>
                                    <span class="port-badge" ng-bind="record.port"></span>
                                </td>
                                <td style="text-align: center;">
                                    <button type="button" 
                                            ng-click="removeDestination('SFTP', record.name)" 
                                            class="btn-danger">
                                        <i class="fas fa-trash"></i>
                                        {% trans "Delete" %}
                                    </button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

<div ng-hide="localHide" class="main-card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-list"></i>
                    {% trans "Configured Local Destinations" %}
                </h2>
            </div>
            <div class="card-body" style="padding: 0;">
                <div class="table-responsive">
                    <table class="destination-table">
                        <thead>
                            <tr>
                                <th>{% trans "Name" %}</th>
                                <th>{% trans "Storage Path" %}</th>
                                <th style="text-align: center;">{% trans "Actions" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="record in records track by $index">
                                <td>
                                    <strong ng-bind="record.name"></strong>
                                </td>
                                <td>
                                    <i class="fas fa-folder-open" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>
                                    <span style="font-family: monospace; background: var(--border-light, #f3f4f6); padding: 0.25rem 0.5rem; border-radius: 4px;" 
                                          ng-bind="record.path"></span>
                                </td>
                                <td style="text-align: center;">
                                    <button type="button" 
                                            ng-click="removeDestination('local', record.name)" 
                                            class="btn-danger">
                                        <i class="fas fa-trash"></i>
                                        {% trans "Delete" %}
                                    </button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

${this.title}

Code Editor : backupDestinations.html