open-orchestra/open-orchestra-media-admin-bundle

<% if (mode == 'library') { %>
    <div class="top-action-buttons">
        <a class="btn btn-border btn-return" href="#<%- Backbone.history.generateUrl('listMedia') %>" role="button">
            <%- Translator.trans('open_orchestra_backoffice.back_to_list') %>
        </a>
    </div>
<% } %>
<h1><%- Translator.trans('open_orchestra_media_admin.upload.title') %></h1>

<% if (!hasPerimeter) { %>
    <div class="alert alert-danger">
        <%- Translator.trans('open_orchestra_media_admin.upload.no_perimeter') %>
    </div>
<% } else { %>
    <div class="flow-error">
        <%- Translator.trans('open_orchestra_media_admin.upload.unsupported') %>
    </div>

<% if (mode == 'popup') { %>
    <div class="dropbox flow-drop">
        <button class="btn btn-info flow-browse">
            <%- Translator.trans('open_orchestra_media_admin.upload.select_file') %>
        </button>
    </div>
<% } else if (mode == 'library') { %>
    <div class="dropbox flow-drop">
            <%- Translator.trans('open_orchestra_media_admin.upload.drop_files') %>
            <span><%- Translator.trans('open_orchestra_media_admin.upload.or') %></span>
        <button class="btn btn-info flow-browse-folder">
            <%- Translator.trans('open_orchestra_media_admin.upload.select_folder') %>
        </button>
        <button class="btn btn-info flow-browse">
            <%- Translator.trans('open_orchestra_media_admin.upload.select_file') %>
        </button>
    </div>
<% } %>

    <div class="flow-list">
        <div class="medias"></div>
    </div>

    <div class="progress">
        <div
            class="progress-bar progress-bar-success"
            role="progressbar"
            aria-valuenow="60"
            aria-valuemin="0"
            aria-valuemax="100"
            style="width:0"
        >
        </div>
    </div>
<% } %>