Revize c236b33a

Feature/7926/gui

website/templates/heatmap.html.twig

@@ -21 +21 @@
       </button>
 
       <div class="collapse navbar-collapse" id="navigation">
-        <form method="get" class="ml-auto">
+        <form method="get">
           <ul class="navbar-nav">
             <li class="nav-item">
               <label for="date">Vyberte datum</label>
@@ -61 +61 @@
             <li class="nav-item">
               <label for="dataset">Vybrané datové sady</label>
               <select name="dataset" id="dataset" class="custom-select">
+                <option value="internet">Wi-Fi a drátové připojení</option>
+                <option value="jis">JIS snímače</option>
                 <option value="scoobikes">koloběžky</option>
               </select>
             </li>
@@ -79 +81 @@
           </ul>
         </form>
       </div>
+
+      <a href="{{ path('home') }}" class="navbar-button">
+        <h2>
+          O&nbsp;projektu
+        </h2>
+      </a>
     </nav>
   </header>
 
+  <div class="map-locations">
+    <div class="menu">
+      Prohlédněte si jednotlivé oblasti
+      <div class="circle"></div>
+    </div>
+    <div class="locations">
+      <ul>
+        <li onclick="setMapView()">Kampus ZČU</li>
+        <li onclick="setMapView(49.7452769, 13.3700668, 19)">FZS &ndash; Fakulta zdravotnických studií</li>
+        <li onclick="setMapView(49.7489485, 13.3757721, 19)">FF &ndash; Filozofická fakulta</li>
+        <li onclick="setMapView(49.7368263, 13.3709177, 19)">FPE &ndash; Pedagogická fakulta</li>
+        <li onclick="setMapView(49.7471633, 13.3738511, 19)">FPR &ndash; Právnická fakulta</li>
+        <li onclick="setMapView(49.7236785, 13.3353118, 18)">NTC &ndash; výzkumné centrum</li>
+        <li onclick="setMapView(49.7346564, 13.3585038, 19)">Koleje Borská</li>
+        <li onclick="setMapView(49.7250373, 13.3696772, 19)">Koleje Bory</li>
+        <li onclick="setMapView(49.7600000, 13.3723463, 19)">Koleje Lochotín</li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="player">
+    <div class="prev" onclick="alert('prev')"></div>
+    <div class="play" onclick="alert('play')"></div>
+    <div class="next" onclick="alert('next')"></div>
+
+    <div class="time">12:00</div>
+  </div>
+
   <div id="heatmap"></div>
   
 {% endblock %}
@@ -94 +130 @@
     <script src="{{ asset('js/leaflet-heat.js') }}"></script>
     <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
     <script>
-
        initMap();
        showHeatmap("{{ path('opendata', {'collectionName':'open-data-db.KOLOBEZKY31102018'}) }}");
-
     </script>
 
 {% endblock %}