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 : backupSchedule.html

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

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

<div class="modern-container" ng-controller="scheduleBackup">
    <div class="page-header">
        <h1 class="page-title">
            <i class="fas fa-clock"></i>
            {% trans "Schedule Backup" %}
        </h1>
        <p class="page-subtitle">{% trans "Schedule automatic backups to localhost or remote servers" %}</p>
        <div class="header-actions">
            <a href="https://cyberpanel.net/KnowledgeBase/home/schedule-backups-local-or-sftp/" 
               target="_blank" 
               rel="noopener"
               class="btn-secondary">
                <i class="fas fa-book"></i>
                {% trans "Remote Backups Guide" %}
            </a>
        </div>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-plus-circle"></i>
                {% trans "Create New Backup Schedule" %}
                <span ng-hide="cyberPanelLoading" class="loading-spinner"></span>
            </h2>
        </div>
        <div class="card-body">
            <form action="/" method="post">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-server" style="margin-right: 0.5rem;"></i>
                                {% trans "Select Destination" %}
                            </label>
                            <select ng-model="selectedAccountAdd" class="form-control">
                                <option value="">{% trans "Choose a destination..." %}</option>
                                {% for items in destinations %}
                                    <option>{{ items }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-tag" style="margin-right: 0.5rem;"></i>
                                {% trans "Schedule Name" %}
                            </label>
                            <input type="text" class="form-control" ng-model="name" 
                                   placeholder="{% trans 'e.g., Daily Website Backup' %}" required>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-sync-alt" style="margin-right: 0.5rem;"></i>
                                {% trans "Backup Frequency" %}
                            </label>
                            <select ng-model="backupFrequency" class="form-control">
                                <option>Never</option>
                                <option>Daily</option>
                                <option>Weekly</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-history" style="margin-right: 0.5rem;"></i>
                                {% trans "Backup Retention (0 = unlimited)" %}
                            </label>
                            <input ng-model="backupRetention" type="number" value="0" 
                                   class="form-control" min="0">
                        </div>
                    </div>
                </div>
                
                <div style="text-align: center; margin-top: 2rem;">
                    <button type="button" ng-click="addSchedule()" class="btn-primary">
                        <i class="fas fa-calendar-plus"></i>
                        {% trans "Add Schedule" %}
                    </button>
                </div>
            </form>
        </div>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-tasks"></i>
                {% trans "Manage Existing Backup Schedules" %}
                <span ng-hide="cyberPanelLoading" class="loading-spinner"></span>
            </h2>
        </div>
        <div class="card-body">
            
            <div class="job-selector">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-server" style="margin-right: 0.5rem;"></i>
                                {% trans "Select Destination" %}
                            </label>
                            <select ng-change="fetchJobs()" ng-model="selectedAccount" class="form-control">
                                <option value="">{% trans "Choose a destination..." %}</option>
                                {% for items in destinations %}
                                    <option>{{ items }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6" ng-hide="jobsHidden">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-briefcase" style="margin-right: 0.5rem;"></i>
                                {% trans "Select Job" %}
                            </label>
                            <div style="display: flex; gap: 1rem;">
                                <select ng-change="fetchWebsites()" ng-model="selectedJob" class="form-control">
                                    <option value="">{% trans "Choose a job..." %}</option>
                                    <option ng-repeat="job in jobs track by $index">{$ job $}</option>
                                </select>
                                <button ng-hide="driveHidden" type="button" ng-click="deleteAccount()" class="btn-danger">
                                    <i class="fas fa-trash"></i>
                                    {% trans "Delete" %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div ng-hide="driveHidden" class="schedule-info-card">
                <table class="schedule-table">
                    <thead>
                        <tr>
                            <th>{% trans "Last Run" %}</th>
                            <th>{% trans "All Sites" %}</th>
                            <th>{% trans "Frequency" %} <span style="font-weight: normal;">({$ currently $})</span></th>
                            <th>{% trans "Retention" %} <span style="font-weight: normal;">({$ currently $})</span></th>
                            <th>{% trans "Current Status" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><i class="fas fa-calendar-check" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>{$ lastRun $}</td>
                            <td><span class="frequency-badge">{$ allSites $}</span></td>
                            <td>
                                <select ng-change="changeFrequency()" ng-model="backupFrequency" 
                                        class="form-control" style="width: auto; min-width: 120px;">
                                    <option>Never</option>
                                    <option>Daily</option>
                                    <option>Weekly</option>
                                </select>
                            </td>
                            <td>
                                <input ng-model="backupRetention" ng-change="changeFrequency()" 
                                       type="number" min="0" 
                                       class="form-control" style="width: 100px;">
                            </td>
                            <td><span class="status-badge">{$ currentStatus $}</span></td>
                        </tr>
                    </tbody>
                </table>
                
                <div style="margin-top: 1.5rem;">
                    <button data-toggle="modal" data-target="#backupLogs" 
                            type="button" ng-click="fetchLogs()" class="btn-gray">
                        <i class="fas fa-file-alt"></i>
                        {% trans "View Logs" %}
                    </button>
                </div>
            </div>

<div ng-hide="driveHidden">
                <div class="form-section">
                    <div class="form-group">
                        <label class="form-label">
                            <i class="fas fa-globe" style="margin-right: 0.5rem;"></i>
                            {% trans "Add Sites for Backup" %}
                        </label>
                        <div style="display: flex; gap: 1rem; align-items: center;">
                            <select ng-model="selectedWebsite" class="form-control" style="flex: 1;">
                                <option value="">{% trans "Choose a website..." %}</option>
                                {% for items in websites %}
                                    <option>{{ items }}</option>
                                {% endfor %}
                            </select>
                            <div class="action-buttons" style="flex: 0;">
                                <button type="button" ng-click="addSite('one')" class="btn-primary">
                                    <i class="fas fa-plus"></i>
                                    {% trans "Add Site" %}
                                </button>
                                <button type="button" ng-click="addSite('all')" class="btn-primary">
                                    <i class="fas fa-plus-circle"></i>
                                    {% trans "Add All" %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

<div style="display: flex; justify-content: flex-end; margin-bottom: 1rem;">
                    <select ng-model="recordsToShow" ng-change="fetchWebsites()" 
                            class="form-control" style="width: auto;">
                        <option>10</option>
                        <option>50</option>
                        <option>100</option>
                    </select>
                </div>

<table class="schedule-table">
                    <thead>
                        <tr>
                            <th>{% trans "Website" %}</th>
                            <th style="text-align: center;">{% trans "Actions" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="website in websites track by $index">
                            <td>
                                <i class="fas fa-globe" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>
                                <strong ng-bind="website.name"></strong>
                            </td>
                            <td style="text-align: center;">
                                <button type="button" ng-click="deleteSite(website.name)" class="btn-danger">
                                    <i class="fas fa-times"></i>
                                    {% trans "Remove" %}
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>

<div style="display: flex; justify-content: center; margin-top: 2rem;">
                    <select ng-model="currentPage" class="form-control" 
                            ng-change="fetchWebsites()" style="width: auto;">
                        <option ng-repeat="page in pagination">{$ $index + 1 $}</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

<div id="backupLogs" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <i class="fas fa-file-alt" style="margin-right: 0.5rem;"></i>
                        {% trans "Backup Logs" %}
                        <span ng-hide="cyberPanelLoading" class="loading-spinner" style="width: 16px; height: 16px;"></span>
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" style="font-size: 1.5rem;">&times;</button>
                </div>
                <div class="modal-body">
                    <div style="display: flex; justify-content: flex-end; margin-bottom: 1rem;">
                        <select ng-model="recordsToShowLogs" ng-change="fetchLogs()" 
                                class="form-control" style="width: auto;">
                            <option>10</option>
                            <option>50</option>
                            <option>100</option>
                        </select>
                    </div>

<table class="log-table">
                        <thead>
                            <tr>
                                <th style="width: 100px;">{% trans "Type" %}</th>
                                <th>{% trans "Message" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="log in logs track by $index">
                                <td class="log-type" ng-bind="log.type"></td>
                                <td ng-bind="log.message"></td>
                            </tr>
                        </tbody>
                    </table>

<div style="display: flex; justify-content: center; margin-top: 2rem;">
                        <select ng-model="currentPageLogs" class="form-control" 
                                ng-change="fetchLogs()" style="width: auto;">
                            <option ng-repeat="page in paginationLogs">{$ $index + 1 $}</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

${this.title}

Code Editor : backupSchedule.html