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

{% extends "baseTemplate/index.html" %}
{% load i18n %}
{% block title %}{% trans "Google Drive Backups - CyberPanel" %}{% endblock %}
{% block content %}

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

<div class="modern-container" ng-controller="googleDrive">
    <div class="page-header">
        <h1 class="page-title">
            <div class="google-drive-icon">
                <img src="https://upload.wikimedia.org/wikipedia/commons/1/12/Google_Drive_icon_%282020%29.svg" 
                     alt="Google Drive" style="width: 36px; height: 36px;">
            </div>
            {% trans "Google Drive Backups" %}
        </h1>
        <p class="page-subtitle">{% trans "Set up and manage automatic backups to Google Drive" %}</p>
        <div class="header-actions">
            <a href="https://cyberpanel.net/docs/backup-to-google-drive/" 
               target="_blank" 
               rel="noopener"
               class="btn-secondary">
                <i class="fas fa-book"></i>
                {% trans "Documentation" %}
            </a>
            <button type="button" class="btn-primary" data-toggle="modal" data-target="#setupGdrive">
                <i class="fas fa-plus-circle"></i>
                {% trans "Setup New Account" %}
            </button>
        </div>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-cog"></i>
                {% trans "Google Drive Backup Configuration" %}
                <span ng-hide="cyberPanelLoading" class="loading-spinner"></span>
            </h2>
        </div>
        <div class="card-body">
            
            <div class="account-selector">
                <div class="form-group">
                    <label class="form-label">
                        <i class="fas fa-user-circle" style="margin-right: 0.5rem;"></i>
                        {% trans "Select Google Drive Account" %}
                    </label>
                    <div style="display: flex; gap: 1rem; align-items: center;">
                        <select ng-change="fetchWebsites()" ng-model="selectedAccount" class="form-control">
                            <option value="">{% trans "Choose an account..." %}</option>
                            {% for items in accounts %}
                                <option>{{ items }}</option>
                            {% endfor %}
                        </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 ng-hide="driveHidden">
                <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-change="changeFrequency()" ng-model="backupFrequency" class="form-control">
                                <option>Never</option>
                                <option>Daily</option>
                                <option>Weekly</option>
                            </select>
                            <small class="form-text text-muted" style="margin-top: 0.5rem;">
                                {% trans "Currently" %}: <span class="frequency-badge">{$ currently $}</span>
                            </small>
                        </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 File Retention" %}
                            </label>
                            <select id="fileretention" ng-model="Retentiontime" ng-change="changeRetention()" class="form-control">
                                <option value="1d">1 day</option>
                                <option value="1w">1 week</option>
                                <option value="1m">1 month</option>
                                <option value="6m">6 months</option>
                            </select>
                        </div>
                    </div>
                </div>

<div class="retention-info">
                    <i class="fas fa-info-circle"></i>
                    <p>
                        {% trans "Backup retention is a" %} 
                        <a href="https://cyberpanel.net/cyberpanel-addons" target="_blank" rel="noopener">{% trans "paid feature" %}</a>. 
                        {% trans "Upgrade to manage how long backups are stored." %}
                    </p>
                </div>

<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">
                                <option value="">{% trans "Choose a website..." %}</option>
                                {% for items in websites %}
                                    <option>{{ items }}</option>
                                {% endfor %}
                            </select>
                            <button type="button" ng-click="addSite()" class="btn-primary">
                                <i class="fas fa-plus"></i>
                                {% trans "Add Site" %}
                            </button>
                        </div>
                    </div>
                </div>

<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
                    <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>
                    <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="gdrive-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: #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="setupGdrive" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <i class="fas fa-user-plus" style="margin-right: 0.5rem;"></i>
                        {% trans "Set up Google Drive Account" %}
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" style="font-size: 1.5rem;">&times;</button>
                </div>
                <div class="modal-body">
                    <form name="containerSettingsForm" action="/" method="post">
                        <div class="form-group">
                            <label class="form-label">
                                <i class="fas fa-tag" style="margin-right: 0.5rem;"></i>
                                {% trans "Account Name" %}
                            </label>
                            <input name="accountName" type="text" class="form-control" 
                                   ng-model="accountName" 
                                   placeholder="{% trans 'e.g., My Google Drive Backup' %}" required>
                            <small class="form-text text-muted">
                                {% trans "Choose a descriptive name for this Google Drive account" %}
                            </small>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times"></i>
                        {% trans "Cancel" %}
                    </button>
                    <button type="button" class="btn-primary" ng-click="setupAccount()">
                        <i class="fas fa-check"></i>
                        {% trans "Continue Setup" %}
                        <span ng-hide="cyberPanelLoading" class="loading-spinner" style="width: 16px; height: 16px;"></span>
                    </button>
                </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 : googleDrive.html