Produits Entr'ouvert » Calebasse

{% extends "personnes/simple-form.html" %}

{% block appbar %}

<h2>Absences de <span class="lastname">{{object.last_name}}</span> {{object.first_name}}</h2>

  <a href="..">Retour à la page de <span class="lastname">{{object.last_name}}</span> {{object.first_name}}</a>

{% endblock %}

{% block content %}

    <form method="post">

      <div id="form-content">

        {% csrf_token %}

        {% with formset=form %}

        {{ formset.management_form }}

        <p>Le format des dates est jj/mm/aaaa.</p>

        <table class="inline">

          <thead>

            <tr>

              <td><label class="required">Date de début</label></td>

              <td><label class="required">Date de fin</label></td>

              <td><label>Heure de début</label></td>

              <td><label>Heure de fin</label></td>

              <td><label class="required">Type d'absence</label></td>

              <td><label>Commentaire</label></td>

              <td><label>Supprimer</label></td>

            </tr>

          </thead>

          <tbody id="timetables">

          {% for form in formset %}

            <tr class="timetable">

              <td id="start-{{ forloop.counter0 }}" class="datepicker" data-before-selector="#end-{{ forloop.counter0 }}" data-number-of-months="3">{{ form.start_date }}</td>

              <td id="end-{{ forloop.counter0 }}" class="datepicker" data-after-selector="#start-{{ forloop.counter0 }}" data-number-of-months="3">{{ form.end_date }}</td>

              <td class="timepicker">{{ form.start_time }}</td>

              <td class="timepicker">{{ form.end_time }}</td>

              <td>{{ form.holiday_type }} {{ form.holiday_type.errors }}</td>

              <td>{{ form.comment }}{{ form.comment.errors }}</td>

              <td>{% if form.id.value %}{{ form.DELETE }}{% endif %}

                {% for field in form %}

                {% if field.is_hidden %}

                {{field}}

                {% endif %}

                {% endfor %}

              </td>

            </tr>

          {% endfor %}

          </tbody>

        </table>

        {% endwith %}

      </div>

      {% block buttons %}

      <button class="enable-on-change">Modifier</button>

      <button id="add-form">Ajouter une ligne</button>

      {% endblock %}

    </form>

    <p><a href="..">{% block back-link %}Retour à la page de <span class="lastname">{{object.last_name}}</span> {{object.first_name}}{% endblock %}</a></p>

{% endblock %}

{% block page-end %}

{{ block.super }}

<script>

  $(function () {

    var completions = [];

    for (var i = 8*60; i < 21*60; i += 15) {

      var completion = ''

      var hour = Math.floor(i/60);

      var minute = i % 60;

      var c = function (v) {

        if (v < 10) {

          return '0'+v;

        }

        return v;

      }

      completions.push(''+c(hour)+':'+c(minute));

    }

    $('.timepicker input').autocomplete({delay:0, source: completions, minLength: 0});

    function addForm() {

      var count = $('.timetable').length

      var new_row = $('.timetable:first').clone(false).get(0);

      $('input', new_row).val('');

      $('input, select', new_row).each(function (i, v) {

        v.name = v.name.replace('-0-', '-' + count + '-');

      });

      $('.delete input[type="checkbox"]', new_row).remove();

      $('*', new_row).each(function (i, v) {

        if (v.id) {

          v.id = v.id.replace('-0', '-' + count);

          if ($(v).data('before-selector')) {

            var old_value = $(v).data('before-selector');

            $(v).data('before-selector', old_value.replace('-0', '-' + count));

          }

          if ($(v).data('after-selector')) {

            var old_value = $(v).data('after-selector');

            $(v).data('after-selector', old_value.replace('-0', '-' + count));

          }

        }

      });

      $(new_row).appendTo($('#timetables'));

      $('#id_timetable_set-TOTAL_FORMS').val(count+1);

      window.calebasse_dialogs();

      return false;

    }

    $('#add-form').click(addForm);

  });

</script>

{% endblock %}