templates/auction/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.                             {{ 'auction-overview'|trans }}
  13.                         </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.auctionhouse) }}
  20.                             {{ form_row(filter.type) }}
  21.                         </div>
  22.                         <div>
  23.                             {% set period = filter.vars.value.period is defined ? filter.vars.value.period : 'future' %}
  24.                             <input type="hidden" name="period" value="{{ filter.vars.value.period }}">
  25.                             {{
  26.             button.submit(
  27.               'future.auctions'|trans,
  28.               period == 'future' ? 'primary' : 'neutral',
  29.               { size: 'sm', attr: { name: 'period', value: 'future' } }
  30.             )
  31.           }}
  32.                             {{
  33.             button.submit(
  34.               'past.auctions'|trans,
  35.               period == 'past' ? 'primary' : 'neutral',
  36.               { size: 'sm', attr: { name: 'period', value: 'past' } }
  37.             )
  38.           }}
  39.                         </div>
  40.                         {{ form_end(filter, { render_rest: false }) }}
  41.                     </div>
  43.                     <div class="grid grid-cols-12 xl:gap-12">
  44.                         <div class="grid col-span-12 gap-4 xl:col-span-8 auto-rows-min">
  45.                             {% for auction in pagination %}
  46.                                 {% if auction.auctionhouse %}
  47.                                     
  48.                                 {% include 'auction/auction_card.html.twig' with {
  49.               auction: auction
  50.             } %}
  51.                                 {% endif %}
  53.                             {% else %}
  54.                                 <div class="mb-10 text-2xl font-medium uppercase text-neutral-600">
  55.                                     {{ 'no-filter-results'|trans }}
  56.                                 </div>
  57.                             {% endfor %}
  58.                             {% if pagination.count %}
  59.                                 <div class="grid my-12 mb-20 place-items-center">
  60.                                     {% include 'component/pagination.html.twig' with { pagination: pagination } %}
  61.                                 </div>
  62.                             {% endif %}
  63.                         </div>
  64.                         <div class="col-span-12 xl:col-span-4">
  65.                             {% include 'component/areablock-column-layout.html.twig' with {
  66.             areablockname: 'pagethreeright'
  67.           } %}
  68.                         </div>
  69.                     </div>
  70.                 </div>
  72.                 <div class="container my-8">
  73.                     <h2 class="mb-6 text-2xl font-medium uppercase">
  74.                         {{ 'auction.list.timelinepost.overview'|trans }}
  76.                     </h2>
  77.                     {% for post in timelineposts %}
  78.                         {# <turbo-frame id="frame-timeline-post-{{ post.id }}" src="{{ path('timeline_card_reduced', { _locale: app.request.locale, postId: post.id }) }}">
  79.                             {% include 'network/profile/timeline/card_skeleton.html.twig' %}
  80.                         </turbo-frame> #}
  81.                         <div {{
  82.                           react_component(
  83.                             'LazyCard',
  84.                             {
  85.                               postId: post.id,
  86.                               locale: app.request.locale,
  87.                               embedded: true,
  88.                               user: app.user ? {
  89.                                 id: app.user.id,
  90.                                 name: app.user.name,
  91.                                 avatar: app.user.avatar ? app.user.avatar.frontendFullPath
  92.                               }
  93.                             }
  94.                           )
  95.                           }}></div>
  96.                     {% else %}
  97.                         {% include 'network/profile/timeline/no_activity.html.twig' with { showButton: false } %}
  98.                     {% endfor %}
  99.                 </div>
  100.             </div>
  103.         {% endblock %}