src/Front/Templates/Journal/_list/list.html.twig line 1

  1. {% from '@front_templates/_includes/_icons.html.twig' import search, chevronDown, close, delete, filters, grid, gridRow %}
  3. <div class="list-filters">
  4.     <div class="search-form search-form__input-wrapper">
  5.         <input class="search-form__input" type="text" id="journal-search" required>
  6.         <label class="search-form__label" for="journal-search">{{ 'T_JOURNAL_TEXT_SEARCH_LABEL'|trans }}</label>
  7.         {{ search('T_SEARCH'|trans, 'black') }}
  8.     </div>
  10.     <div style="display: none;">
  11.         <span class="tag-label">{{ 'T_JOURNAL_TEXT_SEARCH'|trans }}</span>
  12.         <button class="tag" id="searched-text"><span class="searched-text">Leonardo da Vinci</span>{{ close('T_REMOVE'|trans, 'black') }}</button>
  13.     </div>
  15.     {% if isStandalone is defined and isStandalone %}
  16.         <div class="list-filters__dropdowns">
  17.             <div>
  18.                 <span class="tag-label">{{ 'T_JOURNAL_LIST_DOMAIN_SELECTION'|trans }}</span>
  19.                 <button class="form__select form__select--button js-dialog-trigger">
  20.                     {{ 'T_JOURNAL_ALL_DOMAINS'|trans }} {{ chevronDown('T_ARROW_DOWN'|trans) }}
  21.                 </button>
  22.             </div>
  24.             <div>
  25.                 <span class="tag-label">{{ 'T_JOURNAL_LIST_AFFILIATION_SELECTION'|trans }}</span>
  26.                 <button class="form__select form__select--button js-dialog-trigger">
  27.                     {{ 'T_JOURNAL_LIST_ALL_AFFILIATIONS'|trans }} {{ chevronDown('T_ARROW_DOWN'|trans) }}
  28.                 </button>
  29.             </div>
  30.         </div>
  31.     {% endif %}
  33.     <button class="filter-button js-dialog-trigger">{{ filters('T_FILTERS') }} {{ 'T_JOURNAL_SHOW_ALL_FILTERS'|trans }}</button>
  35.     <span id="filters-label" class="tag-label" style="display: none;">{{ 'wybrane filtry'|trans }}</span>
  36.     <div id="filters-list" class="tag-list" style="display: none;">
  37.         <button
  38.             style="display: none;"
  39.             id="button-template"
  40.             data-target=""
  41.             class="tag selected-filter template"
  42.         >
  43.             <span>{{ 'czasopisma naukowe'|trans }}</span> {{ close('T_REMOVE'|trans, 'black') }}
  44.         </button>
  45.         <button id="clear-filters" class="filter-button">
  46.             {{ delete('T_DELETE'|trans, 'black') }} {{ 'T_JOURNAL_CLEAN_ALL_FILTERS'|trans }}
  47.         </button>
  48.     </div>
  49. </div>
  51. {% include '@front_templates/Journal/_list/_mobile_dialogs.html.twig' %}
  52. {% include '@front_templates/Journal/_list/_filters.html.twig' %}
  54. <div class="select-filters select-filters--mb select-filters--end">
  55.     <div class="select-filters__wrapper">
  56.         {% if isStandalone is not defined or not isStandalone %}
  57.             <label class="select-label" for="perPage">{{ 'SHOW_ON_PAGE'|trans }}:</label>
  58.             <select id="perPage">
  59.                 <option value="16" selected="selected">16</option>
  60.                 <option value="32">32</option>
  61.             </select>
  62.         {% endif %}
  64.         <label class="select-label" for="sort">{{ 'T_SORT'|trans }}:</label>
  66.         {% set sorters = journal_list_util.Sorters %}
  68.         <select id="sort">
  69.             {% for sorter in sorters %}
  70.                 <option value="{{ sorter }}">{{ ('T_JOURNAL_LIST_SORT_' ~ sorter)|trans }}</option>
  71.             {% endfor %}
  72.         </select>
  74.         <div class="select-filters__wrapper">
  75.             <label class="select-label" for="view">{{ 'T_JOURNAL_LIST_VIEW_TYPE'|trans }}:</label>
  77.             <button class="view-option-selector js-view-option-selector" id="view" data-list="js-list-view">
  78.                 <span class="view-option-selector__block">{{ grid('T_VIEW_BLOCK'|trans) }}</span>
  79.                 <span class="view-option-selector__row">{{ gridRow('T_VIEW_ROW'|trans) }}</span>
  80.             </button>
  81.         </div>
  82.     </div>
  83. </div>
  85. <div class="js-list-view" id="js-api-result" data-action="{{ site_url_generator.Url('api_front_journals') }}"></div>
  87. {% if isStandalone is not defined or not isStandalone %}
  88.     {% include '@front_templates/_includes/_pagination.html.twig' with { display: 'none' } %}
  89. {% endif %}