Skip to content

Commit

Permalink
Add formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@minitriga
minitriga committed Sep 30, 2024
1 parent 7b66f7c commit 19c377c
Show file tree
Hide file tree
Showing 3 changed files with 195 additions and 141 deletions.
9 changes: 5 additions & 4 deletions netbox_reorder_rack/templates/netbox_reorder_rack/inc/rack_button.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@

{% if perms.dcim.change_device %}
<a href="{% url 'dcim:rack_reorder' pk=object.pk %}" class="btn btn-info" role="button">
<i class="mdi mdi-sort" aria-hidden="true"></i> Reorder
</a>
<a href="{% url 'dcim:rack_reorder' pk=object.pk %}"
class="btn btn-info"
role="button">
<i class="mdi mdi-sort" aria-hidden="true"></i> Reorder
</a>
{% endif %}
117 changes: 76 additions & 41 deletions netbox_reorder_rack/templates/netbox_reorder_rack/inc/rack_elevation.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,46 +2,81 @@
{% load perms %}
<div class="d-flex justify-content-center">
<div class="rack_front d-flex">
<ul class="unit_numbers">
{% for unit in object.units %}
{% if unit|rack_unit %}
<li>{{ unit|rack_unit_to_int }}</li>
{% else %}
<li></li>
{% endif %}
{% endfor %}
</ul>
<div class="grid-stack rack" id="grid-{{face}}" gs-column="2" gs-max-row="{{ object.u_height|mul:2 }}" gs-min-row="{{object.u_height|mul:2}}" data-grid-id="{% if front == 'front' %}0{% else %}1{% endif %}">
{% for device in units %}
{% if device.device %}
{% if device.device.face == face %}
<div class='grid-stack-item' gs-w='2' gs-h='{{ device.height|rack_unit_to_int|mul:2 }}' gs-x='0' gs-y='{{device|calculate_u_position:object}}' gs-id='{{device.device.id}}' gs-locked='{% if not request.user|can_change:device.device %}true{% else %}{% endif %}' gs-no-move='{% if not request.user|can_change:device.device %}true{% else %}{% endif %}' data-item-color="{{device.device.role.color}}" data-item-text-color="{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}" data-full-depth="{{device.device.device_type.is_full_depth}}" data-item-face="{{ face }}">
{% if device.device.device_type.front_image and images %}
<div class='grid-stack-item-content' style="background-image: url('{{ base_url }}{{ device.device.device_type.front_image.url }}'); background-size: {{unit_width}}px; color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %};">
{% if labels %}{{ device.device | device_name }} {% endif %}
</div>
{% else %}
<div class='grid-stack-item-content' style="background-color: #{{device.device.role.color}}; color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %};">
{{ device.device | device_name }}
</div>
{% endif %}
<ul class="unit_numbers">
{% for unit in object.units %}
{% if unit|rack_unit %}
<li>{{ unit|rack_unit_to_int }}</li>
{% else %}
<li></li>
{% endif %}
{% endfor %}
</ul>
<div class="grid-stack rack"
id="grid-{{ face }}"
gs-column="2"
gs-max-row="{{ object.u_height|mul:2 }}"
gs-min-row="{{ object.u_height|mul:2 }}"
data-grid-id="{% if front == 'front' %}0{% else %}1{% endif %}">
{% for device in units %}
{% if device.device %}
{% if device.device.face == face %}
<div class="grid-stack-item"
gs-w="2"
gs-h="{{ device.height|rack_unit_to_int|mul:2 }}"
gs-x="0"
gs-y="{{ device|calculate_u_position:object }}"
gs-id="{{ device.device.id }}"
gs-locked="{% if not request.user|can_change:device.device %}true{% else %}{% endif %}"
gs-no-move="{% if not request.user|can_change:device.device %}true{% else %}{% endif %}"
data-item-color="{{ device.device.role.color }}"
data-item-text-color="{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}"
data-full-depth="{{ device.device.device_type.is_full_depth }}"
data-item-face="{{ face }}">
{% if device.device.device_type.front_image and images %}
<div class="grid-stack-item-content"
style="background-image: url('{{ base_url }}{{ device.device.device_type.front_image.url }}');
background-size: {{ unit_width }}px;
color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}">
{% if labels %}{{ device.device | device_name }}{% endif %}
</div>
{% else %}
<div class="grid-stack-item-content"
style="background-color: #{{ device.device.role.color }};
color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}">
{{ device.device | device_name }}
</div>
{% endif %}
</div>
{% else %}
<div class="grid-stack-item"
gs-w="2"
gs-h="{{ device.height|rack_unit_to_int|mul:2 }}"
gs-x="0"
gs-y="{{ device|calculate_u_position:object }}"
gs-id="{{ device.device.id }}"
gs-locked="false"
data-item-color="{{ device.device.role.color }}"
data-item-text-color="{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}"
data-full-depth="{{ device.device.device_type.is_full_depth }}"
data-item-face="back"
gs-locked="{% if not request.user|can_change:device.device %}true{% else %}{% endif %}"
gs-no-move="{% if not request.user|can_change:device.device %}true{% else %}{% endif %}">
{% if device.device.device_type.rear_image and images %}
<div class="grid-stack-item-content device_rear"
style="background-image: url('{{ base_url }}{{ device.device.device_type.rear_image.url }}');
background-size: {{ unit_width }}px;
color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}">
{% if labels %}{{ device.device | device_name }}{% endif %}
</div>
{% else %}
<div class="grid-stack-item-content device_rear" style="color: #000000">{{ device.device.name }}</div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% else %}
<div class='grid-stack-item' gs-w='2' gs-h='{{ device.height|rack_unit_to_int|mul:2 }}' gs-x='0' gs-y='{{device|calculate_u_position:object}}' gs-id='{{device.device.id}}' gs-locked='false' data-item-color="{{device.device.role.color}}" data-item-text-color="{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %}" data-full-depth="{{device.device.device_type.is_full_depth}}" data-item-face="back" gs-locked='{% if not request.user|can_change:device.device %}true{% else %}{% endif %}' gs-no-move='{% if not request.user|can_change:device.device %}true{% else %}{% endif %}'>
{% if device.device.device_type.rear_image and images %}
<div class='grid-stack-item-content device_rear' style="background-image: url('{{ base_url }}{{ device.device.device_type.rear_image.url }}'); background-size: {{unit_width}}px; color: #{% if device.device.role.color %}{{ device.device.role.color|text_color }}{% else %}000000{% endif %};">
{% if labels %}{{ device.device | device_name }} {% endif %}
</div>
{% else %}
<div class='grid-stack-item-content device_rear' style="color: #000000">
{{ device.device.name }}
</div>
{% endif %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
<ul class="indexes"></ul>
<ul class="indexes">
</ul>
</div>
</div>
</div>
Loading

0 comments on commit 19c377c

Please sign in to comment.