123 lines
6.8 KiB
HTML
123 lines
6.8 KiB
HTML
{{define "config_preview"}}
|
||
{{template "device_nav" .}}
|
||
|
||
<div class="card">
|
||
<div class="section-title">
|
||
<div>
|
||
<h2 class="title-with-icon">{{icon "preview"}}<span>配置预览</span></h2>
|
||
<div class="muted small">选择模板、Profile 和 Overlay，生成可上传的候选配置。</div>
|
||
</div>
|
||
{{if .ConfigSources.Root}}<div class="muted small mono">{{.ConfigSources.Root}}</div>{{end}}
|
||
</div>
|
||
|
||
<div class="muted small" style="margin-bottom:12px">
|
||
<span class="mono">config_id</span> 是配置名，默认会带上 <span class="mono">device_id</span>（当前设备：<span class="mono">{{.Device.DeviceID}}</span>）；<span class="mono">config_version</span> 表示本次生成版本；<span class="mono">SHA256</span> 是最终文件内容指纹。
|
||
</div>
|
||
|
||
<form method="post" action="/ui/devices/{{.Device.DeviceID}}/config-preview">
|
||
<div class="field-grid">
|
||
<label><span>模板</span>
|
||
<select name="template">
|
||
{{range .ConfigSources.Templates}}
|
||
<option value="{{.Name}}" {{if eq .Name $.SelectedTemplate}}selected{{end}}>{{.Name}}</option>
|
||
{{end}}
|
||
</select>
|
||
</label>
|
||
<label><span>Profile</span>
|
||
<select name="profile">
|
||
{{range .ConfigSources.Profiles}}
|
||
<option value="{{.Name}}" {{if eq .Name $.SelectedProfile}}selected{{end}}>{{.Name}}</option>
|
||
{{end}}
|
||
</select>
|
||
</label>
|
||
<label><span>config_id</span><input name="config_id" value="{{.SelectedConfigID}}" /></label>
|
||
<label><span>config_version</span><input name="config_version" value="{{.SelectedVersion}}" placeholder="留空自动生成" /></label>
|
||
<div class="full">
|
||
<span class="muted small">Overlay</span>
|
||
<div class="actions" style="margin-top:6px">
|
||
{{range .ConfigSources.Overlays}}
|
||
<label class="btn ghost">
|
||
<input type="checkbox" name="overlay" value="{{.Name}}" {{if hasString $.SelectedOverlays .Name}}checked{{end}} />
|
||
{{.Name}}
|
||
</label>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="actions">
|
||
<button type="submit">生成预览</button>
|
||
{{if .ConfigPreview}}
|
||
<button type="submit" formaction="/ui/devices/{{.Device.DeviceID}}/config-candidate">上传为候选配置</button>
|
||
<button type="submit" formaction="/ui/devices/{{.Device.DeviceID}}/config-candidate/apply">应用候选配置</button>
|
||
<input type="hidden" name="json" value="{{.ConfigPreview.JSON}}" />
|
||
{{end}}
|
||
<a class="btn ghost" href="/ui/devices/{{.Device.DeviceID}}/control">返回设备控制</a>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
{{if .ConfigPreview}}
|
||
<div class="card">
|
||
<div class="section-title">
|
||
<div>
|
||
<h2 class="title-with-icon">{{icon "config"}}<span>预览摘要</span></h2>
|
||
<div class="muted small">这份预览还没有写入设备，上传后才会成为候选配置。</div>
|
||
</div>
|
||
</div>
|
||
<div class="info-list">
|
||
<div><span>配置 ID</span><strong class="mono">{{index .ConfigPreview.Metadata "config_id"}}</strong></div>
|
||
<div><span>版本</span><strong class="mono">{{index .ConfigPreview.Metadata "config_version"}}</strong></div>
|
||
<div><span>模板</span><strong>{{index .ConfigPreview.Metadata "template"}}</strong></div>
|
||
<div><span>Profile</span><strong>{{index .ConfigPreview.Metadata "profile"}}</strong></div>
|
||
<div><span>Overlay</span><strong class="mono">{{if index .ConfigPreview.Metadata "overlays"}}{{range $i, $name := index .ConfigPreview.Metadata "overlays"}}{{if $i}}, {{end}}{{$name}}{{end}}{{else}}-{{end}}</strong></div>
|
||
<div><span>大小</span><strong class="mono">{{.ConfigPreview.Size}} bytes</strong></div>
|
||
<div class="full"><span>SHA256</span><strong class="mono">{{.ConfigPreview.Sha256}}</strong></div>
|
||
</div>
|
||
</div>
|
||
|
||
<details class="card collapsible" {{if not .RawText}}open{{end}}>
|
||
<summary class="title-with-icon">{{icon "tech"}}<span>完整 JSON</span></summary>
|
||
<pre>{{.ConfigPreview.JSON}}</pre>
|
||
</details>
|
||
{{end}}
|
||
|
||
{{if and (eq .ResultTitle "应用候选配置结果") .ConfigStatus}}
|
||
<div class="card">
|
||
<h2>应用结果摘要</h2>
|
||
<div class="row" style="margin-top:10px">
|
||
<div>
|
||
<div class="muted small">当前运行</div>
|
||
<div class="mono">{{if .ConfigStatus.Metadata.ConfigID}}{{.ConfigStatus.Metadata.ConfigID}} / {{if .ConfigStatus.Metadata.ConfigVersion}}{{.ConfigStatus.Metadata.ConfigVersion}}{{else}}未标记{{end}}{{else}}未标记{{end}}</div>
|
||
<div class="muted small mono" style="margin-top:6px">{{if .ConfigStatus.Metadata.Overlays}}{{range $i, $name := .ConfigStatus.Metadata.Overlays}}{{if $i}}, {{end}}{{$name}}{{end}}{{else}}-{{end}}</div>
|
||
<div class="muted small mono" style="margin-top:6px">sha: {{shortHash .ConfigStatus.Sha256}}</div>
|
||
</div>
|
||
<div>
|
||
<div class="muted small">上一份配置</div>
|
||
<div class="mono">{{if and .ConfigStatus.PreviousConfig .ConfigStatus.PreviousConfig.Exists .ConfigStatus.PreviousConfig.Metadata.ConfigID}}{{.ConfigStatus.PreviousConfig.Metadata.ConfigID}} / {{if .ConfigStatus.PreviousConfig.Metadata.ConfigVersion}}{{.ConfigStatus.PreviousConfig.Metadata.ConfigVersion}}{{else}}未标记{{end}}{{else}}-{{end}}</div>
|
||
<div class="muted small mono" style="margin-top:6px">{{if and .ConfigStatus.PreviousConfig .ConfigStatus.PreviousConfig.Metadata.Overlays}}{{range $i, $name := .ConfigStatus.PreviousConfig.Metadata.Overlays}}{{if $i}}, {{end}}{{$name}}{{end}}{{else}}-{{end}}</div>
|
||
<div class="muted small mono" style="margin-top:6px">sha: {{if .ConfigStatus.PreviousConfig}}{{shortHash .ConfigStatus.PreviousConfig.Sha256}}{{end}}</div>
|
||
</div>
|
||
<div>
|
||
<div class="muted small">candidate</div>
|
||
<div>{{if and .ConfigStatus.Candidate .ConfigStatus.Candidate.Exists}}<span class="pill">仍存在</span>{{else}}<span class="pill ok">已清空</span>{{end}}</div>
|
||
</div>
|
||
<div>
|
||
<div class="muted small">media-server</div>
|
||
<div>{{if .ConfigStatus.MediaServer.Running}}<span class="pill ok">运行中</span>{{else}}<span class="pill bad">未运行</span>{{end}}</div>
|
||
</div>
|
||
</div>
|
||
{{if and .ConfigStatus.PreviousConfig .ConfigStatus.Sha256 .ConfigStatus.PreviousConfig.Sha256 (eq .ConfigStatus.Metadata.ConfigID .ConfigStatus.PreviousConfig.Metadata.ConfigID) (eq .ConfigStatus.Metadata.ConfigVersion .ConfigStatus.PreviousConfig.Metadata.ConfigVersion) (ne .ConfigStatus.Sha256 .ConfigStatus.PreviousConfig.Sha256)}}
|
||
<div class="muted small" style="margin-top:10px">当前运行与上一份配置回滚点的 <span class="mono">config_id/config_version</span> 相同，但文件内容不同，请以 <span class="mono">overlay</span> 和 <span class="mono">sha</span> 为准。</div>
|
||
{{end}}
|
||
</div>
|
||
{{end}}
|
||
|
||
{{if .RawText}}
|
||
<div class="card">
|
||
<h2>{{if .ResultTitle}}{{.ResultTitle}}{{else}}执行结果{{end}}</h2>
|
||
<pre>{{.RawText}}</pre>
|
||
</div>
|
||
{{end}}
|
||
{{end}}
|