Revize 0a828a5a

Re #8076 - finishing new datepicker

website/public/css/bootstrap-datepicker3.css

@@ -5 +5 @@
  */
 
 .datepicker {
-  border-radius: 4px;
   direction: ltr;
   z-index: 1000;
 }
@@ -87 +86 @@
   text-align: center;
   width: 35px;
   height: 30px;
-  border-radius: 4px;
   border: none;
 }
 .table-striped .datepicker table tr td,

website/public/js/zcu-heatmap.js

@@ -279 +279 @@
   $('#submit-btn').prop('disabled', isOptionEnabled);
 
 }
+
+
+function formatDate(date) {
+  var day = String(date.getDate());
+  var month = String(date.getMonth() + 1);
+
+  if (day.length === 1) {
+    day = '0' + day;
+  }
+
+  if (month.length === 1) {
+    month = '0' + month;
+  }
+
+  return date.getFullYear() + '-' + month + '-' + day;
+}
+
+function initDatepicker(availableDatesSource) {
+  var availableDates = '';
+
+  $.ajax({
+    type: 'GET',
+    url: availableDatesSource,
+    success: function(result) {
+      availableDates = String(result).split(',');
+    }
+  });
+  
+  $('#date').datepicker({
+    format: 'yyyy-mm-dd',
+    language: 'cs',
+    beforeShowDay: function(date) {
+      if (availableDates.indexOf(formatDate(date)) < 0) {
+        return {enabled: false, tooltip: 'Žádná data'}
+      }
+      else {
+        return {enabled: true}
+      }
+    },
+    autoclose: true
+  });
+}

website/templates/heatmap.html.twig

@@ -34 +34 @@
                   'type' : 'text',
                   'id' : 'date',
                   'attr' : {
-                    'class' : 'form-control',                 
+                    'class' : 'form-control',
                     'onChange' : 'checkDataSetsAvailability("' ~ path('available') ~ '")'
                   }
                 })
@@ -47 +47 @@
                 form_widget(form.time, {
                   'id' : 'time',
                   'attr' : {
-                    'class' : "custom-select"
+                    'class' : 'custom-select'
                   }
                 })
               }}             
@@ -59 +59 @@
                 form_widget(form.type, {
                   'id' : 'type',
                   'attr' : {
-                    'class' : "custom-select"                 
+                    'class' : 'custom-select'
                   }
                 })
               }}  
@@ -157 +157 @@
     <script src="{{ asset('js/leaflet-heat.js') }}"></script>
     <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
     <script>
+        initDatepicker("{{ path('dates') }}");
         initMap();
         checkDataSetsAvailability("{{ path('available') }}")
         {% if submitted %}
           loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
         {% endif %}
-      
-        var datesetDates = '23-04-2019,24-04-2019,25-04-2019,24-05-2020,27-05-2020'.split(',');
-
-        function formatDate(date) {
-          var day = String(date.getDate());
-          var month = String(date.getMonth() + 1);
-
-          if (day.length === 1) {
-            day = '0' + day;
-          }
-
-          if (month.length === 1) {
-            month = '0' + month;
-          }
-
-          return day + '-' + month + '-' + date.getFullYear();
-        }
-
-        $(function () {
-          $('#date').datepicker({
-            format: 'yyyy-mm-dd',
-            language: 'cs',
-            beforeShowDay: function(date) {
-              if (datesetDates.indexOf(formatDate(date)) < 0) {
-                return {enabled: false, tooltip: 'Žádná data'}
-              }
-              else {
-                return {enabled: true}
-              }
-            },
-            autoclose: true
-          })
-        });
   </script>
 
 {% endblock %}