You are here

media-directories-browser.html.twig in Media Directories 2.x

<div{{ attributes }}>
  <div class="browser">
    {{ browser.active_directory }}
    <div class="browser--header">
      <div class="browser-toolbar">
        <div class="browser-toolbar__item"><a href="" class="button button--small" id="browser-add-media"><i class="fas fa-upload"></i> {{ "Add media"|t }}</a></div>
        <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-edit-media">{{ "Quickedit media(s)"|t }}</a></div>
        {% if media_translation_enabled %}
          <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-translate-media">{{ "Show translations in new tab"|t }}</a></div>
        {% endif %}
        <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-delete-media">{{ "Delete media"|t }}</a></div>
        <div class="browser-toolbar__item-right"><input type="text" id="browser-filter-name"  class="form-element" placeholder="{{ 'Filter current directory'|t }}"/></div>
      </div>
    </div>
    <div class="browser--body">
      <div class="browser--tree">
        <div id="jstree-container"></div>
      </div>
      <div class="browser--listing"></div>
    </div>
    <div class="browser--footer">
      <div class="browser-status"></div>
      {{ browser.actions }}
    </div>
  </div>
</div>

File

modules/media_directories_ui/templates/media-directories-browser.html.twig
View source
  1. <div{{ attributes }}>
  2. <div class="browser">
  3. {{ browser.active_directory }}
  4. <div class="browser--header">
  5. <div class="browser-toolbar">
  6. <div class="browser-toolbar__item"><a href="" class="button button--small" id="browser-add-media"><i class="fas fa-upload"></i> {{ "Add media"|t }}</a></div>
  7. <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-edit-media">{{ "Quickedit media(s)"|t }}</a></div>
  8. {% if media_translation_enabled %}
  9. <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-translate-media">{{ "Show translations in new tab"|t }}</a></div>
  10. {% endif %}
  11. <div class="browser-toolbar__item"><a href="" class="button button--small is-disabled" id="browser-delete-media">{{ "Delete media"|t }}</a></div>
  12. <div class="browser-toolbar__item-right"><input type="text" id="browser-filter-name" class="form-element" placeholder="{{ 'Filter current directory'|t }}"/></div>
  13. </div>
  14. </div>
  15. <div class="browser--body">
  16. <div class="browser--tree">
  17. <div id="jstree-container"></div>
  18. </div>
  19. <div class="browser--listing"></div>
  20. </div>
  21. <div class="browser--footer">
  22. <div class="browser-status"></div>
  23. {{ browser.actions }}
  24. </div>
  25. </div>
  26. </div>