Revize 9a772066

working webpack

website/templates/heatmap.html.twig

@@ -36 +36 @@
                     'maxlength' : '10',
                     'placeholder' : 'YYYY-MM-DD',
                     'autocomplete' : 'off',
-                    'onchange' : 'checkDataSetsAvailability("' ~ path('available') ~ '")'
+                    'onchange' : 'js.checkDataSetsAvailability("' ~ path('available') ~ '")'
                   }
                 })
               }}
@@ -111 +111 @@
   </div>
 
   <div class="player">
-    <div class="prev-btn" onclick="previous()"></div>
-    <div class="animate-btn play" id="animate-btn" onclick="changeAnimationState()"></div>
-    <div class="next-btn" onclick="next()"></div>
+    <div class="prev-btn" onclick="js.previous()"></div>
+    <div class="animate-btn play" id="animate-btn" onclick="js.changeAnimationState()"></div>
+    <div class="next-btn" onclick="js.next()"></div>
 
     <div class="timeline-wrapper">
       {% if form.vars.value.date %}
-      <div class="date" id="player-date" onclick="toggleDayLock()" title="Animovat pouze v rámci jednoho dne">
+      <div class="date" id="player-date" onclick="js.toggleDayLock()" title="Animovat pouze v rámci jednoho dne">
         <span>{{ form.vars.value.date|date('j. n. Y') }}</span>
         <div class="lock-btn"></div>
       </div>
@@ -132 +132 @@
         </div>
 
         {% for i in 0..23 %}
-        <div class="hour" title="{{ i }}:00" onclick="onChangeHour('{{ i }}')"></div>
+        <div class="hour" title="{{ i }}:00" onclick="js.onChangeHour('{{ i }}')"></div>
         {% endfor %}
 
         <div class="end-dot"></div>
@@ -152 +152 @@
     <script src="{{ asset('js/vendor/bootstrap-datepicker.cs.min.js') }}"></script>
     <script src="{{ asset('js/vendor/leaflet.js') }}"></script>
     <script src="{{ asset('js/vendor/leaflet-heat.js') }}"></script>
-    <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
+    <script src="{{ asset('js/index.bundle.js') }}"></script>
     <script>
-      initDatepicker("{{ path('dates') }}");
-      initLocationsMenu();
-      initMap();
+      js.initDatepicker("{{ path('dates') }}");
+      js.initLocationsMenu();
+      js.initMap();
 
       $(document).ready(function() {
-        onDocumentReady();
-        checkDataSetsAvailability("{{ path('available') }}")
+        js.onDocumentReady();
+        js.checkDataSetsAvailability("{{ path('available') }}")
         {% if submitted %}
-        loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
+        js.loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
         {% endif %}
-        $('#player-time').draggable({ containment: 'parent', axis: 'x', drag: function(event, ui) { dragTimeline() }, cursor: 'ew-resize' })
+        $('#player-time').draggable({ containment: 'parent', axis: 'x', drag: function(event, ui) { js.dragTimeline() }, cursor: 'ew-resize' })
       });
       
       $(window).resize(function() {
-        initLocationsMenu();
+        js.initLocationsMenu();
       });
   </script>
 {% endblock %}