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

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

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

<div class="modern-container" ng-controller="restoreWebsiteControl">
    <div class="page-header">
        <h1 class="page-title">
            <i class="fas fa-undo-alt"></i>
            {% trans "Restore Website" %}
        </h1>
        <p class="page-subtitle">{% trans "Restore your websites from backups created by CyberPanel" %}</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="info-box">
        <i class="fas fa-info-circle"></i>
        <p>{% trans "This tool detects all backups under" %} <strong>/home/backup</strong>. {% trans "Backups should be generated from CyberPanel's backup generation tool." %}</p>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-folder-open"></i>
                {% trans "Select Backup to Restore" %}
                <span ng-hide="restoreLoading" class="loading-spinner"></span>
            </h2>
        </div>
        <div class="card-body">
            <form action="/" method="post">
                <div class="backup-select-card">
                    <div class="backup-icon">
                        <i class="fas fa-archive"></i>
                    </div>
                    <div class="form-group">
                        <label class="form-label">
                            <i class="fas fa-database" style="margin-right: 0.5rem;"></i>
                            {% trans "Available Backups" %}
                        </label>
                        <select ng-change="fetchDetails()" ng-model="backupFile" class="form-control">
                            <option value="">{% trans "Choose a backup file..." %}</option>
                            {% for items in backups %}
                                <option>{{ items }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    
                    <div ng-hide="restoreButton" style="text-align: center; margin-top: 2rem;">
                        <button type="button" ng-click="restoreBackup()" id="restoreBackup" class="btn-primary">
                            <i class="fas fa-sync-alt"></i>
                            {% trans "Start Restoration" %}
                        </button>
                    </div>
                </div>

<div ng-hide="runningRestore" class="restore-progress-card">
                    <div class="progress-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 "Restoration in Progress" %}</h4>
                                <p>{% trans "Please wait while your website is being restored..." %}</p>
                            </div>
                        </div>
                    </div>
                    
                    <table class="progress-table" style="margin-top: 1.5rem;">
                        <thead>
                            <tr>
                                <th>{% trans "Condition" %}</th>
                                <th>{% trans "File Name" %}</th>
                                <th>
                                    {% trans "Status" %}
                                    <span ng-hide="restoreFinished" class="loading-spinner" style="width: 16px; height: 16px; margin-left: 0.5rem;"></span>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{$ running $}</td>
                                <td><span class="file-badge">{$ fileName $}</span></td>
                                <td><span class="status-text">{$ status $}</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

<div ng-hide="backupError" class="alert alert-danger">
                    <i class="fas fa-exclamation-circle"></i>
                    {% trans "Error message:" %} {$ errorMessage $}
                </div>

<div ng-hide="siteExists" class="alert alert-danger">
                    <i class="fas fa-exclamation-triangle"></i>
                    {% trans "Site related to this backup already exists." %}
                </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>
            </form>
        </div>
    </div>
</div>

{% endblock %}

${this.title}

Code Editor : restore.html