67 lines
2.8 KiB
HTML
67 lines
2.8 KiB
HTML
{{define "content"}}
|
|
<h1>{{.Device.Name}}</h1>
|
|
{{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
|
|
|
|
<div class="device-meta">
|
|
{{if .Device.Model}}<p><strong>Model:</strong> {{.Device.Model.Manufacturer}} {{.Device.Model.Name}}</p>{{end}}
|
|
{{if .Device.UsageDescription}}<p><strong>Usage:</strong> {{.Device.UsageDescription}}</p>{{end}}
|
|
{{if .Device.Location}}<p><strong>Location:</strong> {{.Device.Location}}</p>{{end}}
|
|
{{if .Device.Comment}}<p><strong>Comment:</strong> {{.Device.Comment}}</p>{{end}}
|
|
{{if .Device.Rack}}
|
|
<p><strong>Rack:</strong> <a href="/racks/{{.Device.Rack.ID}}">{{.Device.Rack.Name}}</a>
|
|
{{if .Device.RackUnitStart}} U{{.Device.RackUnitStart}} {{.Device.RackSide}}{{end}}
|
|
</p>
|
|
{{end}}
|
|
</div>
|
|
|
|
<div class="device-toolbar">
|
|
<form method="POST" action="/devices/{{.Device.ID}}/delete" onsubmit="return confirm('Delete this device?')" style="display:inline">
|
|
<button class="btn-danger">Delete Device</button>
|
|
</form>
|
|
<details style="display:inline">
|
|
<summary>Edit</summary>
|
|
<form method="POST" action="/devices/{{.Device.ID}}/edit" class="inline-form">
|
|
<label>Name <input name="name" value="{{.Device.Name}}" required></label>
|
|
<label>Usage <input name="usage_description" value="{{.Device.UsageDescription}}"></label>
|
|
<label>Comment <input name="comment" value="{{.Device.Comment}}"></label>
|
|
<label>Location <input name="location" value="{{.Device.Location}}"></label>
|
|
{{if .Device.Rack}}
|
|
<label>Unit Start <input type="number" name="rack_unit_start" value="{{.Device.RackUnitStart}}"></label>
|
|
<label>Side <select name="rack_side"><option value="front" {{if eq .Device.RackSide "front"}}selected{{end}}>Front</option><option value="back" {{if eq .Device.RackSide "back"}}selected{{end}}>Back</option></select></label>
|
|
{{end}}
|
|
<button type="submit">Update</button>
|
|
</form>
|
|
</details>
|
|
</div>
|
|
|
|
<h3>Ports</h3>
|
|
<div class="ports">
|
|
<div class="port-column">
|
|
<h4>Front</h4>
|
|
{{range .Device.Ports}}{{if eq .Side "front"}}
|
|
<span class="port"
|
|
hx-get="/connections/{{.ID}}"
|
|
hx-target="#modal-content"
|
|
hx-trigger="click"
|
|
onclick="openModal()"
|
|
title="{{.Name}}">
|
|
{{.Name}}
|
|
</span>
|
|
{{end}}{{end}}
|
|
</div>
|
|
<div class="port-column">
|
|
<h4>Back</h4>
|
|
{{range .Device.Ports}}{{if eq .Side "back"}}
|
|
<span class="port"
|
|
hx-get="/connections/{{.ID}}"
|
|
hx-target="#modal-content"
|
|
hx-trigger="click"
|
|
onclick="openModal()"
|
|
title="{{.Name}}">
|
|
{{.Name}}
|
|
</span>
|
|
{{end}}{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|