media--media-library.html.twig

Same filename in this branch
  1. 11.x core/profiles/demo_umami/themes/umami/templates/classy/media-library/media--media-library.html.twig
  2. 11.x core/themes/stable9/templates/media-library/media--media-library.html.twig
  3. 11.x core/modules/media_library/templates/media--media-library.html.twig
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/media-library/media--media-library.html.twig
  2. 9 core/themes/stable9/templates/media-library/media--media-library.html.twig
  3. 9 core/themes/seven/templates/classy/media-library/media--media-library.html.twig
  4. 9 core/themes/claro/templates/media-library/media--media-library.html.twig
  5. 9 core/themes/bartik/templates/classy/media-library/media--media-library.html.twig
  6. 9 core/themes/stable/templates/media-library/media--media-library.html.twig
  7. 9 core/themes/classy/templates/media-library/media--media-library.html.twig
  8. 9 core/modules/media_library/templates/media--media-library.html.twig
  9. 8.9.x core/profiles/demo_umami/themes/umami/templates/classy/media-library/media--media-library.html.twig
  10. 8.9.x core/themes/seven/templates/classy/media-library/media--media-library.html.twig
  11. 8.9.x core/themes/claro/templates/classy/media-library/media--media-library.html.twig
  12. 8.9.x core/themes/bartik/templates/classy/media-library/media--media-library.html.twig
  13. 8.9.x core/themes/stable/templates/media-library/media--media-library.html.twig
  14. 8.9.x core/themes/classy/templates/media-library/media--media-library.html.twig
  15. 8.9.x core/modules/media_library/templates/media--media-library.html.twig
  16. 10 core/profiles/demo_umami/themes/umami/templates/classy/media-library/media--media-library.html.twig
  17. 10 core/themes/stable9/templates/media-library/media--media-library.html.twig
  18. 10 core/themes/claro/templates/media-library/media--media-library.html.twig
  19. 10 core/modules/media_library/templates/media--media-library.html.twig

Theme override of a media item in the media library.

This is used for media that the user can select from the grid of media items. It is not used for items that have already been selected in the corresponding field widget, or for items that have been previously selected before adding new media to the library.

Available variables:

  • media: The entity with limited access to object properties and methods. Only method names starting with "get", "has", or "is" and a few common methods such as "id", "label", and "bundle" are available. For example:

    • entity.getEntityTypeId() will return the entity type ID.
    • entity.hasField('field_example') returns TRUE if the entity includes field_example. (This does not indicate the presence of a value in this field.)

    Calling other methods, such as entity.delete(), will result in an exception. See \Drupal\Core\Entity\EntityInterface for a full list of methods.

  • name: Name of the media.
  • content: Media content.
  • 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.
  • view_mode: View mode; for example, "teaser" or "full".
  • attributes: HTML attributes for the containing element.
  • title_attributes: Same as attributes, except applied to the main title tag that appears in the template.
  • url: Direct URL of the media.
  • preview_attributes: HTML attributes for the preview wrapper.
  • metadata_attributes: HTML attributes for the expandable metadata area.
  • status: Whether or not the Media is published.

See also

template_preprocess_media()

File

core/themes/claro/templates/media-library/media--media-library.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override of a media item in the media library.
  5. *
  6. * This is used for media that the user can select from the grid of media
  7. * items. It is not used for items that have already been selected in the
  8. * corresponding field widget, or for items that have been previously selected
  9. * before adding new media to the library.
  10. *
  11. * Available variables:
  12. * - media: The entity with limited access to object properties and methods.
  13. * Only method names starting with "get", "has", or "is" and a few common
  14. * methods such as "id", "label", and "bundle" are available. For example:
  15. * - entity.getEntityTypeId() will return the entity type ID.
  16. * - entity.hasField('field_example') returns TRUE if the entity includes
  17. * field_example. (This does not indicate the presence of a value in this
  18. * field.)
  19. * Calling other methods, such as entity.delete(), will result in an exception.
  20. * See \Drupal\Core\Entity\EntityInterface for a full list of methods.
  21. * - name: Name of the media.
  22. * - content: Media content.
  23. * - title_prefix: Additional output populated by modules, intended to be
  24. * displayed in front of the main title tag that appears in the template.
  25. * - title_suffix: Additional output populated by modules, intended to be
  26. * displayed after the main title tag that appears in the template.
  27. * - view_mode: View mode; for example, "teaser" or "full".
  28. * - attributes: HTML attributes for the containing element.
  29. * - title_attributes: Same as attributes, except applied to the main title
  30. * tag that appears in the template.
  31. * - url: Direct URL of the media.
  32. * - preview_attributes: HTML attributes for the preview wrapper.
  33. * - metadata_attributes: HTML attributes for the expandable metadata area.
  34. * - status: Whether or not the Media is published.
  35. *
  36. * @see template_preprocess_media()
  37. *
  38. * @ingroup themeable
  39. */
  40. #}
  41. <article{{ attributes.addClass('media-library-item__preview-wrapper') }}>
  42. {% if content %}
  43. <div{{ preview_attributes.addClass('media-library-item__preview js-media-library-item-preview') }}>
  44. {{ content|without('name') }}
  45. </div>
  46. {% if not status %}
  47. <div class="media-library-item__status">{{ "unpublished"|t }}</div>
  48. {% endif %}
  49. <div{{ metadata_attributes.addClass('media-library-item__attributes') }}>
  50. <div class="media-library-item__name">
  51. {{ name }}
  52. </div>
  53. </div>
  54. {% endif %}
  55. </article>

Related topics


Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.