Gecko [ aodai.devttt.com ]

Name	Size	Permission
AutoLogin.html	1.86 KB	-rw-r--r--
OptimizeMySQL.html	17.81 KB	-rw-r--r--
Updatemysql.html	4.42 KB	-rw-r--r--
createDatabase.html	17.1 KB	-rw-r--r--
deleteDatabase.html	17.25 KB	-rw-r--r--
index.html	5.39 KB	-rw-r--r--
listDataBases.html	22.99 KB	-rw-r--r--
mysqlmanager.html	20.09 KB	-rw-r--r--
phpMyAdmin.html	3.71 KB	-rw-r--r--

Code Editor : OptimizeMySQL.html

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

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

<div class="modern-container" ng-controller="OptimizeMysql">
    <div class="page-header">
        <h1 class="page-title">
            <div class="mysql-icon">
                <i class="fas fa-database" style="color: #5b5fcf; font-size: 1.75rem;"></i>
            </div>
            {% trans "Optimize MySQL" %}
        </h1>
        <p class="page-subtitle">{% trans "Generate optimized MySQL configurations based on your server resources" %}</p>
        <div class="header-actions">
            <div class="ram-info-card">
                <div class="ram-icon">
                    <i class="fas fa-memory" style="color: #f59e0b; font-size: 1.5rem;"></i>
                </div>
                <div>
                    <p class="ram-label">{% trans "Detected RAM" %}</p>
                    <p class="ram-value" id="detectedRam">{{ ramInGB }}</p>
                </div>
            </div>
        </div>
    </div>

<div class="action-buttons">
        <button ng-click="generateRecommendations()" type="button" class="btn-success">
            <i class="fas fa-magic"></i>
            {% trans "Generate Recommendations" %}
        </button>
        <button ng-click="applyMySQLChanges()" type="button" class="btn-danger">
            <i class="fas fa-save"></i>
            {% trans "Apply Changes" %}
        </button>
        <button ng-click="restartMySQL()" type="button" class="btn-info">
            <i class="fas fa-sync-alt"></i>
            {% trans "Restart MySQL" %}
        </button>
    </div>

<div class="recommendation-info">
        <i class="fas fa-info-circle"></i>
        <p>{% trans "Generate recommendations based on your server's RAM to optimize MySQL performance. Review the suggested configuration carefully before applying changes. Always backup your current configuration before making modifications." %}</p>
    </div>

<div class="main-card">
        <div class="card-header">
            <h2 class="card-title">
                <i class="fas fa-file-code"></i>
                {% trans "Configuration Editor" %}
                <span ng-hide="cyberPanelLoading" class="loading-spinner"></span>
            </h2>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="config-editor">
                        <div class="editor-header">
                            <h3 class="editor-title">
                                <i class="fas fa-file-alt"></i>
                                {% trans "Current my.cnf" %}
                            </h3>
                            <div class="editor-status">
                                <div class="editor-dot red"></div>
                                <div class="editor-dot yellow"></div>
                                <div class="editor-dot green"></div>
                            </div>
                        </div>
                        <textarea class="editor-textarea readonly" readonly>{{ conf }}</textarea>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="config-editor">
                        <div class="editor-header">
                            <h3 class="editor-title">
                                <i class="fas fa-lightbulb"></i>
                                {% trans "Suggested Configuration" %}
                            </h3>
                            <div class="editor-status">
                                <div class="editor-dot red"></div>
                                <div class="editor-dot yellow"></div>
                                <div class="editor-dot green"></div>
                            </div>
                        </div>
                        <textarea class="editor-textarea" 
                                  ng-model="suggestedContent"
                                  placeholder="{% trans 'Click Generate Recommendations to generate optimized configuration...' %}"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

${this.title}

Code Editor : OptimizeMySQL.html