81 lines
2.5 KiB
HTML
81 lines
2.5 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Subir Circuito{% endblock %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row">
|
|
<h3>Asignaciones de IPs</h3>
|
|
</div>
|
|
<div class="row" style="padding-bottom: 1em;">
|
|
<b>Red:</b> <span>10.6.122.0/24</span>
|
|
<b>Gateway:</b> <span>10.6.122.1</span>
|
|
<b>DNS:</b> <span>10.6.100.66, 10.6.100.67</span>
|
|
</div>
|
|
|
|
<div class="row">
|
|
{% for row in range(16) %}
|
|
<div class="ips-row">
|
|
{% for col in range(16) -%}
|
|
{% set ip = row*16 + col %}
|
|
{% set unusable = ip == 0 or ip == 255 %}
|
|
{% set usable = not unusable %}
|
|
<a {% if usable %}href="ip/{{ ip }}"{% endif %}>
|
|
<div class="ips-cell
|
|
{%- if row == 0 %} ips-top{% endif %}
|
|
{%- if col == 0 %} ips-left{% endif %}
|
|
{%- if row == 15 %} ips-bottom{% endif %}
|
|
{%- if col == 15 %} ips-right{% endif %}
|
|
{%- if col == 7 %} ips-ver-half{% endif %}
|
|
{%- if row == 7 %} ips-hor-half{% endif %}
|
|
{% if unusable %} unusable{% endif %}
|
|
{%- if ipmap[ip].dhcp_pool %} dhcp-pool{% endif -%}
|
|
">
|
|
<div style="display: inline-block; max-height: 52px;">
|
|
<div class="name
|
|
{%- if ipmap[ip].color %} c-{{ ipmap[ip].color }}
|
|
{%- else %} c-black
|
|
{%- endif %}">
|
|
{% if ipmap[ip].dhcp_pool %}
|
|
DHCP
|
|
{% else %}
|
|
{{ ipmap[ip].reserved_by }}
|
|
{% endif %}
|
|
</div>
|
|
<div style="height: 10px;"></div>
|
|
</div>
|
|
{% if usable %}
|
|
{% if ipmap[ip].locked %}
|
|
<span class="lock"><i class="fa fa-lock"></i></span>
|
|
{% endif %}
|
|
{% if not ipmap[ip].locked and ip in leases %}
|
|
<span class="leased"><i class="fa fa-circle"></i></span>
|
|
{% endif %}
|
|
<span class="ip">.{{ row*16 + col }}</span>
|
|
{% endif %}
|
|
</div>
|
|
</a>
|
|
{%- endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="row" style="padding-bottom: 3em; padding-top: 1em;"><a href="{{ url_for('admin') }}">Regresar</a></div>
|
|
|
|
<script>
|
|
$(function() {
|
|
$(".ips-cell:not(.unusable)").hover(
|
|
function() {
|
|
$(this).addClass("hover");
|
|
},
|
|
function() {
|
|
$(this).removeClass("hover");
|
|
}
|
|
);
|
|
})
|
|
</script>
|
|
{% endblock %}
|