2026-05-01 01:51:06 +03:00
{{ define "admin/settings.html" }}
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > WarpBox Admin Settings</ title >
< link rel = "icon" type = "image/png" href = "/static/WarpBoxLogo.png" >
< link rel = "stylesheet" href = "/static/css/app.css" >
< link rel = "stylesheet" href = "/static/css/window.css" >
< link rel = "stylesheet" href = "/static/css/components/buttons.css" >
< link rel = "stylesheet" href = "/static/css/components/toast.css" >
< link rel = "stylesheet" href = "/static/css/admin.css" >
< link rel = "stylesheet" href = "/static/css/settings.css" >
</ head >
< body >
< div class = "admin-shell" >
< div class = "admin-frame" >
{{ template "admin/header.html" . }}
< div class = "win98-window admin-workspace-window" role = "main" >
< div class = "win98-titlebar" >
< div class = "win98-titlebar-label" >
< img class = "win98-titlebar-icon" src = "/static/WarpBoxLogo.png" alt = "" aria-hidden = "true" >
< h1 > WarpBox Settings</ h1 >
</ div >
< div class = "win98-window-controls" aria-hidden = "true" >
< button class = "win98-control" type = "button" > _</ button >
< button class = "win98-control" type = "button" > □</ button >
< button class = "win98-control" type = "button" > x</ button >
</ div >
</ div >
< nav class = "menu-bar" aria-label = "Settings toolbar" >
< div class = "menu-item" >
< button class = "menu-button" type = "button" aria-expanded = "false" > File</ button >
< div class = "menu-popup" >
< button class = "menu-action" type = "button" data-command = "save" >< span > S</ span >< span > Save overrides</ span >< span class = "shortcut" > Ctrl+S</ span ></ button >
< button class = "menu-action" type = "button" data-command = "export" >< span > E</ span >< span > Export settings JSON</ span >< span ></ span ></ button >
< button class = "menu-action" type = "button" data-command = "import" >< span > I</ span >< span > Import settings JSON</ span >< span ></ span ></ button >
< div class = "menu-separator" ></ div >
< button class = "menu-action" type = "button" data-command = "discard" >< span > D</ span >< span > Discard unsaved changes</ span >< span ></ span ></ button >
</ div >
</ div >
< div class = "menu-item" >
< button class = "menu-button" type = "button" aria-expanded = "false" > View</ button >
< div class = "menu-popup" >
< button class = "menu-action" type = "button" data-command = "show-all" >< span > A</ span >< span > Show all settings</ span >< span ></ span ></ button >
< button class = "menu-action" type = "button" data-command = "show-changed" >< span > C</ span >< span > Show changed only</ span >< span ></ span ></ button >
< button class = "menu-action" type = "button" data-command = "show-locked" >< span > L</ span >< span > Show locked only</ span >< span ></ span ></ button >
</ div >
</ div >
< div class = "menu-item" >
< button class = "menu-button" type = "button" aria-expanded = "false" > Settings</ button >
< div class = "menu-popup" >
< button class = "menu-action" type = "button" data-command = "reset-defaults" >< span > R</ span >< span > Reset editable to defaults</ span >< span ></ span ></ button >
< button class = "menu-action" type = "button" data-command = "reload" >< span > F</ span >< span > Reload current values</ span >< span class = "shortcut" > F5</ span ></ button >
</ div >
</ div >
< div class = "menu-item" >
< button class = "menu-button" type = "button" aria-expanded = "false" > Help</ button >
< div class = "menu-popup" >
< button class = "menu-action" type = "button" data-command = "legend" >< span > ?</ span >< span > Explain sources</ span >< span ></ span ></ button >
< button class = "menu-action" type = "button" data-command = "reset-help" >< span > !</ span >< span > Reset semantics</ span >< span ></ span ></ button >
</ div >
</ div >
</ nav >
< div class = "admin-workspace-body settings-page-body" >
< section class = "settings-summary-grid" aria-label = "Settings summary" >
< article class = "settings-stat-card is-info" >
< p class = "settings-stat-label" > Visible settings</ p >
< p class = "settings-stat-value" id = "visibleCount" > {{ len .Rows }}</ p >
< p class = "settings-stat-note" > Filtered by search and category</ p >
</ article >
< article class = "settings-stat-card is-ok" >
< p class = "settings-stat-label" > Editable</ p >
< p class = "settings-stat-value" id = "editableCount" > 0</ p >
< p class = "settings-stat-note" > Runtime override supported</ p >
</ article >
< article class = "settings-stat-card is-warning" >
< p class = "settings-stat-label" > Unsaved</ p >
< p class = "settings-stat-value" id = "unsavedCount" > 0</ p >
< p class = "settings-stat-note" > Draft changes in browser</ p >
</ article >
< article class = "settings-stat-card is-danger" >
< p class = "settings-stat-label" > Locked</ p >
< p class = "settings-stat-value" id = "lockedCount" > 0</ p >
< p class = "settings-stat-note" > Environment only</ p >
</ article >
</ section >
< section class = "settings-main-grid" >
< aside class = "settings-sidebar-panel" >
< section class = "settings-panel settings-sidebar" >
< div class = "settings-panel-header" >
< div class = "settings-panel-title" > Categories < span class = "settings-panel-sub" > search and scope</ span ></ div >
</ div >
< div class = "settings-panel-body" >
< div class = "settings-search" >
< label for = "settingsSearch" > Search</ label >
< input class = "settings-input" id = "settingsSearch" type = "search" placeholder = "Search label, env var, description" >
</ div >
< ul class = "settings-category-list" id = "categoryList" >
{{ range .Categories }}
< li >
< button class = "settings-category-button{{ if eq .Key " all " }} is-active {{ end }}" type = "button" data-category = "{{ .Key }}" >
< span > {{ .Icon }}</ span >
< span > {{ .Label }}</ span >
< span class = "settings-category-count" > {{ .Count }}</ span >
</ button >
</ li >
{{ end }}
</ ul >
</ div >
</ section >
</ aside >
< section class = "settings-workbench" >
< section class = "settings-hero-panel" >
< div class = "settings-hero-copy" >
< h2 > Administrative runtime settings</ h2 >
< p > Edit safe runtime overrides without hiding where each value came from. Hard storage and security-sensitive environment settings stay visible but locked.</ p >
</ div >
< div class = "settings-hero-legend" >
< div class = "settings-legend-row" >< span class = "settings-badge badge-default" > default</ span >< span > Built-in application value</ span ></ div >
< div class = "settings-legend-row" >< span class = "settings-badge badge-env" > environment</ span >< span > Loaded from env</ span ></ div >
< div class = "settings-legend-row" >< span class = "settings-badge badge-db" > db override</ span >< span > Saved from admin UI</ span ></ div >
< div class = "settings-legend-row" >< span class = "settings-badge badge-hard" > hard env</ span >< span > Visible, not editable here</ span ></ div >
</ div >
</ section >
< section class = "settings-panel" >
< div class = "settings-panel-header" >
< div class = "settings-panel-title" > Settings grid < span class = "settings-panel-sub" > edit, inspect, import, export</ span ></ div >
< div class = "settings-panel-tools" >
< span class = "settings-dirty-chip" id = "dirtyChip" > 0 unsaved</ span >
< button class = "win98-button settings-tool-button" id = "exportButton" type = "button" > Export JSON</ button >
< button class = "win98-button settings-tool-button" id = "importButton" type = "button" > Import JSON</ button >
< button class = "win98-button settings-tool-button" id = "resetButton" type = "button" > Reset Defaults</ button >
< button class = "win98-button settings-tool-button" id = "saveButton" type = "button" disabled > Save</ button >
</ div >
</ div >
< div class = "settings-panel-body" >
< div class = "settings-action-summary" id = "actionSummary" > No unsaved changes.</ div >
< div class = "settings-groups" id = "settingsGroups" >
{{ range .Categories }}
{{ if ne .Key "all" }}
< section class = "settings-group" data-category = "{{ .Key }}" >
< div class = "settings-group-title" > {{ .Label }}</ div >
< div class = "settings-table-wrap" >
< table class = "settings-table" >
< thead >
< tr >
< th > Setting</ th >
< th > Source</ th >
< th > Value</ th >
< th > Actions</ th >
</ tr >
</ thead >
< tbody >
{{ range .Rows }}
< tr class = "setting-row{{ if .Locked }} is-locked{{ end }}"
data-key = "{{ .Key }}"
data-label = "{{ .Label }}"
data-category = "{{ .Category }}"
data-type = "{{ .Type }}"
data-original = "{{ .Value }}"
data-default = "{{ .DefaultValue }}"
data-env-name = "{{ .EnvName }}"
data-source = "{{ .Source }}"
data-source-badge = "{{ .SourceBadge }}"
data-description = "{{ .Description }}"
data-minimum = "{{ .Minimum }}" >
< td >
< div class = "setting-meta" >
< strong > {{ .Label }}</ strong >
< code > {{ .EnvName }}</ code >
</ div >
</ td >
< td >
< span class = "settings-badge{{ if eq .SourceBadge " default " }} badge-default {{ else if eq . SourceBadge " environment " }} badge-env {{ else if eq . SourceBadge " db override " }} badge-db {{ else }} badge-hard {{ end }}" data-role = "source-badge" > {{ .SourceBadge }}</ span >
</ td >
< td >
< div class = "setting-control" >
{{ if eq .Type "bool" }}
< select class = "settings-select setting-input" {{ if . Locked }} disabled {{ end }} >
< option value = "true" {{ if eq . Value " true " }} selected {{ end }} > true</ option >
< option value = "false" {{ if eq . Value " false " }} selected {{ end }} > false</ option >
</ select >
{{ else }}
2026-05-01 02:14:05 +03:00
< div class = "setting-input-row" >
< input class = "settings-input setting-input" type = "text" value = "{{ .Value }}" {{ if . Locked }} disabled {{ end }} >
{{ if eq .Type "size_gb" }}< span class = "settings-badge badge-default" > GB</ span > {{ end }}
</ div >
2026-05-01 01:51:06 +03:00
{{ end }}
2026-05-01 02:14:05 +03:00
< div class = "setting-hint" data-role = "hint" > {{ if .Locked }}Locked by environment or hard runtime implication.{{ else if eq .Type "size_gb" }}Use GB values. Decimals allowed, for example `0.5`.{{ else if .DefaultValue }}Default: {{ .DefaultValue }}{{ end }}</ div >
2026-05-01 01:51:06 +03:00
</ div >
</ td >
< td class = "setting-actions" >
< button class = "win98-button settings-mini-button row-reset" type = "button" {{ if . Locked }} disabled {{ end }} > Reset</ button >
< button class = "win98-button settings-mini-button row-info" type = "button" > Info</ button >
</ td >
</ tr >
{{ end }}
</ tbody >
</ table >
</ div >
</ section >
{{ end }}
{{ end }}
</ div >
</ div >
</ section >
</ section >
</ section >
</ div >
< footer class = "status-bar admin-dashboard-statusbar" >
< span id = "statusLeft" > No unsaved changes</ span >
< span id = "statusMiddle" > category: all</ span >
< span id = "statusRight" > admin only</ span >
</ footer >
</ div >
</ div >
</ div >
< div id = "modal-backdrop" class = "settings-modal-backdrop" ></ div >
< div id = "doc-popup" class = "settings-popup" role = "dialog" aria-modal = "true" aria-labelledby = "doc-popup-title" >
< div class = "settings-popup-titlebar" >
< strong id = "doc-popup-title" > Details</ strong >
< button class = "win98-button settings-popup-close" id = "doc-popup-close" type = "button" > Close</ button >
</ div >
< div class = "settings-popup-body" id = "doc-popup-body" ></ div >
</ div >
< input id = "settingsImportInput" type = "file" accept = "application/json,.json" hidden >
< div id = "toast" class = "wb-toast" role = "status" aria-live = "polite" ></ div >
< script id = "settings-rows" type = "application/json" >{{ toJSON . RowsJSON }}</ script >
< script src = "/static/js/warpbox-ui.js" ></ script >
< script src = "/static/js/admin/settings.js" ></ script >
</ body >
</ html >
{{ end }}
