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

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

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

<div class="modern-container" ng-controller="backupWebsiteControl">
        <div class="page-header">
            <h1 class="page-title">
                <i class="fas fa-download"></i>
                {% trans "Backup Website" %}
            </h1>
            <p class="page-subtitle">{% trans "Create and manage backups of your websites to ensure data safety" %}</p>
            <div class="header-actions">
                <a href="https://cyberpanel.net/KnowledgeBase/home/backup-restore/" target="_blank" class="btn-secondary">
                    <i class="fas fa-book"></i>
                    {% trans "Backup Documentation" %}
                </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-archive"></i>
                    {% trans "Create New Backup" %}
                    <span ng-hide="backupLoading" class="loading-spinner"></span>
                </h2>
            </div>
            <div class="card-body">

<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 Website" %}</label>
                                    <select id="create-backup-select" ng-model="websiteToBeBacked" ng-change="fetchDetails()" class="form-control">
                                        <option value="">{% trans "Choose a website..." %}</option>
                                        {% for items in websiteList %}
                                            <option>{{ items }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group destinationHide">
                                    <label class="form-label">{% trans "Destination" %}</label>
                                    <select ng-change="destinationSelection()" ng-model="backupDestinations" class="form-control">
                                        <option>{% trans "Home" %}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

<div ng-hide="runningBackup" class="running-backup-card">
                        <div class="running-status">
                            <div class="status-info">
                                <div class="status-icon">
                                    <i class="fas fa-sync-alt fa-spin" style="color: white;"></i>
                                </div>
                                <div class="status-details">
                                    <h4>{% trans "Backup in Progress" %}</h4>
                                    <p>
                                        <strong>{% trans "File:" %}</strong> {$ fileName $} | 
                                        <strong>{% trans "Status:" %}</strong> {$ status $}
                                        <span ng-hide="backupLoadingBottom" class="loading-spinner" style="margin-left: 0.5rem;"></span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="button-group">
                        <button type="button" ng-click="createBackup()" id="createBackup" class="btn-primary destinationHide">
                            <i class="fas fa-play"></i>
                            {% trans "Create Backup" %}
                        </button>
                        <button type="button" ng-click="cancelBackup()" ng-hide="cancelButton" class="btn-danger">
                            <i class="fas fa-stop"></i>
                            {% trans "Cancel Backup" %}
                        </button>
                    </div>
                </form>
            </div>
        </div>

<div class="main-card">
            <div class="card-header">
                <h2 class="card-title">
                    <i class="fas fa-history"></i>
                    {% trans "Existing Backups" %}
                </h2>
            </div>
            <div class="card-body" style="padding: 0;">
                <table class="backup-table">
                    <thead>
                        <tr>
                            <th>{% trans "ID" %}</th>
                            <th>{% trans "File" %}</th>
                            <th>{% trans "Date" %}</th>
                            <th>{% trans "Size" %}</th>
                            <th>{% trans "Status" %}</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.id"></strong></td>
                            <td>
                                <span class="file-badge" ng-bind="record.file"></span>
                            </td>
                            <td>
                                <i class="fas fa-calendar-alt" style="color: var(--text-secondary, #64748b); margin-right: 0.5rem;"></i>
                                <span ng-bind="record.date"></span>
                            </td>
                            <td>
                                <span class="size-badge" ng-bind="record.size"></span>
                            </td>
                            <td>
                                <span class="status-complete" ng-bind="record.status"></span>
                            </td>
                            <td style="text-align: center;">
                                <button type="button" ng-click="deleteBackup(record.id)" class="btn-danger">
                                    <i class="fas fa-trash"></i>
                                    {% trans "Delete" %}
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

<div id="websiteDeleteFailure" class="alert alert-danger" style="display: none;">
            <i class="fas fa-exclamation-circle"></i>
            {% trans "Cannot delete backup. Error message:" %} {$ errorMessage $}
        </div>

<div id="websiteDeleteSuccess" class="alert alert-success" style="display: none;">
            <i class="fas fa-check-circle"></i>
            {% trans "Backup" %} <strong>{$ deletedWebsite $}</strong> {% trans "successfully deleted" %}
        </div>
    </div>

{% endblock %}

${this.title}

Code Editor : backup.html