From dba672f542e7393b587c422b871494de5d6b3028 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laur=C3=A9line=20Gu=C3=A9rin?= <zebuline@entrouvert.com>
Date: Tue, 17 Mar 2020 17:17:33 +0100
Subject: [PATCH] manager: add exception on all day (#40456)

---
 .../manager_time_period_exception_form.html   | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/chrono/manager/templates/chrono/manager_time_period_exception_form.html b/chrono/manager/templates/chrono/manager_time_period_exception_form.html
index 7781dbde..f3e708df 100644
--- a/chrono/manager/templates/chrono/manager_time_period_exception_form.html
+++ b/chrono/manager/templates/chrono/manager_time_period_exception_form.html
@@ -30,14 +30,21 @@
 
 <form method="post" enctype="multipart/form-data">
   {% csrf_token %}
-  {{ form.as_p }}
+  {{ form.non_field_errors }}
+  {% for field in form.visible_fields %}
+    {{ field.errors }}
+    <p>{{ field.label_tag }} {{ field }}{% if field.name == 'start_datetime' %} <button type="button" id="allday">{% trans "All day" %}</button>{% endif%}</p>
+  {% endfor %}
+  {% for hidden in form.hidden_fields %}
+    {{ hidden }}
+  {% endfor %}
   <div class="buttons">
     <button class="submit-button">{% trans "Save" %}</button>
     <a class="cancel" href="{% url 'chrono-manager-agenda-settings' pk=desk.agenda.id %}">{% trans 'Cancel' %}</a>
   </div>
 
-  {% if not object.id %}
   <script>
+  {% if not object.id %}
   $('[name="start_datetime$date"]').on('change', function() {
     var $end_datetime = $('[name="end_datetime$date"]');
     if (! $end_datetime.val()) {
@@ -47,7 +54,17 @@
       }
     }
   });
-  </script>
   {% endif %}
+  $('button#allday').on('click', function() {
+    var $start_datetime = $('[name="start_datetime$date"]');
+    if ($start_datetime.val()) {
+      var new_date = new Date($start_datetime.val());
+      new_date.setDate(new_date.getDate() + 1);
+      $('[name="start_datetime$time"]').val('00:00');
+      $('[name="end_datetime$date"]').val(new_date.toISOString().substring(0, 10));
+      $('[name="end_datetime$time"]').val('00:00');
+    }
+  });
+  </script>
 </form>
 {% endblock %}