53 lines
2.9 KiB
Plaintext
53 lines
2.9 KiB
Plaintext
<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>
|