You are here

media--media-library.html.twig in Drupal 10

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.

File

core/profiles/demo_umami/themes/umami/templates/classy/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 }}>
  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