Projekt

Obecné

Profil

Stáhnout (5.52 KB) Statistiky
| Větev: | Revize:
1
{% extends 'base.html.twig' %}
2
  
3
{% block title %} Heatmap.ZČU {% endblock %}
4
{% block stylesheets %}
5
  <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
{% endblock %}
9

    
10

    
11
{% block body %}
12

    
13
  <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
        
25
        {{ form_start(form, {'action': path('heatmap'), 'method': 'GET'}) }}
26

    
27
          <ul class="navbar-nav">
28
            <li class="nav-item">
29
              {{ 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
            </li>
42

    
43
            <li class="nav-item">
44
              {{ form_label(form.date, 'Vyberte čas') }}
45
              {{
46
                form_widget(form.time, {
47
                  'id' : 'time',
48
                  'attr' : {
49
                    'class' : "custom-select"
50
                  }
51
                })
52
              }}             
53
            </li>
54

    
55
            <li class="nav-item">
56
              {{ form_label(form.date, 'Vybrané datové sady') }}
57
              {{
58
                form_widget(form.type, {
59
                  'id' : 'type',
60
                  'attr' : {
61
                    'class' : "custom-select"                 
62
                  }
63
                })
64
              }}  
65
            </li>
66

    
67
            <li class="nav-item">
68
              {{
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
            </li>
79

    
80
            <li class="nav-item button">
81
              <h2>
82
                <a href="{{ path('home') }}" class="nav-link">O&nbsp;projektu</a>
83
              </h2>
84
            </li> 
85
          </ul> 
86
        
87
        {{ form_end(form) }}
88

    
89
      </div>
90

    
91
      <a href="{{ path('home') }}" class="navbar-button">
92
        <h2>
93
          O&nbsp;projektu
94
        </h2>
95
      </a>
96
    </nav>
97
  </header>
98

    
99
  <div class="map-locations">
100
    <a class="menu" data-toggle="collapse" href="#mapLocations" role="button" aria-expanded="false" aria-controls="mapLocations">
101
      Prohlédněte si jednotlivé oblasti
102
      <div class="circle"></div>
103
    </a>
104
    <div class="locations collapse show" id="mapLocations">
105
      <ul>
106
        <li onclick="setMapView()">Kampus ZČU</li>
107
        <li onclick="setMapView(49.7489485, 13.3757721, 19)">FF &ndash; Filozofická fakulta</li>
108
        <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
        <li onclick="setMapView(49.7236785, 13.3353118, 18)">NTC &ndash; výzkumné centrum</li>
112
        <li onclick="setMapView(49.7345564, 13.3585038, 19)">Koleje Borská</li>
113
        <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
    <div class="prev" onclick="previous()"></div>
121
    <div class="play" id="play-pause" onclick="changeAnimationState()"></div>
122
    <div class="next" onclick="next()"></div>
123

    
124
    <div class="timeline">
125
      <div class="time hour-0" id="timeline">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
  </div>
154

    
155
  <div id="heatmap"></div>
156
  
157
{% endblock %}
158

    
159
{% block javascripts %}
160

    
161
    <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
        {% if submitted %}
169
          loadCurrentTimeHeatmap("{{ path('opendata') }}");
170
        {% endif %}
171
    </script>
172

    
173

    
174
{% endblock %}
(2-2/3)