From 0753042f4727c625e94b066ea7b703ccddc5202a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Valentin=20Grou=C3=A8s?= <valentin.groues@uni.lu>
Date: Fri, 9 Mar 2018 11:37:25 +0100
Subject: [PATCH] add datepicker for daily planning #208
---
smash/web/static/js/daily_planning.js | 18 +++++++++++++++++-
smash/web/templates/daily_planning.html | 2 ++
2 files changed, 19 insertions(+), 1 deletion(-)
diff --git a/smash/web/static/js/daily_planning.js b/smash/web/static/js/daily_planning.js
index 935a0007..61562187 100644
--- a/smash/web/static/js/daily_planning.js
+++ b/smash/web/static/js/daily_planning.js
@@ -237,6 +237,22 @@ $(document).ready(function () {
groupByResource: true,
height: "auto",
customButtons: {
+ datePickerButton: {
+ text: 'select',
+ click: function () {
+ var $btnCustom = $('.fc-datePickerButton-button');
+ if ($(".calendar-datepicker").length > 0) {
+ $(".calendar-datepicker").remove();
+ }
+ else {
+ $btnCustom.after('<div class="calendar-datepicker"/>');
+ $(".calendar-datepicker").datepicker().on('changeDate', function (ev) {
+ $('#calendar').fullCalendar('gotoDate', ev.date);
+ $(".calendar-datepicker").remove();
+ });
+ }
+ }
+ },
save: {
text: 'Save',
click: function () {
@@ -333,7 +349,7 @@ $(document).ready(function () {
},
header: {
left: 'prev,next today',
- center: 'title',
+ center: 'title, datePickerButton',
right: 'save, clear, toPdf'
},
droppable: true,
diff --git a/smash/web/templates/daily_planning.html b/smash/web/templates/daily_planning.html
index 3841292d..6054dcf1 100644
--- a/smash/web/templates/daily_planning.html
+++ b/smash/web/templates/daily_planning.html
@@ -13,6 +13,7 @@
/>
<link rel="stylesheet" href="{% static 'fullcalendar-scheduler/scheduler.min.css' %}">
<link rel="stylesheet" href="{% static 'css/daily_planning.css' %}">
+ {% include "includes/datepicker.css.html" %}
{% endblock styles %}
{% block ui_active_tab %}'daily_planning'{% endblock ui_active_tab %}
@@ -48,6 +49,7 @@
var resources_url = '{% url 'web.api.workers' %}';
var events_url = '{% url 'web.api.events_persist' %}';
</script>
+ {% include "includes/datepicker.js.html" %}
<script src="{% static 'js/daily_planning.js' %}"></script>
<script src="{% static 'jspdf.min.js' %}"></script>
<script src="{% static 'html2canvas/html2canvas.min.js' %}"></script>
--
GitLab