smallnet/templates/ip.html

114 lines
3.2 KiB
HTML

{% extends "base.html" %}
{% block title %}Subir Circuito{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}
{% block content %}
<div class="row">
<h3>Asignación de {{ addr }}</h3>
</div>
{% if meta.locked %}
<div class="alert alert-warning"><i class="fa fa-lock"></i> Esta dirección está reservada por <i>Ilúvatar</i></div>
{% endif %}
<div class="row">
<form class="form-horizontal" method="POST">
{% if meta.locked %}
<fieldset disabled>
{% endif %}
<div class="form-group">
<div class="col-xs-6">
<input type="checkbox" id="reserved" name="reserved"
{% if meta.reserved_by -%}
checked="checked"
{%- endif -%}>
<label for="reserved">Reservado a:</label>
<input type="text" class="form-control"
id="reserved-by" name="reserved-by"
{% if meta.reserved_by -%}
value="{{ meta.reserved_by }}"
{%- else -%}
disabled
{%- endif -%}
>
</div> </div>
<div class="form-group">
<div class="col-xs-11">
<input type="checkbox" id="dhcp" name="dhcp"></input>
<label for="dhcp">Ofrecer por DHCP</label>
<fieldset id="dhcp-fieldset" disabled>
<div class="form-group">
<div class="col-sm-offset-1">
<input type="radio" id="dhcp-client-any" name="dhcp-client" value="any">
<label for="dhcp-client-any">A cualquier dispositivo</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-1">
<input type="radio" id="dhcp-client-specific" name="dhcp-client" value="mac">
<label for="dhcp-client-specific">A un dispositivo específico</label>
<div class="form-group">
<fieldset id="dhcp-specific-fieldset" disabled>
<div>
<label for="dhcp-client-mac" class="col-sm-4 control-label">MAC:</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="dhcp-client-mac"
placeholder="aa:bb:cc:dd:ee:ff"/>
</div>
</div>
<div>
<label for="dhcp-custom-gw" class="col-sm-4 control-label">
Gateway alternativo:
</label>
<div class="col-sm-5">
<input type="text" class="form-control" name="dhcp-client-mac"
placeholder="10.6.122.1"/>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</fieldset>
</div>
</div>
{% if create_error %}
<center>
<p>Error: {{ errormsg }}</p>
</center>
{% endif %}
<div class="form-group">
<button type="submit" class="btn btn-default">Guardar</button>
</div>
{% if meta.locked %}
<fieldset disabled>
{% endif %}
</form>
</div>
<div class="row">
<a href="{{ url_for('ips') }}">Regresar</a>
</div>
<script>
$(function() {
$("#reserved").change(function() {
$("#reserved-by").prop("disabled", !$(this).prop("checked"));
})
$("#dhcp").change(function() {
$("#dhcp-fieldset").prop("disabled", !$(this).prop("checked"));
})
$("input[type=radio]").change(function() {
$("#dhcp-specific-fieldset").prop("disabled", !$("#dhcp-client-specific").prop("checked"));
})
$("input").change()
});
</script>
{% endblock %}