39 lines
1.5 KiB
HTML
39 lines
1.5 KiB
HTML
 
|
{% extends "base.html" %}
|
||
|
|
{% block title %}Rack{% endblock %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
<div class="lt-page-header">
|
||
|
|
<div>
|
||
|
|
<h1 class="lt-page-title">Rack</h1>
|
||
|
|
<p class="g-page-sub">The rack front, drawn from the rack units on the cutsheet with live port state. Hover a port to light up every port on the same cable run; click it to open the port or the cable.</p>
|
||
|
|
</div>
|
||
|
|
{% if can_edit %}
|
||
|
|
<div class="cs-actions no-print">
|
||
|
|
<a class="lt-btn lt-btn-secondary lt-btn-sm" href="/cutsheet#cs-items-section">Edit positions</a>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="rack-warnings" id="rack-warnings" role="alert" hidden></div>
|
||
|
|
|
||
|
|
<section class="g-section">
|
||
|
|
<div class="g-section-header">
|
||
|
|
<h2 class="g-section-title">Front</h2>
|
||
|
|
<span class="g-section-badge" id="rack-count">0</span>
|
||
|
|
</div>
|
||
|
|
<p class="rack-readout" id="rack-readout" aria-live="polite"></p>
|
||
|
|
<div class="rack-legend" aria-hidden="true">
|
||
|
|
<span><i class="rack-key rack-key-ok"></i>matches cutsheet</span>
|
||
|
|
<span><i class="rack-key rack-key-bad"></i>mismatch</span>
|
||
|
|
<span><i class="rack-key rack-key-doc"></i>documented, unconfirmed</span>
|
||
|
|
</div>
|
||
|
|
<div class="rack" id="rack"><div class="link-loading">Loading rack</div></div>
|
||
|
|
<p class="cs-hint rack-unplaced" id="rack-unplaced"></p>
|
||
|
|
</section>
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block scripts %}
|
||
|
|
<script src="{{ url_for('static', filename='faceplates.js') }}"></script>
|
||
|
|
<script src="{{ url_for('static', filename='rack.js') }}"></script>
|
||
|
|
{% endblock %}
|