8
0
Fork 0
mirror of https://gitlab2.federez.net/re2o/re2o synced 2024-11-27 07:02:26 +00:00

Turn tables into grids

This commit is contained in:
grisel-davy 2020-10-25 23:47:59 +01:00 committed by Gabriel Detraz
parent 160230d7a1
commit 5cd671ced3

View file

@ -55,20 +55,12 @@ with this program; if not, write to the Free Software Foundation, Inc.,
</div> </div>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>{% trans "DNS name"%}</th>
<th>{% trans "Type" %}</th>
<th>{% trans "MAC address" %}</th>
<th>{% trans "IP address" %}</th>
<th>{% trans "Actions" %}</th>
</tr>
</thead>
{% for interface in machine.interface_set.all %} {% for interface in machine.interface_set.all %}
<tr> <div class="conatiner-fluid">
<td> <div class="row">
<div class="col-sm-3">
<b>{% trans "DNS name"%}:</b>
</br>
{% if interface.domain.related_domain.all %} {% if interface.domain.related_domain.all %}
{{ interface.domain }} {{ interface.domain }}
<button class="btn btn-default btn-xs" type="button" data-toggle="collapse" <button class="btn btn-default btn-xs" type="button" data-toggle="collapse"
@ -79,31 +71,37 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% else %} {% else %}
{{ interface.domain }} {{ interface.domain }}
{% endif %} {% endif %}
</td> </div>
<td> <div class="col-sm-2">
<b>{% trans "Type" %}:</b>
</br>
{{ interface.machine_type }} {{ interface.machine_type }}
</td> </div>
<td> <div class="col-sm-3">
<b>{% trans "MAC address" %}:</b>
</br>
{{ interface.mac_address }} {{ interface.mac_address }}
<button class="btn btn-default btn-xs" type="button" data-toggle="collapse" <button class="btn btn-default btn-xs" type="button" data-toggle="collapse"
data-target="#collapseVendor_{{ interface.id }}" aria-expanded="true" data-target="#collapseVendor_{{ interface.id }}" aria-expanded="true"
aria-controls="collapseVendor_{{ interface.id }}"> aria-controls="collapseVendor_{{ interface.id }}">
{% trans "Display the vendor" %} {% trans "Display the vendor" %}
</button> </button>
</td> </div>
<td> <div class="col-sm-2">
<b>IPv4</b> {{ interface.ipv4 }} <b>IPv4</b> {{ interface.ipv4 }}
<br> <br>
{% if ipv6_enabled and interface.ipv6 != 'None' %} {% if interface.ipv6.count > 0 %}
<b>IPv6</b> <b>IPv6</b>
<button class="btn btn-default btn-xs" type="button" data-toggle="collapse" <button class="btn btn-default btn-xs" type="button" data-toggle="collapse"
data-target="#collapseIpv6_{{ interface.id }}" aria-expanded="true" data-target="#collapseIpv6_{{ interface.id }}" aria-expanded="true"
aria-controls="collapseIpv6_{{ interface.id }}"> aria-controls="collapseIpv6_{{ interface.id }}">
{% trans "Display IPv6" %} {% trans "Display IPv6" %}
</button> </button>
{% else %}
<b>{% trans "No IPv6" %}</b>
{% endif %} {% endif %}
</td> </div>
<td class="text-right"> <div class="col-sm-2 text-right">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button class="btn btn-primary btn-sm dropdown-toggle" type="button" <button class="btn btn-primary btn-sm dropdown-toggle" type="button"
id="editioninterface" data-toggle="dropdown" aria-haspopup="true" id="editioninterface" data-toggle="dropdown" aria-haspopup="true"
@ -157,10 +155,11 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% can_delete interface %} {% can_delete interface %}
{% include 'buttons/suppr.html' with href='machines:del-interface' id=interface.id %} {% include 'buttons/suppr.html' with href='machines:del-interface' id=interface.id %}
{% acl_end %} {% acl_end %}
</td> </div>
</tr> </div>
<tr> </div>
<td colspan=5 style="border-top: none; padding: 1px;"> <div class="row">
<div class="col-sm-12">
<div class="collapse in" id="collapseVendor_{{ interface.id }}"> <div class="collapse in" id="collapseVendor_{{ interface.id }}">
<ul class="list-group" style="margin-bottom: 0;"> <ul class="list-group" style="margin-bottom: 0;">
<li class="list-group-item col-xs-6 col-sm-6 col-md-6" style="border: none;"> <li class="list-group-item col-xs-6 col-sm-6 col-md-6" style="border: none;">
@ -168,11 +167,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
</li> </li>
</ul> </ul>
</div> </div>
</td>
</tr>
{% if ipv6_enabled and interface.ipv6 != 'None' %} {% if ipv6_enabled and interface.ipv6 != 'None' %}
<tr>
<td colspan=5 style="border-top: none; padding: 1px;">
<div class="collapse in" id="collapseIpv6_{{ interface.id }}"> <div class="collapse in" id="collapseIpv6_{{ interface.id }}">
<ul class="list-group" style="margin-bottom: 0;"> <ul class="list-group" style="margin-bottom: 0;">
{% for ipv6 in interface.ipv6.all %} {% for ipv6 in interface.ipv6.all %}
@ -182,12 +177,8 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
</td>
</tr>
{% endif %} {% endif %}
{% if interface.domain.related_domain.all %} {% if interface.domain.related_domain.all %}
<tr>
<td colspan=5 style="border-top: none; padding: 1px;">
<div class="collapse in" id="collapseDomain_{{ interface.id }}"> <div class="collapse in" id="collapseDomain_{{ interface.id }}">
<ul class="list-group" style="margin-bottom: 0;"> <ul class="list-group" style="margin-bottom: 0;">
{% for al in interface.domain.related_domain.all %} {% for al in interface.domain.related_domain.all %}
@ -200,16 +191,17 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
</td> {% endif %}
</tr> </div>
</div>
{%if machine.interface_set.count > 1 %}
<hr/>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</table>
</div> </div>
</div> </div>
</div>
{% endfor %}
{% endfor %}
{% if machines_list.paginator %} {% if machines_list.paginator %}
{% include 'pagination.html' with list=machines_list %} {% include 'pagination.html' with list=machines_list %}