safesight-control/internal/web/ui/templates/device_nav.html

44 lines
1.6 KiB
HTML

{{define "device_header"}}
<div class="card device-context">
<div class="section-title">
<div class="device-context-head">
<div class="device-context-icon">{{icon "device"}}</div>
<div>
<div class="crumb">当前设备</div>
<h2>{{displayDeviceName .Device .ConfigStatus}}</h2>
<div class="muted small mono">
{{if displayDeviceTechnicalName .Device}}{{displayDeviceTechnicalName .Device}} · {{end}}{{.Device.DeviceID}} · {{.Device.IP}}:{{.Device.AgentPort}}
</div>
</div>
</div>
</div>
</div>
{{end}}
{{define "device_nav"}}
{{template "device_header" .}}
{{template "device_tabs" .}}
{{template "device_panel_end" .}}
{{end}}
{{define "device_tabs"}}
<div class="card-tabs device-tab-wrap">
<ul class="nav nav-tabs device-tabs" role="tablist" aria-label="设备页面">
<li class="nav-item" role="presentation">
<a href="/ui/devices/{{.Device.DeviceID}}" class="nav-link{{if eq .Title "设备详情"}} active{{end}}" role="tab" {{if eq .Title "设备详情"}}aria-selected="true"{{else}}aria-selected="false"{{end}}>设备详情</a>
</li>
<li class="nav-item" role="presentation">
<a href="/ui/devices/{{.Device.DeviceID}}/control" class="nav-link{{if eq .Title "设备控制"}} active{{end}}" role="tab" {{if eq .Title "设备控制"}}aria-selected="true"{{else}}aria-selected="false"{{end}}>设备控制</a>
</li>
</ul>
<div class="tab-content">
<div class="card tab-pane active show device-tab-card">
<div class="card-body device-panel-body">
{{end}}
{{define "device_panel_end"}}
</div>
</div>
</div>
{{end}}