wireplanner/templates/connect_form.html

24 lines
1.2 KiB
HTML

<div class="modal-inner">
<button class="modal-close" onclick="closeModal()">&times;</button>
<h3>Create Connection</h3>
<p style="margin:0.5em 0">
<a href="/devices/{{.Device1Name}}">{{.Device1Name}}</a> <span class="port-ref">[{{.Port1Name}}]</span>
&mdash;
<a href="/devices/{{.Device2Name}}">{{.Device2Name}}</a> <span class="port-ref">[{{.Port2Name}}]</span>
</p>
<form method="POST" action="/connections/create" hx-post="/connections/create" hx-target="#modal-content" hx-swap="innerHTML">
<input type="hidden" name="port_id_1" value="{{.PortID1}}">
<input type="hidden" name="port_id_2" value="{{.PortID2}}">
<input type="hidden" name="return_port_id" value="{{.PortID1}}">
<label>Type
<select name="connection_type_id">
{{range .ConnectionTypes}}<option value="{{.ID}}" {{if eq .Name "Ethernet"}}selected{{end}}>{{.Name}}</option>{{end}}
</select>
</label>
<label>Label end 1 <input name="label_1"></label>
<label>Label end 2 <input name="label_2"></label>
<label>Color <input type="color" name="color" value="#808080"></label>
<button type="submit">Create Connection</button>
</form>
</div>