Projekt

Obecné

Profil

« Předchozí | Další » 

Revize c6708024

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

Re #7856 Přidání ui do projektu, propejení stránek přes linky, vytvoření
controllers

Zobrazit rozdíly:

website/templates/heatmap.html.twig
1 1 
{% extends 'base.html.twig' %}
2 

  		




  
  2
  
    
  


  		




  
  3
  
    
{% block title %} Heatmap.ZČU {% endblock %}


  		




  3
  4
  
    
{% block stylesheets %}


  		




  4
  
  
    
    


  		




  5
  
  
    
    <link rel="stylesheet" href="{{ asset('css/leaflet.css') }}" />


  		




  6
  
  
    
    <link rel="stylesheet" href="{{ asset('css/styles.css') }}" />


  		




  7
  
  
    

  		




  
  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
  8
  
    
{% endblock %}


  		




  9
  9
  
    

  		




  
  10
  
    

  		




  10
  11
  
    
{% block body %}


  		




  11
  12
  
    

  		




  12
  
  
    
    {# {% for data in open_data %}


  		




  13
  
  
    
        {{ data._id}} {{data.place}} {{ data.x }} {{ data.y }} {{ data.number }} {{ data.date }}<br>


  		




  14
  
  
    
    {% endfor %} #}


  		




  
  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
  
    
        <form method="get" class="ml-auto">


  		




  
  25
  
    
          <ul class="navbar-nav">


  		




  
  26
  
    
            <li class="nav-item">


  		




  
  27
  
    
              <label for="date">Vyberte datum</label>


  		




  
  28
  
    
              <input type="date" name="date" id="date" class="form-control" required>


  		




  
  29
  
    
            </li>


  		




  
  30
  
    

  		




  
  31
  
    
            <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>


  		




  
  59
  
    
            </li>


  		




  15
  60
  
    

  		




  16
  
  
    
    <div id="heatmap"></div>


  		




  
  61
  
    
            <li class="nav-item">


  		




  
  62
  
    
              <label for="dataset">Vybrané datové sady</label>


  		




  
  63
  
    
              <select name="dataset" id="dataset" class="custom-select">


  		




  
  64
  
    
                <option value="scoobikes">koloběžky</option>


  		




  
  65
  
    
              </select>


  		




  
  66
  
    
            </li>


  		




  17
  67
  
    

  		




  
  68
  
    
            <li class="nav-item">


  		




  
  69
  
    
              <button class="btn btn-secondary" type="submit">


  		




  
  70
  
    
                Potvrdit výběr


  		




  
  71
  
    
              </button>


  		




  
  72
  
    
            </li>


  		




  18
  73
  
    

  		




  
  74
  
    
            <li class="nav-item button">


  		




  
  75
  
    
              <h2>


  		




  
  76
  
    
                <a href="{{ path('home') }}" class="nav-link">O&nbsp;projektu</a>


  		




  
  77
  
    
              </h2>


  		




  
  78
  
    
            </li>


  		




  
  79
  
    
          </ul>


  		




  
  80
  
    
        </form>


  		




  
  81
  
    
      </div>


  		




  
  82
  
    
    </nav>


  		




  
  83
  
    
  </header>


  		




  19
  84
  
    

  		




  
  85
  
    
  <div id="heatmap"></div>


  		




  
  86
  
    
  


  		




  20
  87
  
    
{% endblock %}


  		




  21
  88
  
    

  		




  22
  89
  
    
{% block javascripts %}


  		




  23
  90
  
    

  		




  24
  
  
    
    <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>


  		




  
  91
  
    
    <script src="{{ asset('js/jquery-3.4.1.min.js') }}"></script>


  		




  
  92
  
    
    <script src="{{ asset('js/bootstrap.min.js') }}"></script>


  		




  25
  93
  
    
    <script src="{{ asset('js/leaflet.js') }}"></script>


  		




  26
  94
  
    
    <script src="{{ asset('js/leaflet-heat.js') }}"></script>


  		




  27
  95
  
    
    <script src="{{ asset('js/zcu-heatmap.js') }}"></script>


  		












Také k dispozici:  Unified diff