Projekt

Obecné

Profil

Stáhnout (5.52 KB) Statistiky
| Větev: | Revize:
1 3fc08f2d vastja
{% extends 'base.html.twig' %}
2 c6708024 vastja
  
3
{% block title %} Heatmap.ZČU {% endblock %}
4 3fc08f2d vastja
{% block stylesheets %}
5 c6708024 vastja
  <link rel="stylesheet" href="{{ asset('css/leaflet.css') }}" />
6
  <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" />
7
  <link rel="stylesheet" href="{{ asset('css/style.css') }}" />
8 3fc08f2d vastja
{% endblock %}
9
10 c6708024 vastja
11 3fc08f2d vastja
{% block body %}
12
13 c6708024 vastja
  <header class="map">
14
    <nav class="navbar navbar-expand-lg">
15
      <a href="{{ path('heatmap') }}" class="navbar-brand">
16
        <h1>Heatmap.ZČU</h1>
17
      </a>
18
19
      <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
20
        <span class="navbar-toggler-icon"></span>
21
      </button>
22
23
      <div class="collapse navbar-collapse" id="navigation">
24 03c02899 vastja
        
25 896f0d9c vastja
        {{ form_start(form, {'action': path('heatmap'), 'method': 'GET'}) }}
26 03c02899 vastja
27 c6708024 vastja
          <ul class="navbar-nav">
28
            <li class="nav-item">
29 03c02899 vastja
              {{ form_label(form.date, 'Vyberte datum') }}
30
              {{
31
                form_widget(form.date,
32
                {
33
                  'type' : 'date',
34
                  'id' : 'date',
35
                  'attr' : {
36
                    'class' : 'form-control',                 
37
                    'onChange' : 'checkDataSetsAvailability("' ~ path('available') ~ '")'
38
                  }
39
                })
40
              }}
41 c6708024 vastja
            </li>
42
43
            <li class="nav-item">
44 03c02899 vastja
              {{ form_label(form.date, 'Vyberte čas') }}
45
              {{
46
                form_widget(form.time, {
47 64bc2934 vastja
                  'id' : 'time',
48 03c02899 vastja
                  'attr' : {
49
                    'class' : "custom-select"
50
                  }
51
                })
52
              }}             
53 c6708024 vastja
            </li>
54 3fc08f2d vastja
55 c6708024 vastja
            <li class="nav-item">
56 03c02899 vastja
              {{ form_label(form.date, 'Vybrané datové sady') }}
57
              {{
58
                form_widget(form.type, {
59 64bc2934 vastja
                  'id' : 'type',
60 03c02899 vastja
                  'attr' : {
61
                    'class' : "custom-select"                 
62
                  }
63
                })
64
              }}  
65 c6708024 vastja
            </li>
66 3fc08f2d vastja
67 c6708024 vastja
            <li class="nav-item">
68 03c02899 vastja
              {{
69
                form_widget(form.submit,
70
                {
71
                  'label' : 'Potvrdit výběr',
72
                  'type' : 'submit',
73
                  'attr' : {
74
                    'class': 'btn btn-secondary'
75
                  }
76
                })
77
              }}
78 c6708024 vastja
            </li>
79 3fc08f2d vastja
80 c6708024 vastja
            <li class="nav-item button">
81
              <h2>
82
                <a href="{{ path('home') }}" class="nav-link">O&nbsp;projektu</a>
83
              </h2>
84 03c02899 vastja
            </li> 
85
          </ul> 
86
        
87
        {{ form_end(form) }}
88
89 c6708024 vastja
      </div>
90 c236b33a msebela
91
      <a href="{{ path('home') }}" class="navbar-button">
92
        <h2>
93
          O&nbsp;projektu
94
        </h2>
95
      </a>
96 c6708024 vastja
    </nav>
97
  </header>
98 3fc08f2d vastja
99 c236b33a msebela
  <div class="map-locations">
100 351696d5 Martin Sebela
    <a class="menu" data-toggle="collapse" href="#mapLocations" role="button" aria-expanded="false" aria-controls="mapLocations">
101 c236b33a msebela
      Prohlédněte si jednotlivé oblasti
102
      <div class="circle"></div>
103 351696d5 Martin Sebela
    </a>
104
    <div class="locations collapse show" id="mapLocations">
105 c236b33a msebela
      <ul>
106
        <li onclick="setMapView()">Kampus ZČU</li>
107
        <li onclick="setMapView(49.7489485, 13.3757721, 19)">FF &ndash; Filozofická fakulta</li>
108 351696d5 Martin Sebela
        <li onclick="setMapView(49.7367263, 13.3709177, 19)">FPE &ndash; Pedagogická fakulta</li>
109
        <li onclick="setMapView(49.7471633, 13.3739511, 19)">FPR &ndash; Právnická fakulta</li>
110
        <li onclick="setMapView(49.7450169, 13.3702668, 19)">FZS &ndash; Fakulta zdravotnických studií</li>
111 c236b33a msebela
        <li onclick="setMapView(49.7236785, 13.3353118, 18)">NTC &ndash; výzkumné centrum</li>
112 351696d5 Martin Sebela
        <li onclick="setMapView(49.7345564, 13.3585038, 19)">Koleje Borská</li>
113 c236b33a msebela
        <li onclick="setMapView(49.7250373, 13.3696772, 19)">Koleje Bory</li>
114
        <li onclick="setMapView(49.7600000, 13.3723463, 19)">Koleje Lochotín</li>
115
      </ul>
116
    </div>
117
  </div>
118
119
  <div class="player">
120 351696d5 Martin Sebela
    <div class="prev" onclick="changeTime('prev')"></div>
121
    <div class="play" onclick="animateTimeline()"></div>
122
    <div class="next" onclick="changeTime('next')"></div>
123
124
    <div class="timeline">
125
      <div class="time hour-0" id="time">0:00</div>
126
127
      <div class="hour"></div>
128
      <div class="hour"></div>
129
      <div class="hour"></div>
130
      <div class="hour"></div>
131
      <div class="hour"></div>
132
      <div class="hour"></div>
133
      <div class="hour"></div>
134
      <div class="hour"></div>
135
      <div class="hour"></div>
136
      <div class="hour"></div>
137
      <div class="hour"></div>
138
      <div class="hour"></div>
139
      <div class="hour"></div>
140
      <div class="hour"></div>
141
      <div class="hour"></div>
142
      <div class="hour"></div>
143
      <div class="hour"></div>
144
      <div class="hour"></div>
145
      <div class="hour"></div>
146
      <div class="hour"></div>
147
      <div class="hour"></div>
148
      <div class="hour"></div>
149
      <div class="hour"></div>
150
      <div class="hour"></div>
151
      <div class="end-dot"></div>
152
    </div>
153 c236b33a msebela
  </div>
154
155 c6708024 vastja
  <div id="heatmap"></div>
156
  
157 3fc08f2d vastja
{% endblock %}
158
159
{% block javascripts %}
160
161 03c02899 vastja
    <script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
162
    <script src="{{ asset('js/bootstrap.min.js') }}"></script>
163
    <script src="{{ asset('js/leaflet.js') }}"></script>
164
    <script src="{{ asset('js/leaflet-heat.js') }}"></script>
165
    <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
166
    <script>
167
       initMap();
168 64bc2934 vastja
        {% if data_to_display is defined %}
169
          showHeatmap("{{ path('opendata') }}");
170
        {% endif %}
171 03c02899 vastja
    </script>
172
173 3fc08f2d vastja
174
{% endblock %}