templates/race/list.html.twig line 1

Open in your IDE?
  1. {% extends 'page.html.twig' %}
  2. {% form_theme filter 'form/mirco.html.twig' %}
  4. {% import 'macros/button.macro.twig' as button %}
  6. {% block content %}
  7.   <div class="py-6 mx-auto bg-white max-w-8xl">
  8.     <div class="container mx-auto max-w-screen-3xl">
  9.       <div class="py-12">
  10.         <h2 class="mb-6 text-2xl font-medium uppercase">
  11.           {{ 'race-overview'|trans }}
  12.         </h2>
  14.            <div class="mb-12">{{pimcore_wysiwyg('description',{
  15.             "height": 200,
  16.         } )}}</div>
  17.         {{ form_start(filter, { attr: {'data-controller': 'autosubmit'}}) }}
  18.         <div class="grid items-baseline gap-6 my-6 lg:grid-cols-3">
  19.           {# {{ form_row(filter.name) }} #}
  20.           {{ form_row(filter.country) }}
  21.           {{ form_row(filter.racingtrack) }}
  22.           {# {{ form_row(filter.pricemoney) }} #}
  23.           {{ form_row(filter.surface) }}
  24.           {{ form_row(filter.direction) }}
  25.         </div>
  27.         <div class="flex md:block">
  28.           {% set period = filter.vars.value.period is defined ? filter.vars.value.period : 'future' %}
  29.           <input type="hidden" name="period" value="{{ filter.vars.value.period }}">
  30.           {{
  31.             button.submit(
  32.               'future.races'|trans,
  33.               period == 'future' ? 'primary' : 'neutral',
  34.               { size: 'sm', attr: { name: 'period', value: 'future' } }
  35.             )
  36.           }}
  37.           {{
  38.             button.submit(
  39.               'past.races'|trans,
  40.               period == 'past' ? 'primary' : 'neutral',
  41.               { size: 'sm', attr: { name: 'period', value: 'past' } }
  42.             )
  43.           }}
  44.         </div>
  45.         {{ form_end(filter, { render_rest: false}) }}
  46.       </div>
  48.       <div class="grid grid-cols-1 gap-12">
  50.         {# Race List #}
  51.         <div class="grid gap-2 md:gap-4">
  52.           {% if pagination.count %}
  53.             <div class="grid gap-2 md:gap-4">
  54.               {% for raceday in racedays %}
  55.                 {% include 'race/race-tile.html.twig' with {
  56.                   raceday: raceday
  57.                 } %}
  58.               {% endfor %}
  59.             </div>
  60.           {% else %}
  61.             <div class="mb-10 text-2xl font-medium uppercase text-neutral-600">
  62.               {{ 'no-filter-results'|trans }}
  63.             </div>
  64.           {% endif %}
  66.           {% if pagination.count %}
  67.             <div class="grid my-12 mb-20 place-items-center">
  68.               {% include 'component/pagination.html.twig' with { pagination: pagination } %}
  69.             </div>
  70.           {% endif %}
  71.         </div>
  73.       <div>
  74.       <div class="container my-8">
  75.     <h2 class="mb-6 text-2xl font-medium uppercase">
  76.           {{ 'race.list.timelinepost.overview'|trans }}
  77.         </h2>
  78.       {% for post in timelineposts %}
  79.         {# <turbo-frame id="frame-timeline-post-{{ post.id }}"
  80.           src="{{ path('timeline_card_reduced', { _locale: app.request.locale, postId: post.id }) }}">
  81.           {% include 'network/profile/timeline/card_skeleton.html.twig' %}
  82.         </turbo-frame> #}
  83.       
  84.         <div {{
  85.             react_component(
  86.               'LazyCard',
  87.               {
  88.                 postId: post.id,
  89.                 locale: app.request.locale,
  90.                 embedded: true,
  91.                 user: app.user ? {
  92.                   id: app.user.id,
  93.                   name: app.user.name,
  94.                   avatar: app.user.avatar ? app.user.avatar.frontendFullPath
  95.                 }
  96.               }
  97.             )
  98.             }}></div>
  99.       {% else %}
  100.         {% include 'network/profile/timeline/no_activity.html.twig' with { showButton: false } %}
  101.       {% endfor %}
  102.     </div>
  103.   </div>
  104. {% endblock %}