| .. | .. |
|---|
| 83 | 83 | <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg> |
|---|
| 84 | 84 | Operations |
|---|
| 85 | 85 | </a> |
|---|
| 86 | + <a class="sidebar-link" data-page="schedules" onclick="showPage('schedules')"> |
|---|
| 87 | + <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> |
|---|
| 88 | + Schedules |
|---|
| 89 | + </a> |
|---|
| 86 | 90 | <a class="sidebar-link" data-page="system" onclick="showPage('system')"> |
|---|
| 87 | 91 | <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg> |
|---|
| 88 | 92 | System |
|---|
| .. | .. |
|---|
| 180 | 184 | |
|---|
| 181 | 185 | <!-- SSE output (shown after start) --> |
|---|
| 182 | 186 | <div id="restore-modal-output" style="display:none;"> |
|---|
| 187 | + <div id="restore-progress-bar" class="op-progress hidden"><div class="op-progress-fill"></div></div> |
|---|
| 183 | 188 | <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Output</div> |
|---|
| 184 | 189 | <div id="restore-modal-terminal" class="terminal" style="max-height:300px;"></div> |
|---|
| 185 | 190 | </div> |
|---|
| .. | .. |
|---|
| 205 | 210 | Dry run (preview only) |
|---|
| 206 | 211 | </label> |
|---|
| 207 | 212 | <div id="ops-modal-output" style="display:none;"> |
|---|
| 213 | + <div id="ops-progress-bar" class="op-progress hidden"><div class="op-progress-fill"></div></div> |
|---|
| 208 | 214 | <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Output</div> |
|---|
| 209 | 215 | <div id="ops-modal-terminal" class="terminal" style="max-height:350px;"></div> |
|---|
| 210 | 216 | </div> |
|---|
| .. | .. |
|---|
| 216 | 222 | </div> |
|---|
| 217 | 223 | </div> |
|---|
| 218 | 224 | |
|---|
| 219 | | -<script src="/static/js/app.js?v=12"></script> |
|---|
| 225 | +<!-- Schedule Edit Modal --> |
|---|
| 226 | +<div id="schedule-modal" class="modal-overlay" style="display:none;" onclick="if(event.target===this)closeScheduleModal()"> |
|---|
| 227 | + <div class="modal-box" style="max-width:520px;"> |
|---|
| 228 | + <div class="modal-header"> |
|---|
| 229 | + <span id="schedule-modal-title" style="font-weight:600;color:#f3f4f6;">Edit Schedule</span> |
|---|
| 230 | + <button onclick="closeScheduleModal()" style="background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;">×</button> |
|---|
| 231 | + </div> |
|---|
| 232 | + <div class="modal-body"> |
|---|
| 233 | + <input type="hidden" id="sched-project"> |
|---|
| 234 | + |
|---|
| 235 | + <div style="margin-bottom:1rem;"> |
|---|
| 236 | + <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#d1d5db;cursor:pointer;"> |
|---|
| 237 | + <input type="checkbox" id="sched-enabled" style="width:1rem;height:1rem;accent-color:#3b82f6;"> |
|---|
| 238 | + Enabled |
|---|
| 239 | + </label> |
|---|
| 240 | + </div> |
|---|
| 241 | + |
|---|
| 242 | + <div style="margin-bottom:1rem;"> |
|---|
| 243 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Schedule (HH:MM UTC)</div> |
|---|
| 244 | + <div style="display:flex;align-items:center;gap:0.75rem;"> |
|---|
| 245 | + <input type="time" id="sched-time" class="form-input" style="width:120px;"> |
|---|
| 246 | + <span id="sched-server-clock" style="font-size:0.75rem;color:#6b7280;font-variant-numeric:tabular-nums;"></span> |
|---|
| 247 | + </div> |
|---|
| 248 | + </div> |
|---|
| 249 | + |
|---|
| 250 | + <div style="margin-bottom:1rem;"> |
|---|
| 251 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Environments</div> |
|---|
| 252 | + <div id="sched-envs" style="display:flex;gap:1rem;flex-wrap:wrap;"></div> |
|---|
| 253 | + </div> |
|---|
| 254 | + |
|---|
| 255 | + <div style="margin-bottom:1rem;"> |
|---|
| 256 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Custom Command (optional)</div> |
|---|
| 257 | + <input type="text" id="sched-command" class="form-input" placeholder="Leave empty for default ops backup" style="width:100%;font-size:0.8125rem;"> |
|---|
| 258 | + </div> |
|---|
| 259 | + |
|---|
| 260 | + <div style="margin-bottom:1rem;"> |
|---|
| 261 | + <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#d1d5db;cursor:pointer;"> |
|---|
| 262 | + <input type="checkbox" id="sched-offsite" onchange="toggleOffsiteSection()" style="width:1rem;height:1rem;accent-color:#3b82f6;"> |
|---|
| 263 | + Offsite Upload |
|---|
| 264 | + </label> |
|---|
| 265 | + </div> |
|---|
| 266 | + |
|---|
| 267 | + <div id="sched-offsite-section" style="display:none;margin-bottom:1rem;padding-left:1.5rem;"> |
|---|
| 268 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Offsite Environments</div> |
|---|
| 269 | + <div id="sched-offsite-envs" style="display:flex;gap:1rem;flex-wrap:wrap;"></div> |
|---|
| 270 | + </div> |
|---|
| 271 | + |
|---|
| 272 | + <div style="display:flex;gap:1rem;margin-bottom:1rem;"> |
|---|
| 273 | + <div> |
|---|
| 274 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Local Retention (days)</div> |
|---|
| 275 | + <input type="number" id="sched-retention-local" class="form-input" style="width:80px;" min="1" max="365"> |
|---|
| 276 | + </div> |
|---|
| 277 | + <div> |
|---|
| 278 | + <div style="font-size:0.8125rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Offsite Retention (days)</div> |
|---|
| 279 | + <input type="number" id="sched-retention-offsite" class="form-input" style="width:80px;" min="1" max="365"> |
|---|
| 280 | + </div> |
|---|
| 281 | + </div> |
|---|
| 282 | + </div> |
|---|
| 283 | + <div class="modal-footer"> |
|---|
| 284 | + <button class="btn btn-ghost btn-sm" onclick="closeScheduleModal()">Cancel</button> |
|---|
| 285 | + <button id="sched-save-btn" class="btn btn-primary btn-sm" onclick="saveSchedule()">Save</button> |
|---|
| 286 | + </div> |
|---|
| 287 | + </div> |
|---|
| 288 | +</div> |
|---|
| 289 | + |
|---|
| 290 | +<script src="/static/js/app.js?v=13"></script> |
|---|
| 220 | 291 | </body> |
|---|
| 221 | 292 | </html> |
|---|