Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 03c02899

Přidáno uživatelem Jakub Vašta před asi 4 roky(ů)

Re #7933
+ základní funkcionalita formulářů v aplikaci - viz. Symfony forms

Zobrazit rozdíly:

website/templates/heatmap.html.twig
21 21
      </button>
22 22

  
23 23
      <div class="collapse navbar-collapse" id="navigation">
24
        <form method="get">
24
        
25
        {{ form_start(form) }}
26

  
25 27
          <ul class="navbar-nav">
26 28
            <li class="nav-item">
27
              <label for="date">Vyberte datum</label>
28
              <input type="date" name="date" id="date" class="form-control" required>
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
              }}
29 41
            </li>
30 42

  
31 43
            <li class="nav-item">
32
              <label for="hour">Vyberte čas</label>
33
              <select name="hour" id="hour" class="custom-select">
34
                <option value="0">0:00&ndash;1:00</option>
35
                <option value="1">1:00&ndash;2:00</option>
36
                <option value="2">2:00&ndash;3:00</option>
37
                <option value="3">3:00&ndash;4:00</option>
38
                <option value="4">4:00&ndash;5:00</option>
39
                <option value="5">5:00&ndash;6:00</option>
40
                <option value="6">6:00&ndash;7:00</option>
41
                <option value="7">7:00&ndash;8:00</option>
42
                <option value="8">8:00&ndash;9:00</option>
43
                <option value="9">9:00&ndash;10:00</option>
44
                <option value="10">10:00&ndash;11:00</option>
45
                <option value="11">11:00&ndash;12:00</option>
46
                <option value="12">12:00&ndash;13:00</option>
47
                <option value="13">13:00&ndash;14:00</option>
48
                <option value="14">14:00&ndash;15:00</option>
49
                <option value="15">15:00&ndash;16:00</option>
50
                <option value="16">16:00&ndash;17:00</option>
51
                <option value="17">17:00&ndash;18:00</option>
52
                <option value="18">18:00&ndash;19:00</option>
53
                <option value="19">19:00&ndash;20:00</option>
54
                <option value="20">20:00&ndash;21:00</option>
55
                <option value="21">21:00&ndash;22:00</option>
56
                <option value="22">22:00&ndash;23:00</option>
57
                <option value="23">23:00&ndash;0:00</option>
58
              </select>
44
              {{ form_label(form.date, 'Vyberte čas') }}
45
              {{
46
                form_widget(form.time, {
47
                  'attr' : {
48
                    'class' : "custom-select"
49
                  }
50
                })
51
              }}             
59 52
            </li>
60 53

  
61 54
            <li class="nav-item">
62
              <label for="dataset">Vybrané datové sady</label>
63
              <select name="dataset" id="dataset" class="custom-select">
64
                <option value="internet">Wi-Fi a drátové připojení</option>
65
                <option value="jis">JIS snímače</option>
66
                <option value="scoobikes">Koloběžky</option>
67
              </select>
55
              {{ form_label(form.date, 'Vybrané datové sady') }}
56
              {{
57
                form_widget(form.type, {
58
                  'id' : 'types',
59
                  'attr' : {
60
                    'class' : "custom-select"                 
61
                  }
62
                })
63
              }}  
68 64
            </li>
69 65

  
70 66
            <li class="nav-item">
71
              <button class="btn btn-secondary" type="submit">
72
                Potvrdit výběr
73
              </button>
67
              {{
68
                form_widget(form.submit,
69
                {
70
                  'label' : 'Potvrdit výběr',
71
                  'type' : 'submit',
72
                  'attr' : {
73
                    'class': 'btn btn-secondary'
74
                  }
75
                })
76
              }}
74 77
            </li>
75 78

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

  
83 88
      </div>
84 89

  
85 90
      <a href="{{ path('home') }}" class="navbar-button">
......
152 157

  
153 158
{% block javascripts %}
154 159

  
155
  <script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
156
  <script src="{{ asset('js/bootstrap.min.js') }}"></script>
157
  <script src="{{ asset('js/leaflet.js') }}"></script>
158
  <script src="{{ asset('js/leaflet-heat.js') }}"></script>
159
  <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
160
  <script>
161
      initMap();
162
      showHeatmap("{{ path('opendata', {'collectionName':'open-data-db.KOLOBEZKY31102018'}) }}");
163
  </script>
160
    <script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>
161
    <script src="{{ asset('js/bootstrap.min.js') }}"></script>
162
    <script src="{{ asset('js/leaflet.js') }}"></script>
163
    <script src="{{ asset('js/leaflet-heat.js') }}"></script>
164
    <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
165
    <script>
166
       initMap();
167
       showHeatmap("{{ path('opendata', {'collectionName':'open-data-db.'}) }}", 'KOLOBEZKY31102018');
168
    </script>
169

  
164 170

  
165 171
{% endblock %}

Také k dispozici: Unified diff