orange_starter-2.0.x-dev/templates/blocks/block--type--modal.html.twig

{#
/**
 * @file
 * Block theme for: Modal Block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.
 *   - label: The configured label for the block.
 *   - label_display: The display settings for the label.
 *   - provider: The module or other provider that provided this block plugin.
 *   - Block plugin specific settings will also be stored here.
 * - content: The content of this block.
 * - attributes: array of HTML attributes populated by modules, intended to
 *   be added to the main container tag of this template.
 *   - id: A valid HTML ID and guaranteed unique.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @see template_preprocess_block()
 */
#}
{%
  set classes = [
    'block',
    'modal-block',
    'block-' ~ configuration.provider|clean_class,
    'block-' ~ plugin_id|clean_class,
  ]
%}

{{ attach_library('orange_starter/block-modal') }}

{# Time Delay. #}
{% if content['#block_content'].field_integer.value %}
  {% set attributes = attributes.setAttribute('data-time-delay', content['#block_content'].field_integer.value) %}
{% endif %}

{# Display Only Once. #}
{% if content['#block_content'].field_boolean.value %}
  {% set attributes = attributes.setAttribute('data-display-once', '1') %}
{% endif %}

<div{{ attributes.addClass(classes) }}>
  {% block content %}
    <div class="modal fade modal--block" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="{{ 'Close'|t }}"><span aria-hidden="true">&times;</span></button>
            {{ title_prefix }}
            {% if label %}
              <h4{{ title_attributes.addClass('modal-title') }}>{{ label }}</h4>
            {% endif %}
            {{ title_suffix }}
          </div>
          <div class="modal-body">
            {{ content }}
          </div>
        </div>
      </div>
    </div>
  {% endblock %}
</div>