перенёс порты вверх, и вывел описания портов

templates/devapp/ports.html

@@ -1,6 +1,51 @@
 {% extends request.is_ajax|yesno:'nullcont.htm,devapp/ext.htm' %}
 {% block content %}
 
+    <div class="row">
+        <div class="col-sm-12">
+            <div class="panel panel-default">
+                <div class="panel-heading">
+                    <div class="panel-title">{{ dev.get_devtype_display|default:'Название типа свича' }}, без
+                        перезагрузки {{ uptime }}</div>
+                </div>
+                <div class="panel-body">
+
+                    {% for port in ports %}
+                        {% if port.st %}
+                            {% if port.sp == 10 %}
+                                <div class="port kilo">
+                            {% elif port.sp == 100 %}
+                                <div class="port mega">
+                            {% elif port.sp == 1000 %}
+                                <div class="port giga">
+                            {% else %}
+                                <div class="port">
+                            {% endif %}
+                        {% else %}
+                            <div class="port dis">
+                        {% endif %}
+
+                            <a href="#" class="port-img" title="{{ port.nm }}">
+                                <b>{{ port.num }}</b>
+                            </a>
+                            <div class="btn-group btn-group-xs btn-group-justified">
+                                <a href="{% url 'devapp:port_toggle' dev.id port.num 1 %}" class="btn btn-success">
+                                    <span class="glyphicon glyphicon-ok"></span>
+                                </a>
+                                <a href="{% url 'devapp:port_toggle' dev.id port.num 0 %}" class="btn btn-danger">
+                                    <span class="glyphicon glyphicon-off"></span>
+                                </a>
+                            </div>
+                        </div>
+                    {% empty %}
+                        <h3>Инфа не получена, проверьте настройки :(</h3>
+                    {% endfor %}
+
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="row">
         <div class="col-sm-6">
             <div class="panel panel-default">
@@ -80,52 +125,32 @@
         <div class="col-sm-6">
             <div class="panel panel-default">
                 <div class="panel-heading">
-                <h3 class="panel-title">Что-то ещё</h3>
+                    <h3 class="panel-title">Комментарии портов</h3>
                 </div>
                 <div class="panel-body">
-                <h2>тут содержимое чего-то ещё</h2>
-            </div>
-        </div>
-    </div>
-    </div>
-
-    <div class="row">
-    <div class="col-sm-12">
-    <div class="switch_ports">
-        <h4>{{ dev.get_devtype_display|default:'Название типа свича' }}, без перезагрузки {{ uptime }}</h4>
-
+                    <table class="table table-responsive">
+                        <thead>
+                        <tr>
+                            <th width="50">Порт</th>
+                            <th>Название</th>
+                        </tr>
+                        </thead>
+                        <tbody>
                         {% for port in ports %}
-            {% if port.st %}
-                {% if port.sp == 10 %}
-                    <div class="port kilo">
-                {% elif port.sp == 100 %}
-                    <div class="port mega">
-                {% elif port.sp == 1000 %}
-                    <div class="port giga">
-                {% else %}
-                    <div class="port">
-                {% endif %}
-            {% else %}
-                <div class="port dis">
-            {% endif %}
-
-                <a href="#" class="port-img" title="{{ port.nm }}">
-                    <b>{{ port.num }}</b>
-                </a>
-                <div class="btn-group btn-group-xs btn-group-justified">
-                    <a href="{% url 'devapp:port_toggle' dev.id port.num 1 %}" class="btn btn-success">
-                        <span class="glyphicon glyphicon-ok"></span>
-                    </a>
-                    <a href="{% url 'devapp:port_toggle' dev.id port.num 0 %}" class="btn btn-danger">
-                        <span class="glyphicon glyphicon-off"></span>
-                    </a>
-                </div>
-            </div>
+                            <tr>
+                                <td>{{ port.num }}</td>
+                                <td>{{ port.nm|default:"&lt;не назначен&gt;" }}</td>
+                            </tr>
                         {% empty %}
-            <h3>Инфа не получена, проверьте настройки :(</h3>
+                            <tr>
+                            <td colspan="2">инфа о портах не получена</td>
+                            </tr>
                         {% endfor %}
-
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>
+    </div>
+
 {% endblock %}