edit_portlist.html 2.63 KB
Newer Older
1
{% extends 'machines/sidebar.html' %}
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
{% comment %}
Re2o est un logiciel d'administration développé initiallement au rezometz. Il
se veut agnostique au réseau considéré, de manière à être installable en
quelques clics.

Copyright © 2017  Gabriel Détraz
Copyright © 2017  Goulven Kermarec
Copyright © 2017  Augustin Lemesle

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
{% endcomment %}

{% load bootstrap3 %}
27
{% load i18n %}
28

29
{% block title %}{% trans "Machines" %}{% endblock %}
30 31

{% block content %}
erdnaxe's avatar
erdnaxe committed
32
    {% bootstrap_form_errors port_list %}
33 34


erdnaxe's avatar
erdnaxe committed
35 36 37 38 39 40 41 42 43 44 45 46 47
    <form class="form" method="post">
        {% csrf_token %}
        {% bootstrap_form port_list %}
        {{ ports.management_form }}
        <div id="formset">
            {% for form in ports.forms %}
                <div class="port">
                    <p>
                        {{ form }}
                    </p>
                </div>
            {% endfor %}
        </div>
48

erdnaxe's avatar
erdnaxe committed
49 50 51 52 53 54 55 56 57
        <p>
            {% trans "Add a port" as value %}
            <input class="btn btn-primary btn-sm" role="button" value="value" id="add_one">
        </p>
        {% trans "Create or edit" as tr_create_or_edit %}
        {% bootstrap_button tr_create_or_edit icon='ok' button_class='btn-success' %}
    </form>
    <script type="text/javascript">
        var template = `{{ports.empty_form}}`;
58

erdnaxe's avatar
erdnaxe committed
59 60 61 62 63 64 65 66 67
        function add_port() {
            var new_index = document.getElementsByClassName('port').length;
            document.getElementById('id_form-TOTAL_FORMS').value =
                parseInt(document.getElementById('id_form-TOTAL_FORMS').value) + 1;
            var new_port = document.createElement('div');
            new_port.className = 'port';
            new_port.innerHTML = template.replace(/__prefix__/g, new_index);
            document.getElementById('formset').appendChild(new_port);
        }
68

erdnaxe's avatar
erdnaxe committed
69 70 71 72 73
        document.addEventListener("DOMContentLoaded", function () {
            document.getElementById("add_one").addEventListener("click", add_port, true);
        });
    </script>
{% endblock %}