estus/templates/dispositivo/add.htm

{% extends "base.htm" %}
{% block title %}Aggiungi dispositivo • estus{% endblock %}
{% block extrahead %}
    <script>
        var users = 0;

        function genhtml(n) {
            return "<select id=\"utente" + n + "\" class=\"form-control\" name=\"utente" + n + "\">{% for impiegato in impiegati %}<option value=\"{{impiegato.iid}}\">{{impiegato.nomeimpiegato}} - {{impiegato.username}}</option>{% endfor %}</select>"
        }

        function adduser() {
            $("#users-column").append(genhtml(users));
            users += 1;
            $("#remove-user").removeClass("disabled");
        }

        function removeuser() {
            if (users > 0) {
                $("#utente" + (users - 1)).remove();
                users -= 1;
                if (users === 0) {
                    $("#remove-user").addClass("disabled");
                }
            }
        }

        function calchostname() {
            var comune = prompt("Inserisci le due lettere corrispondenti al comune in cui verrà collocato il dispositivo. (Es: VG)");
            var anno = prompt("Inserisci le ultime due cifre dell'anno di acquisto di questo dispositivo. (Es: 17)");
            var servizio = prompt("Inserisci le tre lettere corrispondenti al servizio a cui è destinato questo PC. (Es: SCU)");
            var inv = $("#form-ced").val();
            if(inv === "")
            {
                inv = prompt("Inserisci il numero dell'inventario del dispositivo. (Es: 0351)");
            }
            var proprietario = prompt("Inserisci la lettera corrispondente al proprietario del dispositivo. (Es: U)");
            $("#form-hostname").val(comune + anno + servizio + inv + proprietario);
        }
    </script>
{% endblock %}
{% block content %}
    <h1>
        Aggiungi nuovo dispositivo
    </h1>
    <form class="form-horizontal" action="/disp_add" method="post">
        <div class="form-group">
            <label class="col-xs-2" for="">Tipo dispositivo</label>
            <div class="col-xs-10">
                <select id="form-tipo" class="form-control" name="tipo">
                    {% for opzione in opzioni %}
                        <option value="{{ opzione }}">{{ opzione }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="">Sistema Operativo</label>
            <div class="col-xs-10">
                <select id="form-so" class="form-control" name="so">
                    {% for sistema in sistemi %}
                        <option value="{{ sistema }}">{{ sistema }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-utente">Utenti</label>
            <div class="col-xs-10" id="users-column">
                <p>
                   <div id="add-user" class="btn btn-success" onclick="adduser()"><span class="glyphicon glyphicon-plus"></span></div>
                   <div id="remove-user" class="btn btn-danger disabled" onclick="removeuser()"><span class="glyphicon glyphicon-minus"></span></div>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-marca">Marca</label>
            <div class="col-xs-10">
                <input id="form-marca" class="form-control" type="text" placeholder="Marca" name="marca">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-modello">Modello</label>
            <div class="col-xs-10">
                <input id="form-modello" class="form-control" type="text" placeholder="Modello" name="modello">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-ced">Inventario CED</label>
            <div class="col-xs-10">
                <input id="form-ced" class="form-control" type="text" placeholder="Inventario CED" name="inv_ced">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-ente">Inventario ente</label>
            <div class="col-xs-10">
                <input id="form-ente" class="form-control" type="text" placeholder="Inventario ente" name="inv_ente">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-fornitore">Fornitore</label>
            <div class="col-xs-10">
                <input id="form-fornitore" class="form-control" type="text" placeholder="Fornitore" name="fornitore">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-seriale">Numero Seriale</label>
            <div class="col-xs-10">
                <input id="form-seriale" class="form-control" type="text" placeholder="Seriale" name="seriale" {% if serial %}value="{{ serial }}"{% endif %}>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="">Rete</label>
            <div class="col-xs-10">
                <select id="form-rete" class="form-control" name="rete">
                    {% for rete in reti %}
                        <option value="{{ rete.nid }}">{{ rete.nome }} - {{ rete.network_ip }}/{{ rete.subnet }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-ip">Indirizzo IP</label>
            <div class="col-xs-10">
                <input id="form-ip" class="form-control" type="text" placeholder="IP" name="ip">
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-ip">Hostname</label>
            <div class="col-xs-8">
                <input id="form-hostname" class="form-control" type="text" placeholder="Hostname" name="hostname">
            </div>
            <div class="col-xs-2">
                <button class="form-control btn btn-info" onclick="calchostname()" type="button">Genera</button>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2" for="form-control"></label>
            <div class="col-xs-10">
                <input class="form-control btn btn-primary" type="submit">
            </div>
        </div>
    </form>
{% endblock %}