{% extends "admin/base_site.html" %}
{% comment %}
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
{% endcomment %}
{% load proto_tags %}
{% load i18n proto_tags admin_static %}
{% load l10n %}
{% block extrahead %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}

<link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}css/racks.css" />
<link rel="stylesheet" type="text/css" href="{% static "css/base-print.css" %}" />
<style type="text/css">
.u {
    background-image: url('{{ STATIC_PREFIX }}img/1u.png');
}
@media print {
  .u,
  .rack,
  .roteador,
  .interno,
  .dc,
  .u-n,
  .bloco-n, .page-break {
        -webkit-print-color-adjust: exact;
  }
  .u {}
  .equip {}
  .roteador {background:#81878b !important;}
  .espaco {}
  .interno {top:-10px; position:relative;}
  .rack_grid{margin-top:10px; position:relative;}
  .dc {}
  .u-n {}
  .bloco-n {}
  .breadcrumbs {display:none;visibility:hidden;}
}

.outros td, .outros td {font-size:11px;}
.rack {margin-top:0;}
.rack_frontal, .rack_traseiro {display:initial; width:245px;}
#wrap-form { width:initial; }
.div_pdu { display:block; }
.outros caption { font-size: 14px; }
.conflitos-content table { margin:0; width:100%; }
.conflitos-content tbody { border:1px dotted; }
.conflitos caption {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}
</style>
<style type="text/css">
  div#theader {font-weight:bold; clear:both;}
  div#div_filtro {margin-bottom:15px;}
  div#div_filtro div#wrap-form label {width:100px; display:inline-block;}
</style>

<script type="text/javascript" src="{{ STATIC_PREFIX }}js/racks.js"></script>
<script type="text/javascript" src="{{ STATIC_PREFIX }}js/admin/RelatedObjectLookups.js"></script>
{% endblock %}
{% block breadcrumbs %}
    {% if not is_popup %}
        <div class="breadcrumbs">Você está em: 
            <a href="../../">{% trans "Home" %}</a>&rsaquo;
            <a href="/patrimonio/relatorio_rack">Relatório de Rack</a>
        </div>
    {% endif %}
{% endblock %}
{% block content %}
<h1>Relatório de Rack</h1>
<br>
<div id="div_filtro">
    <fieldset>
        <legend>Filtro</legend>
        <div id="wrap-form">
            <form id="form_racks" method="GET">
                <label for="dc">Data Centers*</label>
                <select name="dc" onchange="this.form.submit();">
                    <option value="0">-------</option>
                    {% for dc in todos_dcs %}
                       <option value="{{ dc.id }}" {% if request.GET.dc == dc.id|lower %}selected{% endif %}>{{ dc.nome|default:'' }}</option>
                    {% endfor %}
                </select>
                <br>
                <label for="racks">Racks*</label>
                <select name="rack" onchange="this.form.submit();">
                    <option value="0">-------</option>
                    {% for p in patrimonio_racks %}
                        <option value="{{ p.id }}" {% if request.GET.rack == p.id|lower %}selected{% endif %}>{{ p.apelido|default:'' }}</option>
                    {% endfor %}
                </select>
            </form>
        </div>
    </fieldset>
</div>
{% if request.GET.dc and request.GET.dc != '0' and request.GET.rack and request.GET.rack != '0' %}
{% for dc in dcs %}
    {% if dc.fileiras %}
        {% if not forloop.first %}
           <div class="page-break"></div>
        {% endif %}
        <div id="icons">
            <a href="{{ request.get_full_path  }}&pdf=2" class="printlink"><img src="{{ STATIC_URL }}img/icon-pdf.png" title="Exportar para PDF." /></a>
        </div>
        <div class="dc" style="display:table;">
        <h1>{{ dc.entidade }} - {{ dc.nome|default:'' }}</h1>
        {% for fileira in dc.fileiras %}
            <p style="height:10px;"></p>
            {% for rack in fileira.racks %}
                {% with ''|center:2 as range %}
                {% for _ in range %}
                    {% with forloop.counter as flag_traseiro %}
                    <div class="rack">
                      {% if flag_traseiro == 1 %}
                          <h2>
                              <a href="{% url "admin:patrimonio_patrimonio_change" rack.id %}" onclick="return showAddAnotherPopup(this);">
                              {{ rack.nome|default:'' }} ({{ rack.vazio }} ocupado)
                              </a>
                          </h2>
                          <div style="display:inline-table">
                            <div class="rack_frontal_E rack_lateral">
                                <div class="div_pdu">
                                    {% for eq in rack.equipamentos_pdu %}
                                        {% if eq.pos_col == 'LE' %}
                                           {% if eq.id %}
                                               <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                           {% endif %}
                                           <div class="equip " rel="tooltip" title="{{ eq.descricao }}" 
                                                style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                                {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                           </div>
                                           {% if eq.id %}
                                               </a>
                                           {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="rack_frontal" style="display:table-row;">
                                <div id="rack{{ dc.id }}_{{forloop.counter}}" class="bloco-n" style="height: {{ rack.altura_pxs|unlocalize }}px;">
                                    {% for i in rack.altura_count reversed %}
                                        <div class="u-n"><div>{{ i }}</div></div>
                                    {% endfor %}
                                </div>
                                <div class="u" style="height: {{ rack.altura_pxs|unlocalize }}px;"></div>
                                <div class="interno" style="">
                                    <div class="rack_grid">
                                        {% for i in rack.altura_count %}
                                            <div class="rack_grid_item" style="{% if forloop.first %}border-top:1px solid lightgray;{% endif %}"></div>
                                        {% endfor %}
                                    </div>
                                {% for eq in rack.equipamentos %}
                                   <div {% if not eq.flag_traseiro %} style="z-index:100;"{% endif %}>
                                   {% if eq.id %}
                                       <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                   {% endif %}
                                   <div class="{% if eq.pos_col %} pos_{{eq.pos_col}} {% endif %} {% if eq.conflito %}conflito{% endif %} equip {% if eq.flag_traseiro and eq.profundidade < 1.0 %}profundidade_curta{% endif %}" rel="tooltip" title="{% if eq.nome %}{{ eq.nome|default:'' }} - {% endif %}{{ eq.descricao }} - pos:{{eq.pos_original|default:'0'|unlocalize}} pt" 
                                       style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                       <div>
                                           <div class="{% if eq.pos_col %} pos_{{eq.pos_col}}_label {% endif %}" style="height:{{ eq.altura|unlocalize }}px;">
                                            {% if eq.pos_col %}
                                                {% if eq.tam >= 9 %}{{ eq.nome|default:""|truncatechars:50 }}
                                                {% elif eq.tam >= 6 %}{{ eq.nome|default:""|truncatechars:35 }}
                                                {% else %}{{ eq.nome|default:""|truncatechars:20 }}{% endif %}
                                            {% else %}
                                                {% if eq.tam >= 9 %}{{ eq.nome|default:""|truncatechars:90 }}
                                                {% elif eq.tam >= 6 %}
                                                    {{ eq.nome|default:""|truncatechars:60 }}
                                                {% else %}
                                                    {{ eq.nome|default:""|truncatechars:30 }}
                                                {% endif %}
                                            {% endif %}
                                            </div>
                                        </div>
                                        {% if eq.flag_traseiro %}
                                            {% if eq.imagem_traseira %}<img src="{{ eq.imagem_traseira }}" {% if eq.profundidade < 1.0 %}class="profundidade_curta"{% endif %}/>{% endif %}
                                        {% else %}
                                            {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                        {% endif %}
                                   </div>
                                   {% if eq.id %}
                                       </a>
                                   {% endif %}
                                   </div>
                                {% endfor %}
                                </div>
                                <div class="u" style="height: {{ rack.altura_pxs|unlocalize }}px;"></div>
                            </div>
                            <div class="rack_frontal_D rack_lateral">
                                <div class="div_pdu">
                                {% for eq in rack.equipamentos_pdu %}
                                    {% if eq.pos_col == 'LD' %}
                                        {% if eq.id %}
                                            <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                        {% endif %}
                                       <div class="equip " rel="tooltip" title="{{ eq.descricao }}" 
                                            style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                            {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                       </div>
                                        {% if eq.id %}
                                            </a>
                                        {% endif %}
                                    {% endif %}
                                {% endfor %}
                                </div>
                            </div>
                        </div>
                        <div style="display:table-cell;min-width:20px;"></div>
                    {% endif %}
                    {% if flag_traseiro == 2 %}
                        {# rack visão traseira #}
                        <h2>{{ rack.nome|default:'' }} (Visão traseira)</h2>
                        <div style="display:inline-table">
                            <div class="rack_traseiro_E rack_lateral">
                                <div class="div_pdu">
                                    {% for eq in rack.equipamentos_pdu %}
                                        {% if eq.pos_col == 'TE' %}
                                           {% if eq.id %}
                                               <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                           {% endif %}
                                           <div class="equip " rel="tooltip" title="{{ eq.descricao }}" 
                                                style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                                {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                           </div>
                                           {% if eq.id %}
                                               </a>
                                           {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="rack_traseiro">
                                <div id="rack{{ dc.id }}_{{forloop.counter}}" class="bloco-n" style="height: {{ rack.altura_pxs|unlocalize }}px;">
                                    {% for i in rack.altura_count reversed %}
                                        <div class="u-n"><div>{{ i }}</div></div>
                                    {% endfor %}
                                </div>
                                <div class="u" style="height: {{ rack.altura_pxs|unlocalize }}px;"></div>
                                <div class="interno">
                                    <div class="rack_grid">
                                        {% for i in rack.altura_count %}
                                            <div class="rack_grid_item" style="{% if forloop.first %}border-top:1px solid lightgray;{% endif %}"></div>
                                        {% endfor %}
                                    </div>
                                {% for eq in rack.equipamentos %}
                                   <div {% if eq.flag_traseiro %} style="z-index:100;"{% endif %}>
                                   {% if eq.id %}
                                       <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                   {% endif %}
                                   <div class="{% if eq.pos_col %} pos_{{eq.pos_col}} {% endif %} {% if eq.conflito %}conflito{% endif %} equip {% if not eq.flag_traseiro and eq.profundidade < 1.0 %}profundidade_curta{% endif %}" rel="tooltip" title="{% if eq.nome %}{{ eq.nome|default:'' }} - {% endif %}{{ eq.descricao }} - pos:{{eq.pos_original|default:'0'|unlocalize}} pt" 
                                       style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                       <div>
                                           <div class="{% if eq.pos_col %} pos_{{eq.pos_col}}_label {% endif %}" style="height:{{ eq.altura|unlocalize }}px;">
                                            {% if eq.pos_col %}
                                                {% if eq.tam >= 9 %}{{ eq.nome|default:""|truncatechars:50 }}
                                                {% elif eq.tam >= 6 %}{{ eq.nome|default:""|truncatechars:35 }}
                                                {% else %}{{ eq.nome|default:""|truncatechars:20 }}{% endif %}
                                            {% else %}
                                                {% if eq.tam >= 9 %}{{ eq.nome|default:""|truncatechars:90 }}
                                                {% elif eq.tam >= 6 %}
                                                    {{ eq.nome|default:""|truncatechars:60 }}
                                                {% else %}
                                                    {{ eq.nome|default:""|truncatechars:30 }}
                                                {% endif %}
                                            {% endif %}
                                            </div>
                                        </div>
                                        {% if eq.flag_traseiro %}
                                            {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                        {% else %}
                                            {% if eq.imagem_traseira %}<img src="{{ eq.imagem_traseira }}" {% if eq.profundidade < 1.0 %}class="profundidade_curta"{% endif %} />{% endif %}
                                        {% endif %}
                                   </div>
                                   {% if eq.id %}
                                       </a>
                                   {% endif %}
                                   </div>
                                {% endfor %}
                                </div>
                                <div class="u" style="height: {{ rack.altura_pxs|unlocalize }}px;"></div>
                            </div>
                            <div class="rack_frontal_D rack_lateral">
                                <div class="div_pdu">
                                    {% for eq in rack.equipamentos_pdu %}
                                        {% if eq.pos_col == 'TD' %}
                                           {% if eq.id %}
                                               <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">
                                           {% endif %}
                                           <div class="equip " rel="tooltip" title="{{ eq.descricao }}" 
                                                style="margin-top:{{ eq.eixoY|unlocalize }}px; height:{{ eq.altura|unlocalize }}px;">
                                                {% if eq.imagem %}<img src="{{ eq.imagem }}" />{% endif %}
                                           </div>
                                           {% if eq.id %}
                                               </a>
                                           {% endif %}
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                        {% endif %}{# rack traseiro #}
                    </div>{# div do rack #}
                        
                    {% endwith %}
                {% endfor %}{# ENDFOR RACK #}
                {% endwith %}
            {% endfor %}
            
            {% for rack in fileira.racks %}
                <div style="display:inline-table; width:860px;margin-bottom: 50px;margin-top:30px;">
                    <div class="outros">
                        <div class="outros-content">
                        <table>
                            <caption class="outros-title" style="width:0;">Equipamentos.</caption>
                            <tr>
                                <th>ID</th>
                                <th style="width:75px;">Nome</th>
                                <th>Desc</th>
                                <th>SN</th>
                                <th style="width:80px;">PN</th>
                                <th style="width:110px;">Modelo</th>
                                <th>Tam(U)</th>
                                <th>Pos(F)</th>
                                <th>Col</th>
                            </tr>
                            {% for eq in rack.equipamentos %}
                                <tr>
                                    <td>{{ eq.id }}</td>
                                    <td>{{ eq.nome|default:'' }}</td>
                                    <td>
                                        <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">{{ eq.nome|default:'' }}{{ eq.descricao|truncatechars:105 }}</a>
                                    </td>
                                    <td>{{ eq.sn|default:'' }}</td>
                                    <td>{{ eq.pn|default:'' }}</td>
                                    <td>{{ eq.modelo|default:'' }}</td>
                                    <td>{{ eq.tam_u }}</td>
                                    <td>{{ eq.pos_original }}</td>
                                    <td>{{ eq.pos_col|default:'-' }}</td>
                                </tr>
                            {% endfor %}
                        </table>
                        </div>
                    </div>{# pdus #}
                    <div class="outros">
                        <div class="outros-content">
                        <table>
                            <caption class="outros-title">PDUs.</caption>
                            <tr>
                                <th>Desc</th>
                                <th>Tam</th>
                                <th>Pos</th>
                                <th>Col</th>
                            </tr>
                            {% for eq in rack.equipamentos_pdu %}
                                <tr>
                                    <td>
                                        <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">{{ eq.nome|default:'' }}{{ eq.descricao }}</a>
                                    </td>
                                    <td>{{ eq.tam_u }}</td>
                                    <td>{{ eq.pos_original }}</td>
                                    <td>{{ eq.pos_col|default:'-' }}</td>
                                </tr>
                            {% endfor %}
                        </table>
                        </div>
                    </div>{# pdus #}
                    {% if rack.equipamentos_fora_visao %}
                        <div class="outros">
                            <div class="outros-content">
                            <table>
                                <caption class="outros-title">Outros equipamentos.</caption>
                                <tr>
                                    <th>Desc</th>
                                    <th>Tam</th>
                                    <th>Pos</th>
                                    <th>Col</th>
                                </tr>
                                {% for eq in rack.equipamentos_fora_visao %}
                                    <tr>
                                        <td>
                                            <a href="{% url "admin:patrimonio_patrimonio_change" eq.id %}" onclick="return showAddAnotherPopup(this);">{{ eq.nome|default:'' }}{{ eq.descricao }}</a>
                                        </td>
                                        <td>{{ eq.tam_u }}</td>
                                        <td>{{ eq.pos }}</td>
                                        <td>{{ eq.pos_col|default:'-' }}</td>
                                    </tr>
                                {% endfor %}
                            </table>
                            </div>
                        </div>
                    {% endif %}{# fora de visão #}
                    {% if rack.conflitos %}
                        <div class="conflitos">
                            <div class="conflitos-content" style="display:block;">
                            <table>
                                <caption class="outros-title">Conflitos.</caption>
                                <tr>
                                    <th>EQ</th>
                                    <th>Pos</th>
                                    <th>Alt</th>
                                </tr>
                                {% for conflito in rack.conflitos %}
                                    <tr class="conflito-tbl-obs">
                                       <td colspan=3>{{ conflito.obs }}</td>
                                    </tr>
                                    <tr>
                                       {% if conflito.eq1 %}
                                        <td>
                                           <a href="{% url "admin:patrimonio_patrimonio_change" conflito.eq1.id %}" onclick="return showAddAnotherPopup(this);">
                                            {{ conflito.eq1.descricao }}
                                            </a>
                                        </td>
                                        <td>{{ conflito.eq1.pos }}</td>
                                        <td>{{ conflito.eq1.tam_u }}</td>
                                        {% endif %}
                                    </tr>
                                    <tr>
                                        {% if conflito.eq2 %}
                                        <td>
                                            <a href="{% url "admin:patrimonio_patrimonio_change" conflito.eq2.id %}" onclick="return showAddAnotherPopup(this);">
                                                {{ conflito.eq2.descricao }}
                                            </a>
                                        </td>
                                        <td>{{ conflito.eq2.pos }}</td>
                                        <td>{{ conflito.eq2.tam_u }}</td>
                                        {% endif %}
                                    </tr>
                                {% endfor %}
                            </table>
                            </div>
                        </div>
                    {% endif %}{# conflitos #}
                    </div>{# div dos conflitos #}
                {% endfor %}
            
        {% endfor %}{# ENDFOR FILEIRA #}
    	</div>
    {% endif %}{# if dc.fileiras #}
{% endfor %}{# ENDFOR DC #}
{% endif %}
</div>

{% endblock %}
