vServer/Backend/admin/frontend/templates.html

<!-- Шаблон редактирования сайта -->
<template id="edit-site-template">
    <div class="settings-form">
        <div class="form-group">
            <label class="form-label">Статус сайта:</label>
            <div class="status-toggle">
                <button class="status-btn" data-status="active" data-value="active">
                    <i class="fas fa-check-circle"></i> Active
                </button>
                <button class="status-btn" data-status="inactive" data-value="inactive">
                    <i class="fas fa-times-circle"></i> Inactive
                </button>
            </div>
        </div>
        <div class="form-group">
            <label class="form-label">Название сайта:</label>
            <input type="text" class="form-input" id="editName">
        </div>
        <div class="form-group">
            <label class="form-label">Host:</label>
            <input type="text" class="form-input" id="editHost">
        </div>
        <div class="form-group">
            <label class="form-label">Alias:</label>
            <div class="tag-input-wrapper">
                <input type="text" class="form-input" id="editAliasInput" placeholder="Введите alias и нажмите Добавить...">
                <button class="action-btn" onclick="addAliasTag()"><i class="fas fa-plus"></i> Добавить</button>
            </div>
            <div class="tags-container" id="aliasTagsContainer"></div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label">Root файл:</label>
                <input type="text" class="form-input" id="editRootFile">
            </div>
            <div class="form-group">
                <label class="form-label">Роутинг:</label>
                <div class="toggle-wrapper">
                    <label class="toggle-switch">
                        <input type="checkbox" id="editRouting">
                        <span class="toggle-slider"></span>
                    </label>
                    <span class="toggle-label">Включён</span>
                </div>
            </div>
        </div>
    </div>
</template>

<!-- Шаблон редактирования прокси -->
<template id="edit-proxy-template">
    <div class="settings-form">
        <div class="form-group">
            <label class="form-label">Статус прокси:</label>
            <div class="status-toggle">
                <button class="status-btn" data-status="enable" data-value="enable">
                    <i class="fas fa-check-circle"></i> Включён
                </button>
                <button class="status-btn" data-status="disable" data-value="disable">
                    <i class="fas fa-times-circle"></i> Отключён
                </button>
            </div>
        </div>
        <div class="form-group">
            <label class="form-label">Внешний домен:</label>
            <input type="text" class="form-input" id="editDomain">
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label">Локальный адрес:</label>
                <input type="text" class="form-input" id="editLocalAddr">
            </div>
            <div class="form-group">
                <label class="form-label">Локальный порт:</label>
                <input type="text" class="form-input" id="editLocalPort">
            </div>
        </div>
        <div class="form-row">
            <div class="form-group">
                <label class="form-label">HTTPS к сервису:</label>
                <div class="toggle-wrapper">
                    <label class="toggle-switch">
                        <input type="checkbox" id="editServiceHTTPS">
                        <span class="toggle-slider"></span>
                    </label>
                    <span class="toggle-label">Включён</span>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">Авто HTTPS:</label>
                <div class="toggle-wrapper">
                    <label class="toggle-switch">
                        <input type="checkbox" id="editAutoHTTPS">
                        <span class="toggle-slider"></span>
                    </label>
                    <span class="toggle-label">Включён</span>
                </div>
            </div>
        </div>
    </div>
</template>