Drupal 8 Site using Vue
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
1.7 KiB

  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation to display a block.
  5. *
  6. * Available variables:
  7. * - plugin_id: The ID of the block implementation.
  8. * - label: The configured label of the block if visible.
  9. * - configuration: A list of the block's configuration values.
  10. * - label: The configured label for the block.
  11. * - label_display: The display settings for the label.
  12. * - provider: The module or other provider that provided this block plugin.
  13. * - Block plugin specific settings will also be stored here.
  14. * - content: The content of this block.
  15. * - attributes: array of HTML attributes populated by modules, intended to
  16. * be added to the main container tag of this template.
  17. * - id: A valid HTML ID and guaranteed unique.
  18. * - title_attributes: Same as attributes, except applied to the main title
  19. * tag that appears in the template.
  20. * - content_attributes: Same as attributes, except applied to the main content
  21. * tag that appears in the template.
  22. * - title_prefix: Additional output populated by modules, intended to be
  23. * displayed in front of the main title tag that appears in the template.
  24. * - title_suffix: Additional output populated by modules, intended to be
  25. * displayed after the main title tag that appears in the template.
  26. *
  27. * @see template_preprocess_block()
  28. *
  29. * @ingroup themeable
  30. */
  31. #}
  32. {%
  33. set classes = [
  34. 'block',
  35. 'block-' ~ configuration.provider|clean_class,
  36. 'block-' ~ plugin_id|clean_class,
  37. ]
  38. %}
  39. <div{{ attributes.addClass(classes) }}>
  40. {{ title_prefix }}
  41. {{ title_suffix }}
  42. {% block content %}
  43. <div{{ content_attributes.addClass('content') }}>
  44. {% include "@vue_js/collapsible/collapsible-vue.twig" with {
  45. "title": label,
  46. "body": content.body,
  47. } %}
  48. </div>
  49. {% endblock %}
  50. </div>