custom/plugins/CogiGlossary/src/Resources/views/plugin/cogi-glossary/page/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_content %}
  4.     <div class="text-center glossary-index">
  5.         <h1>{{ "cogi-glossary.title"|trans }}</h1>
  6.         <p>{{ "cogi-glossary.description"|trans }}</p>
  7.     </div>
  8.     <div class="row form-row glossary-index">
  9.         {% set entryCount = 0 %}
  10.         {% for item in glossaryIndex %}
  11.             {% if item.firstChar == "#" %}
  12.                 {% set entryCount = item.entryCount %}
  13.             {% endif %}
  14.         {% endfor %}
  15.         <div class="col mb-2">
  16.             {% if entryCount == 0 %}
  17.                 <a class="btn btn-sm btn-outline-primary btn-block disabled"
  18.                    title="{{ entryCount }} {{ "cogi-glossary.entries"|trans }}"
  19.                    href="">#</a>
  20.             {% else %}
  21.                 <a class="btn btn-sm btn-outline-primary btn-block{% if glossarySelected == "#" %} active{% endif %}"
  22.                    title="{{ entryCount }} {{ "cogi-glossary.entries"|trans }}"
  23.                    href="{{ seoUrl('cogi-glossary.index') }}">#</a>
  24.             {% endif %}
  25.         </div>
  26.         {% for char in 'A'..'Z' %}
  27.             {% set entryCount = 0 %}
  28.             {% for item in glossaryIndex %}
  29.                 {% if item.firstChar == char %}
  30.                     {% set entryCount = item.entryCount %}
  31.                 {% endif %}
  32.             {% endfor %}
  33.             <div class="col mb-2">
  34.                 {% if entryCount == 0 %}
  35.                     <a class="btn btn-sm btn-outline-primary btn-block disabled"
  36.                        title="{{ entryCount }} {{ "cogi-glossary.entries"|trans }}"
  37.                        href="">{{ char }}</a>
  38.                 {% else %}
  39.                     <a class="btn btn-sm btn-outline-primary btn-block{% if glossarySelected == char %} active{% endif %}"
  40.                        title="{{ entryCount }} {{ "cogi-glossary.entries"|trans }}"
  41.                        href="{{ seoUrl('cogi-glossary.index', {'firstChar': char}) }}">{{ char }}</a>
  42.                 {% endif %}
  43.             </div>
  44.         {% endfor %}
  45.     </div>
  46.     <div class="row">
  47.         <div class="col-3 d-none d-md-block">
  48.             <div class="list-group">
  49.             {% for item in glossary %}
  50.                 <a class="list-group-item" href="#{{ item.name }}" title="{{ item.name }}">
  51.                     {{ item.name }}
  52.                 </a>
  53.             {% endfor %}
  54.             </div>
  55.         </div>
  56.         <div class="col-md-9">
  57.             <div class="row">
  58.                 {% for item in glossary %}
  59.                     <div class="col-sm-6">
  60.                         <div class="glossary" id="{{ item.name }}">
  61.                             <div class="glossary-title">
  62.                                 {{ item.name }}
  63.                             </div>
  64.                             <div class="glossary-body">
  65.                                 {% if item.media %}
  66.                                     <div class="glossary-img">
  67.                                         <img class="w-100" src="{{ item.media.url }}" alt="{{ item.name }}">
  68.                                     </div>
  69.                                 {% endif %}
  70.                                 <div class="glossary-text">
  71.                                     {{ item.description }}
  72.                                 </div>
  73.                             </div>
  74.                             <a class="btn btn-outline-primary"
  75.                                title="{{ "cogi-glossary.more"|trans }}"
  76.                                href="{{ seoUrl('cogi-glossary.article', {'firstChar': item.firstChar, 'glossaryId': item.id}) }}">{{ "cogi-glossary.more"|trans }}</a>
  77.                         </div>
  78.                     </div>
  79.                 {% endfor %}
  80.             </div>
  81.         </div>
  82.     </div>
  83. {% endblock %}