50 lines
2.7 KiB
Plaintext
50 lines
2.7 KiB
Plaintext
<div class='show-video-transcripts-container'>
|
|
<% if (_.size(transcripts)) { %>
|
|
<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: _.size(transcripts)})%>
|
|
</span>
|
|
</strong>
|
|
</button>
|
|
<% } else { %>
|
|
<span class='transcripts-empty-text'><%- gettext('No transcript available yet.') %></span>
|
|
<% }%>
|
|
<div class='show-video-transcripts-wrapper hidden'>
|
|
<% _.each(transcripts, function(transcriptLanguageText, transcriptLanguageCode){ %>
|
|
<% selectedLanguageCodes = _.keys(_.omit(transcripts, transcriptLanguageCode)); %>
|
|
<div class='show-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[1])) { %>
|
|
<option value='<%- availableLanguage[1] %>' <%- transcriptLanguageCode === availableLanguage[1] ? 'selected': '' %>><%- availableLanguage[0] %></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="<%- StringUtils.interpolate(
|
|
'{transcriptDownloadHandlerUrl}?edx_video_id={edxVideoID}&language_code={transcriptLanguageCode}',
|
|
{
|
|
transcriptDownloadHandlerUrl: transcriptDownloadHandlerUrl,
|
|
edxVideoID: edxVideoID,
|
|
transcriptLanguageCode: transcriptLanguageCode
|
|
}
|
|
) %>"
|
|
>
|
|
<%- gettext('Download') %>
|
|
</a>
|
|
<span class='transcript-actions-separator'> | </span>
|
|
<button class="button-link upload-transcript-button"><%- gettext('Upload') %></button>
|
|
</div>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
</div>
|