37 lines
2.2 KiB
Plaintext
37 lines
2.2 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){ %>
|
|
<div id='show-video-transcript-content-<%- transcriptLanguageCode %>' class='show-video-transcript-content'>
|
|
<strong class='transcript-title'><%- StringUtils.interpolate(gettext('{transcriptClientTitle}_{transcriptLanguageCode}.{fileExtension}'), {transcriptClientTitle: transcriptClientTitle, transcriptLanguageCode: transcriptLanguageCode, fileExtension: transcriptDownloadFileFormat}) %></strong>
|
|
<select id='transcript-language-<%- transcriptLanguageCode %>' class='transcript-language-menu'>
|
|
<option value=''>Select Language</option>
|
|
<% _.each(transcriptAvailableLanguages, function(availableLanguage){ %>
|
|
<option value='<%- availableLanguage[1] %>' <%- transcriptLanguageCode === availableLanguage[1] ? 'selected': '' %>><%- availableLanguage[0] %></option>
|
|
<% }) %>
|
|
</select>
|
|
<div class='transcript-actions'>
|
|
<a class="button-link download-transcript-button" href="#" data-edx-video-id="<%- edxVideoID %>" data-language-code="<%- transcriptLanguageCode %>">
|
|
<%- gettext('Download') %>
|
|
</a>
|
|
<span class='transcript-actions-separator'> | </span>
|
|
<button class="button-link upload-transcript-button" data-edx-video-id="<%- edxVideoID %>" data-language-code="<%- transcriptLanguageCode %>">
|
|
<%- gettext('Upload') %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% }) %>
|
|
</div>
|
|
</div>
|