templates/course/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5. <style>
  6. /* HIDE RADIO */
  7. [type=radio] { 
  8.   position: absolute;
  9.   opacity: 0;
  10.   width: 0;
  11.   height: 0;
  12. }
  14. /* IMAGE STYLES */
  15. [type=radio] + img {
  16.   cursor: pointer;
  17. }
  19. /* CHECKED STYLES */
  20. [type=radio]:checked + img {
  21.   outline: 2px solid #198754;
  22. }
  24. html {
  25.   scroll-behavior: smooth;
  26. }
  28. </style>
  29.     
  30.                     
  31.                             
  32.                             {% embed "nav.html.twig" %}{% endembed %}
  33.                             
  34.                         
  35.                         <div class="content" style="text-align:center; padding-top: 3em;"  >
  36.                             
  37.                             <label for="placeSelecter" style="{{color}}; display:none" >Ort</label>
  38.                             <select id="placeSelecter" style="display:none" onchange="loadContent('{{url}}')">
  39.                                 {% if placeid is defined %}
  40.                                 <option value="">Bitte w&auml;hlen</option>
  41.                                 {% else %}
  42.                                 <option value="" selected>Bitte w&auml;hlen</option>
  43.                                 {% endif %}
  44.                                 {% for k,v in places %}
  46.                                     {% set replaces = {
  47.                                         ' - ' : '',
  48.                                         (k)  : ''
  49.                                     } %}
  51.                                     {% if placeid is defined %}
  52.                                     <option value="{{ k }}"{% if placeid == k %} selected="selected" {% endif %}  >
  53.                                     {{ v|replace(replaces)|trim }}
  54.                                     </option>
  55.                                     {% else %}
  56.                                     <option value="{{ k }}"  >
  57.                                     {{ v|replace(replaces)|trim }}
  58.                                     </option>
  59.                                     {% endif %}
  60.                                     
  61.                                 {% endfor %}
  62.                                 
  63.                             </select>        
  64.                         
  66. <style>
  67. .labl {
  68.     /*display : block;*/
  69.     width: 100%;
  70. }
  71. .labl > input{ /* HIDE RADIO */
  72.     visibility: hidden; /* Makes input not-clickable */
  73.     position: absolute; /* Remove input from document flow */
  74. }
  75. .labl > input + div{ /* DIV STYLES */
  76.     cursor:pointer;
  77.     border:2px solid transparent;
  78. }
  79. </style>
  81. <div class="service">
  82.             <div class="container">
  83.                 <div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
  84.                     <!--<p>What we do</p>-->
  85.                     <h2>Kategorien</h2>
  86.                 </div>
  87.                 <div class="row">
  88. {% set i = 0  %}
  90.                             {% if placeid is defined  %}
  91.                                 {% for row in categories %}
  92.                                 
  93.                                 {% if allowedCat[row.id] == '1' %}
  95.                                         
  96.                                             <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.0s">
  97.                                                 <label id="category{{i}}label" class="labl">
  98.                                                         <input type="radio" name="category" id="category{{i}}" class="categoryImg" value="{{row.id}}"  onchange="loadContent('{{url}}',0)">
  99.                                                 <div class="service-item">
  100.                                                     <div class="service-icon">
  101.                                                     
  102.                                                         <!--<i class="flaticon-workout"></i>-->
  103.                                                         {% if catimg[row.id] is defined %}
  104.                                                         <img src="{{ url }}{{ catimg[row.Id] }}" width="50" height="50" style="z-index:9999" />
  105.                                                         {% endif %}
  106.                                                     </div>
  107.                                                     <h3>{{ row.ccname }}</h3>
  108.                                                     <p>
  109.                                                         &nbsp;
  110.                                                     </p>
  111.                                                 </div>
  112.                                                     </label>
  113.                                             </div>
  114.                                         
  116.                                         <!--
  117.                                         <div class="col-sm" align="left"  >
  118.                                             <div style="max-width: 200px; background-color: {{ mainboxColor }}" >
  119.                                                 {% if catimg[row.id] is defined %}
  120.                                                     
  121.                                                     <label id="category{{i}}label" style="display:contents">
  122.                                                         <input type="radio" name="category" id="category{{i}}" class="categoryImg" value="{{row.id}}"  onchange="loadContent('{{url}}')">
  123.                                                         <img class="imgWithHighlightBorder" width="200px" height="200px" style="cursor:pointer" src="{{ url }}{{ catimg[row.Id] }}">
  124.                                                     </label>
  125.                                                 {% else  %}
  126.                                                 IMAGE NOT FOUND
  127.                                                 {% endif %}
  128.                                                 <span style="{{color}};"   >{{ row.ccname }}    </span>
  129.                                                 <br />
  130.                                             </div>
  131.                                         </div>-->
  132.                                         
  133.                                         
  134.                                 {% set i = i + 1 %}    
  135.                                 {% endif %}
  136.                                 {% endfor %}
  137.                             {% endif %}
  138.                         
  139.                             <hr style="margin-top: 1em"></hr>
  140.                         
  141.                             <label style="{{color}}"><h3 style="{{color}};" >{% if company == 'KVO' %}Anwendungen und Behandlungen{% else %}Kurse{% endif %}</h3></label>
  142.                     </div>
  143.                 </div>
  144.             </div>
  146.                             <div id="content" class="container" ></div>
  147.                         </div>
  148.                     </section>
  150.                 </div>
  151.             </section>
  153.     <script>
  154.     $(function () 
  155.     {
  156.         loadContent('{{ url }}');
  157.     });
  158.     </script>
  159.     
  160.  {% block javascripts %}
  161.     {{ parent() }}
  162.     <script src="{{ asset('js/homepage.js') }}"></script>
  163.     {% endblock %}
  166. {% endblock %}