netbox/netbox/templates/dcim/rack_elevation_list.html

{% extends '_base.html' %}
{% load helpers %}
{% load static %}

{% block content %}
<div class="btn-group pull-right noprint" role="group">
    <button class="btn btn-default toggle-images" selected="selected">
        <span class="glyphicon glyphicon-check" aria-hidden="true"></span> Show Images
    </button>
    <a href="{% url 'dcim:rack_elevation_list' %}{% querystring request face='front' %}" class="btn btn-default{% if rack_face == 'front' %} active{% endif %}">Front</a>
    <a href="{% url 'dcim:rack_elevation_list' %}{% querystring request face='rear' %}" class="btn btn-default{% if rack_face == 'rear' %} active{% endif %}">Rear</a>
</div>
<h1>{% block title %}Rack Elevations{% endblock %}</h1>
<div class="row">
    {% if page %}
        <div class="col-md-9">
            <div style="white-space: nowrap; overflow-x: scroll;">
                {% for rack in page %}
                    <div style="display: inline-block; width: 266px">
                        <div class="rack_header">
                            <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name|truncatechars:"25" }}</a></strong>
                            {% if rack.role %}
                            <br/><small class="label" style="color: {{ rack.role.color|fgcolor }}; background-color: #{{ rack.role.color }}">{{ rack.role }}</small>
                            {% endif %}
                            <p><small class="text-muted">{{ rack.facility_id|truncatechars:"30" }}</small></p>
                        </div>
                        {% include 'dcim/inc/rack_elevation.html' with face=rack_face %}
                        <div class="clearfix"></div>
                        <div class="rack_header">
                            <strong><a href="{% url 'dcim:rack' pk=rack.pk %}">{{ rack.name|truncatechars:"25" }}</a></strong>
                            {% if rack.role %}
                            <br/><small class="label" style="color: {{ rack.role.color|fgcolor }}; background-color: #{{ rack.role.color }}">{{ rack.role }}</small>
                            {% endif %}
                            <p><small class="text-muted">{{ rack.facility_id|truncatechars:"30" }}</small></p>
                        </div>
                    </div>
                {% endfor %}
            </div>
            <br />
            {% include 'inc/paginator.html' %}
        </div>
    {% else %}
        <div class="col-md-9">
            <p>No racks found</p>
        </div>
    {% endif %}
    <div class="col-md-3 noprint">
		{% include 'inc/search_panel.html' %}
    </div>
</div>
{% endblock %}

{% block javascript %}
<script src="{% static 'js/rack_elevations.js' %}?v{{ settings.VERSION }}"></script>
{% endblock %}