alexei.dolgolyov
21248e2dc9
Rename the "profiles" entity to "automations" throughout the entire codebase for clarity. Updates Python models, storage, API routes/schemas, engine, frontend JS modules, HTML templates, CSS classes, i18n keys (en/ru/zh), dashboard, tutorials, and command palette. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
83 lines
5.3 KiB
HTML
83 lines
5.3 KiB
HTML
<!-- Settings Modal -->
|
|
<div id="settings-modal" class="modal" role="dialog" aria-modal="true" aria-labelledby="settings-modal-title">
|
|
<div class="modal-content" style="max-width: 450px;">
|
|
<div class="modal-header">
|
|
<h2 id="settings-modal-title" data-i18n="settings.title">Settings</h2>
|
|
<button class="modal-close-btn" onclick="closeSettingsModal()" title="Close" data-i18n-aria-label="aria.close">✕</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<!-- Backup section -->
|
|
<div class="form-group">
|
|
<div class="label-row">
|
|
<label data-i18n="settings.backup.label">Backup Configuration</label>
|
|
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
|
|
</div>
|
|
<small class="input-hint" style="display:none" data-i18n="settings.backup.hint">Download all configuration (devices, targets, streams, templates, automations) as a single JSON file.</small>
|
|
<button class="btn btn-primary" onclick="downloadBackup()" style="width:100%" data-i18n="settings.backup.button">Download Backup</button>
|
|
</div>
|
|
|
|
<!-- Restore section -->
|
|
<div class="form-group">
|
|
<div class="label-row">
|
|
<label data-i18n="settings.restore.label">Restore Configuration</label>
|
|
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
|
|
</div>
|
|
<small class="input-hint" style="display:none" data-i18n="settings.restore.hint">Upload a previously downloaded backup file to replace all configuration. The server will restart automatically.</small>
|
|
<input type="file" id="settings-restore-input" accept=".json" style="display:none" onchange="handleRestoreFileSelected(this)">
|
|
<button class="btn btn-danger" onclick="document.getElementById('settings-restore-input').click()" style="width:100%" data-i18n="settings.restore.button">Restore from Backup</button>
|
|
</div>
|
|
|
|
<!-- Auto-Backup section -->
|
|
<div class="form-group">
|
|
<div class="label-row">
|
|
<label data-i18n="settings.auto_backup.label">Auto-Backup</label>
|
|
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
|
|
</div>
|
|
<small class="input-hint" style="display:none" data-i18n="settings.auto_backup.hint">Automatically create periodic backups of all configuration. Old backups are pruned when the maximum count is reached.</small>
|
|
|
|
<div style="display:flex; align-items:center; gap:0.5rem; margin-bottom:0.5rem;">
|
|
<input type="checkbox" id="auto-backup-enabled">
|
|
<label for="auto-backup-enabled" style="margin:0" data-i18n="settings.auto_backup.enable">Enable auto-backup</label>
|
|
</div>
|
|
|
|
<div style="display:flex; gap:0.5rem; margin-bottom:0.5rem;">
|
|
<div style="flex:1">
|
|
<label for="auto-backup-interval" style="font-size:0.85rem" data-i18n="settings.auto_backup.interval_label">Interval</label>
|
|
<select id="auto-backup-interval" style="width:100%">
|
|
<option value="1">1h</option>
|
|
<option value="6">6h</option>
|
|
<option value="12">12h</option>
|
|
<option value="24">24h</option>
|
|
<option value="48">48h</option>
|
|
<option value="168">7d</option>
|
|
</select>
|
|
</div>
|
|
<div style="flex:1">
|
|
<label for="auto-backup-max" style="font-size:0.85rem" data-i18n="settings.auto_backup.max_label">Max backups</label>
|
|
<input type="number" id="auto-backup-max" min="1" max="100" value="10" style="width:100%">
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn btn-primary" onclick="saveAutoBackupSettings()" style="width:100%" data-i18n="settings.auto_backup.save">Save Settings</button>
|
|
|
|
<div id="auto-backup-status" style="font-size:0.85rem; color:var(--text-muted); margin-top:0.5rem;"></div>
|
|
</div>
|
|
|
|
<!-- Saved Backups section -->
|
|
<div class="form-group">
|
|
<div class="label-row">
|
|
<label data-i18n="settings.saved_backups.label">Saved Backups</label>
|
|
<button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?">?</button>
|
|
</div>
|
|
<small class="input-hint" style="display:none" data-i18n="settings.saved_backups.hint">Auto-backup files stored on the server. Download to save locally, or delete to free space.</small>
|
|
<div id="saved-backups-list"></div>
|
|
</div>
|
|
|
|
<div id="settings-error" class="error-message" style="display:none;"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-icon btn-secondary" onclick="closeSettingsModal()" title="Close" data-i18n-title="settings.button.cancel" data-i18n-aria-label="aria.close">✕</button>
|
|
</div>
|
|
</div>
|
|
</div>
|