Revize 2f227a6c

Feature Re #8156 show all datasets

website/templates/heatmap.html.twig

@@ -51 +51 @@
                   'id' : 'time',
                   'attr' : {
                     'class' : 'custom-select'
-                  }
+                  },
                 })
               }}             
             </li>
 
             <li class="nav-item">
-              {{ form_label(form.type, 'Vyberte datovou sadu') }}
-              {{
-                form_widget(form.type, {
-                  'id' : 'type',
-                  'attr' : {
-                    'class' : 'custom-select'
-                  }
-                })
-              }}  
+              <div class="dropdown">
+              {# {{ form_label(form.type, 'Vyberte datovou sadu') }} #}
+                <button class="btn dropdown-toggle text-white font-weight-bold" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                  Vyberte datovou sadu
+              </button>
+              <div id="dataset-dropdown" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+              {% for oneType in form.type.children %}
+              <label class="dropdown-item custom-dropdown-item">
+              <div class="custom-control custom-checkbox custom-checkbox-{{oneType.vars.value}}">
+              {{ form_widget(oneType, {
+                attr: {'class': "custom-control-input custom-control-input-#{oneType.vars.value}"}
+              }) }}
+              {{ form_label(oneType, null, {
+                'label_attr': {'class': 'custom-control-label'}
+                }) }}
+              </div>
+              </label>
+              {% endfor %}
+              </div>
+              </div>  
             </li>
 
             <li class="nav-item">
               {{
                 form_widget(form.submit,
                 {
+                  'name' : '',
                   'label' : 'Potvrdit výběr',
                   'type' : 'submit',
                   'id' : 'submit-btn',
@@ -171 +183 @@
     <script>
         initDatepicker("{{ path('dates') }}");
         initLocationsMenu();
-        initMap();
-        checkDataSetsAvailability("{{ path('available') }}")
-        {% if submitted %}
-        loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
-        {% endif %}
-
+        initMap();        
+        $( document ).ready(function() {
+          onDocumentReady();
+          checkDataSetsAvailability("{{ path('available') }}")
+          {% if submitted %}
+          loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
+          {% endif %}
+        });
         $(window).resize(function() {
           initLocationsMenu();
         });
   </script>
 
+{% endblock %}
+
+{% block style %}
+  <style>
+    {% for key, item in dataset_colors %}
+      .custom-control-input-{{key}}:focus~.custom-control-label::before {
+          border-color: {{item}} !important;
+          box-shadow: 0 0 0 0.2rem rgba(192,192,192, 0.4) !important;
+      }
+
+      .custom-control-input-{{key}}:checked~.custom-control-label::before {
+          border-color: {{item}} !important;
+          background-color: {{item}} !important;
+      }
+
+      .custom-control-input-{{key}}:focus:not(:checked)~.custom-control-label::before {
+          border-color: {{item}} !important;
+      }
+
+      .custom-control-input-{{key}}:not(:disabled):active~.custom-control-label::before {
+          background-color: {{item}} !important;
+          border-color: {{item}} !important;
+      }
+
+      .popup-{{key}} > .leaflet-popup-content-wrapper, .popup-{{key}} .leaflet-popup-tip{
+        background-color: {{item}} !important;
+      }
+    {% endfor %}
+  </style>
 {% endblock %}