#6372: Migrate away from form-floating field styles

This commit is contained in:
checktheroads
2021-07-20 00:16:13 -07:00
parent 2b9326d75e
commit 07f34c2675
20 changed files with 232 additions and 194 deletions

View File

@@ -22,51 +22,73 @@
<div class="card-body">
{% if termination_a.device %}
{# Device component #}
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.device.site.region }}" disabled />
<label>Region</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Region</label>
<div class="col">
<input class="form-control" value="{{ termination_a.device.site.region }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.device.site }}" disabled />
<label>Site</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Site</label>
<div class="col">
<input class="form-control" value="{{ termination_a.device.site }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.device.location|default:"None" }}" disabled />
<label>Location</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Location</label>
<div class="col">
<input class="form-control" value="{{ termination_a.device.location|default:"None" }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.device.rack|default:"None" }}" disabled />
<label>Rack</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Rack</label>
<div class="col">
<input class="form-control" value="{{ termination_a.device.rack|default:"None" }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.device }}" disabled />
<label>Device</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Device</label>
<div class="col">
<input class="form-control" value="{{ termination_a.device }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a|meta:"verbose_name"|capfirst }}" disabled />
<label>Type</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Type</label>
<div class="col">
<input class="form-control" value="{{ termination_a|meta:"verbose_name"|capfirst }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a }}" disabled />
<label>Name</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Name</label>
<div class="col">
<input class="form-control" value="{{ termination_a }}" disabled />
</div>
</div>
{% else %}
{# Circuit termination #}
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.site }}" disabled />
<label>Site</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Site</label>
<div class="col">
<input class="form-control" value="{{ termination_a.site }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.circuit.provider }}" disabled />
<label>Provider</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Provider</label>
<div class="col">
<input class="form-control" value="{{ termination_a.circuit.provider }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.circuit.cid }}" disabled />
<label>Circuit</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Circuit</label>
<div class="col">
<input class="form-control" value="{{ termination_a.circuit.cid }}" disabled />
</div>
</div>
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_a.term_side }}" disabled />
<label>Side</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Side</label>
<div class="col">
<input class="form-control" value="{{ termination_a.term_side }}" disabled />
</div>
</div>
{% endif %}
</div>
@@ -117,9 +139,11 @@
{% if 'termination_b_circuit' in form.fields %}
{% render_field form.termination_b_circuit %}
{% endif %}
<div class="form-floating mb-3">
<input class="form-control" value="{{ termination_b_type|capfirst }}" disabled />
<label>Type</label>
<div class="row mb-3">
<label class="col-sm-3 col-form-label">Type</label>
<div class="col">
<input class="form-control" value="{{ termination_b_type|capfirst }}" disabled />
</div>
</div>
{% render_field form.termination_b_id %}
</div>