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

{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Transfer Websites from Remote Server - CyberPanel" %}{% endblock %}
{% block content %}

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

<div class="modern-container" ng-controller="remoteBackupControl">
    <div class="page-header">
        <h1 class="page-title">
            <i class="fas fa-server"></i>
            {% trans "Remote Backups" %}
        </h1>
        <p class="page-subtitle">{% trans "Import websites from remote CyberPanel servers via SSH" %}</p>
        <div class="header-actions">
            <a href="https://cyberpanel.net/docs/transfer-website-from-another-server-using-remote-transfer/" 
               target="_blank" 
               class="btn-secondary">
                <i class="fas fa-book"></i>
                {% trans "Remote Transfer Guide" %}
            </a>
        </div>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-network-wired"></i>
                {% trans "Remote Server Connection" %}
                <span ng-hide="backupLoading" 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-map-marker-alt" style="margin-right: 0.5rem;"></i>
                                {% trans "Remote Server IP Address" %}
                            </label>
                            <input type="text" class="form-control" ng-model="IPAddress" 
                                   placeholder="192.168.1.100" required>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-key" style="margin-right: 0.5rem;"></i>
                                {% trans "Root Password" %}
                            </label>
                            <input ng-change="passwordEnter()" type="password" class="form-control" 
                                   ng-model="password" placeholder="••••••••" required>
                        </div>
                    </div>
                </div>
                
                <div ng-hide="backupButton" class="action-buttons">
                    <button type="button" ng-disabled="fetchAccountsBtn" 
                            ng-click="fetchAccountsFromRemoteServer()" class="btn-primary">
                        <i class="fas fa-cloud-download-alt"></i>
                        {% trans "Fetch Accounts" %}
                    </button>
                </div>
            </form>
        </div>
    </div>

<div ng-hide="notificationsBox">
        <div ng-hide="errorMessage" class="alert alert-danger">
            <i class="fas fa-exclamation-circle"></i>
            <p>{$ error_message $}</p>
        </div>
        <div ng-hide="couldNotConnect" class="alert alert-danger">
            <i class="fas fa-times-circle"></i>
            <p>{% trans "Could not connect, please refresh this page." %}</p>
        </div>
        <div ng-hide="accountsFetched" class="alert alert-success">
            <i class="fas fa-check-circle"></i>
            <p>{% trans "Accounts Successfully Fetched from remote server." %}</p>
        </div>
        <div ng-hide="backupProcessStarted" class="alert alert-success">
            <i class="fas fa-play-circle"></i>
            <p>{% trans "Backup Process successfully started." %}</p>
        </div>
        <div ng-hide="backupCancelled" class="alert alert-success">
            <i class="fas fa-stop-circle"></i>
            <p>{% trans "Backup successfully cancelled." %}</p>
        </div>
    </div>

<div ng-hide="accountsInRemoteServerTable" class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-list"></i>
                {% trans "Available Websites on Remote Server" %}
            </h2>
        </div>
        <div class="card-body">
            <div class="search-box">
                <i class="fas fa-search"></i>
                <input type="text" ng-model="accountsSearch" 
                       placeholder="{% trans 'Search websites...' %}" 
                       class="search-input">
            </div>
            
            <div class="table-responsive">
                <table class="remote-table">
                    <thead>
                        <tr>
                            <th>{% trans "Website" %}</th>
                            <th>{% trans "PHP Version" %}</th>
                            <th>{% trans "Package" %}</th>
                            <th>{% trans "Email" %}</th>
                            <th style="text-align: center;">
                                <div class="checkbox-wrapper">
                                    <input ng-model="webSiteStatus" 
                                           ng-change="allChecked(webSiteStatus)" 
                                           type="checkbox" value="">
                                </div>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="record in records | filter:accountsSearch">
                            <td>
                                <i class="fas fa-globe" style="color: var(--accent-color, #5b5fcf); margin-right: 0.5rem;"></i>
                                <strong ng-bind="record.website"></strong>
                            </td>
                            <td>
                                <span class="php-badge" ng-bind="record.php"></span>
                            </td>
                            <td>
                                <span class="package-badge" ng-bind="record.package"></span>
                            </td>
                            <td>
                                <i class="fas fa-envelope" style="color: var(--text-secondary, #94a3b8); margin-right: 0.5rem;"></i>
                                <span ng-bind="record.email"></span>
                            </td>
                            <td style="text-align: center;">
                                <div class="checkbox-wrapper">
                                    <input ng-model="webSiteStatus" 
                                           ng-change="addRemoveWebsite(record.website,webSiteStatus)" 
                                           type="checkbox" value="">
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <div ng-hide="transferBoxBtn" class="action-buttons">
                <button type="button" ng-disabled="startTransferbtn" 
                        ng-click="startTransfer()" class="btn-success">
                    <i class="fas fa-exchange-alt"></i>
                    {% trans "Start Transfer" %}
                </button>
                <button type="button" ng-disabled="stopTransferbtn" 
                        ng-click="cancelRemoteBackup()" class="btn-danger">
                    <i class="fas fa-times"></i>
                    {% trans "Cancel Transfer" %}
                </button>
            </div>
        </div>
    </div>

<div ng-hide="backupStatus" class="terminal-section">
        <div class="terminal-header">
            <div class="terminal-title">
                <i class="fas fa-terminal"></i>
                {% trans "Transfer Progress" %}
            </div>
            <div class="terminal-dots">
                <div class="terminal-dot red"></div>
                <div class="terminal-dot yellow"></div>
                <div class="terminal-dot green"></div>
            </div>
        </div>
        <div class="terminal-body">
            <div class="terminal-grid">
                <div>
                    <h4 style="color: var(--text-secondary, #94a3b8); margin-bottom: 1rem; font-size: 0.875rem;">
                        {% trans "Backup Progress" %}
                    </h4>
                    <div ng-bind="requestData" style="white-space: pre-wrap;"></div>
                </div>
                <div>
                    <h4 style="color: var(--text-secondary, #94a3b8); margin-bottom: 1rem; font-size: 0.875rem;">
                        {% trans "Restore Progress" %}
                    </h4>
                    <div ng-bind="restoreData" style="white-space: pre-wrap;"></div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

${this.title}

Code Editor : remoteBackups.html