cms/templates/js/video-transcripts.underscore - release-ulmo - githubmirror/edx-platform

cms/templates/js/video-transcripts.underscore
52 строки3 KB
Zainab Amir
Fix transcript status for VEDA videos (#23962)
12 май 2020, 16:42
12 май 2020, 16:42770e7ea
<div class='video-transcripts-header'>
<% if (transcription_status) { %>
    <span class='transcripts-empty-text'><%- transcription_status %></span>
    <% if (error_description) { %>
        </br>
        <span class='message-error'><%- error_description %></span>
    <% }%>
<% } else if (!transcripts.length){ %>
    <span class='transcripts-empty-text'><%- gettext('No transcript uploaded.') %></span>
<% }%>
</br>
<% if (transcripts.length) { %>
    <button class="button-link toggle-show-transcripts-button">
        <strong>
        <span class="icon fa fa-caret-right toggle-show-transcripts-icon" aria-hidden="true"></span>
        <span class="toggle-show-transcripts-button-text">
            <%- StringUtils.interpolate(gettext('Show transcripts ({totalTranscripts})'), {totalTranscripts: transcripts.length})%>
        </span>
        </strong>
    </button>
<% }%>
<div class='video-transcripts-wrapper'>
<% _.each(transcripts, function(transcriptLanguageCode){ %>
    <% selectedLanguageCodes = _.keys(_.omit(transcripts, transcriptLanguageCode)); %>
    <div class='video-transcript-content' data-edx-video-id="<%- edxVideoID %>" data-language-code="<%- transcriptLanguageCode %>">
        <div class='transcript-upload-status-container'></div>
        <strong class='transcript-title'><%- StringUtils.interpolate(gettext('{transcriptClientTitle}_{transcriptLanguageCode}.{fileExtension}'), {transcriptClientTitle: transcriptClientTitle, transcriptLanguageCode: transcriptLanguageCode, fileExtension: transcriptFileFormat}) %></strong>
        <select class='transcript-language-menu'>
            <option value=''>Select Language</option>
            <% _.each(transcriptAvailableLanguages, function(availableLanguage){ %>
                <% if (!_.contains(selectedLanguageCodes, availableLanguage.language_code)) { %>
                    <option value='<%- availableLanguage.language_code %>' <%- transcriptLanguageCode === availableLanguage.language_code ? 'selected': '' %>><%- availableLanguage.language_text %></option>
                <% } %>
            <% }) %>
        </select>
        <input class="upload-transcript-input hidden" type="file" name="file" accept=".<%- transcriptFileFormat %>"/>
        <div class='transcript-actions'>
            <a
                class="button-link download-transcript-button"
                href="<%- getTranscriptDownloadLink(edxVideoID, transcriptLanguageCode, transcriptDownloadHandlerUrl) %>"
            >
                <%- gettext('Download') %>
            </a>
            <span class='transcript-actions-separator'> | </span>
            <button class="button-link upload-transcript-button"><%- gettext('Replace') %></button>
            <span class='transcript-actions-separator'> | </span>
            <button class="button-link delete-transcript-button"><%- gettext('Delete') %></button>
        </div>
    </div>
<% }) %>
</div>
</div>