src/Bidcoz/Bundle/FrontendBundle/Resources/views/Auction/catalog.html.twig line 1

Open in your IDE?
  1. {% extends '@BidcozFrontend/campaign.html.twig' %}
  3. {% block beforeContent %}
  4.     {{ parent() }}
  5.     <h1 class="catalog-title">{{ title }}</h1>
  6. {% endblock %}
  8. {% block content %}
  9.     <div class="panel">
  10.         <div class="panel-body">
  11.             <form class="filter-form catalog-filters-form d-flex align-items-center justify-content-between">
  12.                 <a href="#" class="mobile-filters-toggle d-lg-none flex-shrink-0">
  13.                     <i class="fas fa-filter"></i>
  14.                 </a>
  16.                 <div class="filters contacts-filters catalog-filters d-lg-block">
  17.                     <div class="filters-modal-header d-lg-none">
  18.                         <h6 class="mt-2 mb-3">Filters</h6>
  19.                         <a href="#" class="filters-close">
  20.                             <i class="fas fa-times"></i>
  21.                         </a>
  22.                     </div>
  23.                     <div class="d-flex align-items-center">
  24.                         {% if filterForm.offsetExists('category') and filterForm.category.vars.choices|length %}
  25.                             <div class="form-group">{{ form_widget(filterForm.category) }}</div>
  26.                         {% endif %}
  28.                         {% if filterForm.offsetExists('venue') %}
  29.                             <div class="form-group">{{ form_widget(filterForm.venue) }}</div>
  30.                         {% endif %}
  32.                         <div class="form-group order-filter">{{ form_widget(orderForm.order) }}</div>
  34.                         <button class="btn no-min">Filter</button>
  35.                         <button type="reset" class="btn btn-link no-min">Reset</button>
  36.                     </div>
  37.                 </div>
  39.                 <div class="filter-search-and-view d-flex align-items-center">
  40.                     <div class="filter-search form-group">
  41.                         {{ form_widget(filterForm.name, { attr: { 'class': 'autocomplete' } }) }}
  43.                         <button class="btn no-min no-margin for-desktop search-button">
  44.                             {% include '@BidcozCore/Components/icon.html.twig' with { h: '24px', w: '24px', icon: 'search' } %}
  45.                         </button>
  46.                     </div>
  48.                     <ul class="view-options d-flex align-items-center">
  49.                         {% set isListView = app.request.get('pageView') == 'list' %}
  50.                         <li{% if not isListView %} class="active"{% endif %}>
  51.                             <a href="#" class="grid-view-toggle" data-view="grid">
  52.                                 {% include '@BidcozCore/Components/icon.html.twig' with { h: '28px', w: '28px', icon: 'grid-fill' } %}
  53.                                 <div class="tooltip tooltip-center tooltip-below">Grid</div>
  54.                             </a>
  55.                         </li>
  56.                         <li{% if isListView %} class="active"{% endif %}>
  57.                             <a href="#" class="list-view-toggle" data-view="list">
  58.                                 {% include '@BidcozCore/Components/icon.html.twig' with { h: '24px', w: '24px', icon: 'menu' } %}
  59.                                 <div class="tooltip tooltip-center tooltip-below">List</div>
  60.                             </a>
  61.                         </li>
  62.                     </ul>
  63.                 </div>
  64.             </form>
  66.             <ul class="auction-items row {{ app.request.get('pageView') == 'list' ? 'list-view' : 'grid-view' }}">
  67.                 {% for data in items %}
  68.                     {% set item = data[0] %}
  69.                     {% set itemBidCount = data["bidCount"] %}
  70.                     <li class="auction-item">
  71.                         {% include '@BidcozFrontend/Auction/Item/_item_list.html.twig' %}
  72.                     </li>
  73.                 {% endfor %}
  74.             </ul>
  76.             <div class="scroll-load-trigger">
  77.                 <img src="{{ asset('img/spinner.gif') }}" />
  78.             </div>
  80.             <div class="end-of-catalog hidden">End of Catalog</div>
  81.         </div>
  82.     </div>
  84.     <div class="product-modal modal">
  85.         <div class="modal-content">
  86.             <div class="modal-body"></div>
  87.             <img class="modal-spinner hidden" src="{{ asset('img/spinner.gif') }}" />
  88.         </div>
  89.         <a href="#" class="modal-close"><i aria-hidden="true" class="fa fa-close"></i></a>
  90.         <a href="#" class="modal-prev"><i aria-hidden="true" class="fa fa-caret-left"></i></a>
  91.         <a href="#" class="modal-next"><i aria-hidden="true" class="fa fa-caret-right"></i></a>
  92.         <div class="modal-refresh-counter">Refreshing in <span class="seconds"></span> <span class="suffix"></span>...</div>
  94.         {% set campaign_purchases = app.user and campaign is defined and campaign is not null ? user_campaign_purchases(app.user, campaign) : {} %}
  95.         <a class="modal-go-to-cart" data-cart-count="{{ campaign_purchases|length }}" href="{{ path('account_campaign_purchases', {orgSlug: organization.slug, campaignSlug: campaign.slug}) }}">Go to cart (<span>{{ campaign_purchases|length }}</span>)</a>
  96.     </div>
  98.     <div class="product-modal-alert alert alert-success"></div>
  99. {% endblock %}
  101. {% block javascripts %}
  102.     <script type="text/javascript">
  103.         var globalMainJSObject = null;
  104.         window.productModalEnabled = {{ (ccRequiredWarning is defined and ccRequiredWarning) or requireCC ? 'false' : 'true' }};
  105.     </script>
  107.     {{ parent() }}
  109.     <script src="/js/infinite-scroll.js?v={{ asset_version('') }}" type="text/javascript"></script>
  110.     {% if is_granted('ROLE_USER') %}
  111.         <script src="/js/product-modal.js?v={{ asset_version('') }}" type="text/javascript"></script>
  112.     {% endif %}
  113. {% endblock %}