socialbase-1.1.0/templates/block/block--views-exposed-filter-block.html.twig

{#
/**
 * @file
 * Default theme implementation to display a block.
 *
 * Available variables:
 * - $block->subject: Block title.
 * - $content: Block content.
 * - $block->module: Module that generated the block.
 * - $block->delta: An ID for the block, unique within each module.
 * - $block->region: The block region embedding the current block.
 * - $classes: String of classes that can be used to style contextually through
 *   CSS. It can be manipulated through the variable $classes_array from
 *   preprocess functions. The default values can be one or more of the
 *   following:
 *   - block: The current template type, i.e., "theming hook".
 *   - block-[module]: The module generating the block. For example, the user
 *     module is responsible for handling the default user navigation block. In
 *     that case the class would be 'block-user'.
 * - $title_prefix (array): An array containing additional output populated by
 *   modules, intended to be displayed in front of the main title tag that
 *   appears in the template.
 * - $title_suffix (array): An array containing additional output populated by
 *   modules, intended to be displayed after the main title tag that appears in
 *   the template.
 *
 * Helper variables:
 * - $classes_array: Array of html class attribute values. It is flattened
 *   into a string within the variable $classes.
 * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
 * - $zebra: Same output as $block_zebra but independent of any block region.
 * - $block_id: Counter dependent on each block region.
 * - $id: Same output as $block_id but independent of any block region.
 * - $is_front: Flags true when presented in the front page.
 * - $logged_in: Flags true when the current user is a logged-in member.
 * - $is_admin: Flags true when the current user is an administrator.
 * - $block_html_id: A valid HTML ID and guaranteed unique.
 *
 * @see bootstrap_preprocess_block()
 * @see template_preprocess()
 * @see template_preprocess_block()
 * @see bootstrap_process_block()
 * @see template_process()
 *
 * @ingroup templates
 */
#}
{{ attach_library('socialbase/offcanvas')}}

<div{{ attributes }} data-class="exposed-filter-block">
  <div class="btn--offcanvas-trigger">
    <a href="#block-filter" class="btn btn-default btn-raised" title="{{ 'Click to open filter'|t }}">
      <svg class="btn-icon" aria-hidden="true">
        <title>{% trans %} Open filter {% endtrans %}</title>
        <use xlink:href="#icon-filter_list"></use>
      </svg>
      {{ label }}
    </a>
  </div>
  <div id="block-filter" class="off-canvas off-canvas-right off-canvas-xs-only">
    <div class="offcanvas-head">

    {{ title_prefix }}
    {% if label %}
      <h2 {{ title_attributes.addClass('complementary-title', 'no-margin') }}>{{ label }}</h2>
    {% endif %}
    {{ title_suffix }}

      <div class="offcanvas-tools">
        <a href="#" class="btn btn-icon-toggle pull-right" title="{{ 'Click to close search box'|t }}">
          <svg class="pull-left btn-icon icon-black" aria-hidden="true">
            <title>{% trans %} Close filter {% endtrans %}</title>
            <use xlink:href="#icon-close"></use>
          </svg>
        </a>
      </div>
    </div>

    <div class="offcanvas-body">

      {% block content %}
        {{ content }}
      {% endblock %}

    </div>
  </div>
</div>