'),
- HtmlUtils.interpolateHtml(
- HtmlUtils.HTML('
{languageDisplayName} '),
- {
- languageDisplayName: this.getTargetLanguages()[language]
- }
- ),
- HtmlUtils.interpolateHtml(
- HtmlUtils.HTML('
{text}{srText}
'), // eslint-disable-line max-len
- {
- languageCode: language,
- text: gettext('Remove'),
- srText: gettext('Press Remove to remove language')
- }
- ),
- HtmlUtils.HTML('
'),
- InstructionsSpanStart: HtmlUtils.HTML(''),
- spanEnd: HtmlUtils.HTML(' ')
- }
- ).toString()
- }
- };
-
- _.bindAll(
- this, 'render', 'chooseFile', 'imageSelected', 'imageUploadSucceeded', 'imageUploadFailed',
- 'showHoverState', 'hideHoverState'
- );
- },
-
- render: function() {
- HtmlUtils.setHtml(
- this.$el,
- this.template({
- action: this.action,
- imageAltText: this.getImageAltText(),
- videoId: this.model.get('edx_video_id'),
- actionInfo: this.actionsInfo[this.action],
- thumbnailURL: this.model.get('course_video_image_url') || this.defaultVideoImageURL,
- duration: this.getDuration(this.model.get('duration')),
- videoImageSupportedFileFormats: this.getVideoImageSupportedFileFormats(),
- videoImageMaxSize: this.getVideoImageMaxSize(),
- videoImageResolution: this.getVideoImageResolution()
- })
- );
- this.hideHoverState();
- return this;
- },
-
- getVideoImageSupportedFileFormats: function() {
- var supportedFormats = _.reject(_.keys(this.videoImageSettings.supported_file_formats), function(item) {
- // Don't show redundant extensions to end user.
- return item === '.bmp2' || item === '.jpeg';
- }).sort();
- return {
- humanize: supportedFormats.slice(0, -1).join(', ') + ' or ' + supportedFormats.slice(-1),
- machine: _.values(this.videoImageSettings.supported_file_formats)
- };
- },
-
- getVideoImageMaxSize: function() {
- return {
- humanize: this.videoImageSettings.max_size / (1024 * 1024) + ' MB',
- machine: this.videoImageSettings.max_size
- };
- },
-
- getVideoImageMinSize: function() {
- return {
- humanize: this.videoImageSettings.min_size / 1024 + ' KB',
- machine: this.videoImageSettings.min_size
- };
- },
-
- getVideoImageResolution: function() {
- return StringUtils.interpolate(
- // Translators: message will be like 1280x720 pixels
- gettext('{maxWidth}x{maxHeight} pixels'),
- {maxWidth: this.videoImageSettings.max_width, maxHeight: this.videoImageSettings.max_height}
- );
- },
-
- getImageAltText: function() {
- return StringUtils.interpolate(
- // Translators: message will be like Thumbnail for Arrow.mp4
- gettext('Thumbnail for {videoName}'),
- {videoName: this.model.get('client_video_id')}
- );
- },
-
- getSRText: function() {
- return StringUtils.interpolate(
- // Translators: message will be like Add Thumbnail - Arrow.mp4
- gettext('Add Thumbnail - {videoName}'),
- {videoName: this.model.get('client_video_id')}
- );
- },
-
- getDuration: function(durationSeconds) {
- if (durationSeconds <= 0) {
- return null;
- }
-
- return {
- humanize: this.getDurationTextHuman(durationSeconds),
- machine: this.getDurationTextMachine(durationSeconds)
- };
- },
-
- getDurationTextHuman: function(durationSeconds) {
- var humanize = this.getHumanizeDuration(durationSeconds);
-
- // This case is specifically to handle values between 0 and 1 seconds excluding upper bound
- if (humanize.length === 0) {
- return '';
- }
-
- return StringUtils.interpolate(
- // Translators: humanizeDuration will be like 10 minutes, an hour and 20 minutes etc
- gettext('Video duration is {humanizeDuration}'),
- {
- humanizeDuration: humanize
- }
- );
- },
-
- getHumanizeDuration: function(durationSeconds) {
- var minutes,
- seconds,
- minutesText = null,
- secondsText = null;
-
- minutes = Math.trunc(moment.duration(durationSeconds, 'seconds').asMinutes());
- seconds = moment.duration(durationSeconds, 'seconds').seconds();
-
- if (minutes) {
- minutesText = minutes > 1 ? gettext('minutes') : gettext('minute');
- minutesText = StringUtils.interpolate(
- // Translators: message will be like 15 minutes, 1 minute
- gettext('{minutes} {unit}'),
- {minutes: minutes, unit: minutesText}
- );
- }
-
- if (seconds) {
- secondsText = seconds > 1 ? gettext('seconds') : gettext('second');
- secondsText = StringUtils.interpolate(
- // Translators: message will be like 20 seconds, 1 second
- gettext('{seconds} {unit}'),
- {seconds: seconds, unit: secondsText}
- );
- }
-
- // Translators: `and` will be used to combine both miuntes and seconds like `13 minutes and 45 seconds`
- return _.filter([minutesText, secondsText]).join(gettext(' and '));
- },
-
- getDurationTextMachine: function(durationSeconds) {
- var minutes = Math.floor(durationSeconds / 60),
- seconds = Math.floor(durationSeconds - minutes * 60);
- return minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
- },
-
- chooseFile: function() {
- this.$('.upload-image-input').fileupload({
- url: this.imageUploadURL + '/' + encodeURIComponent(this.model.get('edx_video_id')),
- add: this.imageSelected,
- done: this.imageUploadSucceeded,
- fail: this.imageUploadFailed
- });
- },
-
- imageSelected: function(event, data) {
- var errorMessage;
- // If an error is already present above the video element, remove it.
- this.clearErrorMessage(this.model.get('edx_video_id'));
-
- errorMessage = this.validateImageFile(data.files[0]);
- if (!errorMessage) {
- // Do not trigger global AJAX error handler
- data.global = false; // eslint-disable-line no-param-reassign
- this.readMessages([gettext('Video image upload started')]);
- this.showUploadInProgressMessage();
- data.submit();
- } else {
- this.showErrorMessage(errorMessage);
- }
- },
-
- imageUploadSucceeded: function(event, data) {
- this.action = 'edit';
- this.setActionInfo(this.action, false);
- this.$('img').attr('src', data.result.image_url);
- this.readMessages([gettext('Video image upload completed')]);
- },
-
- imageUploadFailed: function(event, data) {
- var errorText = JSON.parse(data.jqXHR.responseText).error;
- this.showErrorMessage(errorText);
- },
-
- showUploadInProgressMessage: function() {
- this.action = 'progress';
- this.setActionInfo(this.action, true);
- },
-
- showHoverState: function() {
- if (this.action === 'upload') {
- this.setActionInfo('requirements', true, this.getSRText());
- } else if (this.action === 'edit') {
- this.setActionInfo(this.action, true);
- }
- this.$('.thumbnail-wrapper').addClass('focused');
- },
-
- hideHoverState: function() {
- if (this.action === 'upload') {
- this.setActionInfo(this.action, true);
- } else if (this.action === 'edit') {
- this.setActionInfo(this.action, false);
- }
- this.$('.thumbnail-wrapper').removeClass('focused');
- },
-
- setActionInfo: function(action, showText, additionalSRText) {
- var hasError = this.$('.thumbnail-wrapper').hasClass('error');
- this.$('.thumbnail-action').toggle(showText);
- HtmlUtils.setHtml(
- this.$('.thumbnail-action .action-icon'),
- HtmlUtils.HTML(this.actionsInfo[action].icon)
- );
- HtmlUtils.setHtml(
- this.$('.thumbnail-action .action-text'),
- HtmlUtils.HTML(this.actionsInfo[action].text)
- );
- this.$('.thumbnail-action .action-text-sr').text(additionalSRText || '');
- this.$('.thumbnail-wrapper').attr('class', 'thumbnail-wrapper {action}'.replace('{action}', action));
- this.$('.thumbnail-action .action-icon')
- .attr('class', 'action-icon {action}'.replace('{action}', action));
-
- // Add error class if it was already present.
- if (hasError) {
- this.$('.thumbnail-wrapper').addClass('error');
- }
-
- // Don't show edit-container layout on progress action.
- if (action === 'progress') {
- this.$('.thumbnail-action .edit-container').toggle(false);
- } else if (action === 'edit') {
- this.$('.thumbnail-action .edit-container').toggle(true);
- HtmlUtils.setHtml(
- this.$('.thumbnail-action .edit-container .action-icon'),
- HtmlUtils.HTML(this.actionsInfo[action].icon)
- );
- HtmlUtils.setHtml(
- this.$('.thumbnail-action .edit-container .edit-action-text'),
- HtmlUtils.HTML(this.actionsInfo[action].actionText)
- );
- }
- },
-
- validateImageFile: function(imageFile) {
- var errorMessage = '';
-
- if (!_.contains(this.getVideoImageSupportedFileFormats().machine, imageFile.type)) {
- errorMessage = StringUtils.interpolate(
- // Translators: supportedFileFormats will be like .bmp, gif, .jpg or .png.
- gettext(
- 'This image file type is not supported. Supported file types are {supportedFileFormats}.'
- ),
- {
- supportedFileFormats: this.getVideoImageSupportedFileFormats().humanize
- }
- );
- } else if (imageFile.size > this.getVideoImageMaxSize().machine) {
- errorMessage = StringUtils.interpolate(
- // Translators: maxFileSizeInMB will be like 2 MB.
- gettext('The selected image must be smaller than {maxFileSizeInMB}.'),
- {
- maxFileSizeInMB: this.getVideoImageMaxSize().humanize
- }
- );
- } else if (imageFile.size < this.getVideoImageMinSize().machine) {
- errorMessage = StringUtils.interpolate(
- // Translators: minFileSizeInKB will be like 2 KB.
- gettext('The selected image must be larger than {minFileSizeInKB}.'),
- {
- minFileSizeInKB: this.getVideoImageMinSize().humanize
- }
- );
- }
-
- return errorMessage;
- },
-
- clearErrorMessage: function(videoId) {
- var $thumbnailWrapperEl = $('.thumbnail-error-wrapper[data-video-id="' + videoId + '"]');
- if ($thumbnailWrapperEl.length) {
- $thumbnailWrapperEl.remove();
- }
- // Remove error class from thumbnail wrapper as well.
- $('.thumbnail-wrapper').removeClass('error');
- },
-
- showErrorMessage: function(errorText) {
- var videoId = this.model.get('edx_video_id'),
- $parentRowEl = $(this.$el.parent());
-
- // If image url is not this.defaultVideoImageURL then it means image is uploaded
- // so we should treat it as edit action otherwise default upload action.
- this.action = this.$('.thumbnail-wrapper img').attr('src') !== this.defaultVideoImageURL
- ? 'edit' : 'upload';
- this.setActionInfo(this.action, true);
- this.readMessages([gettext('Could not upload the video image file'), errorText]);
-
- errorText = gettext('Image upload failed. ') + errorText; // eslint-disable-line no-param-reassign
- // Add error wrapper html to current video element row.
- $parentRowEl.before( // xss-lint: disable=javascript-jquery-insertion
- HtmlUtils.ensureHtml(
- this.thumbnailErrorTemplate({videoId: videoId, errorText: errorText})
- ).toString()
- );
- this.$el.find('.thumbnail-wrapper').addClass('error');
- },
-
- readMessages: function(messages) {
- if ($(window).prop('SR') !== undefined) {
- $(window).prop('SR').readTexts(messages);
- }
- }
- });
-
- return VideoThumbnailView;
- }
-);
diff --git a/cms/static/js/views/video_transcripts.js b/cms/static/js/views/video_transcripts.js
deleted file mode 100644
index 0aa57cbb836d..000000000000
--- a/cms/static/js/views/video_transcripts.js
+++ /dev/null
@@ -1,364 +0,0 @@
-define(
- ['underscore', 'gettext', 'js/views/baseview', 'common/js/components/views/feedback_prompt',
- 'edx-ui-toolkit/js/utils/html-utils', 'edx-ui-toolkit/js/utils/string-utils',
- 'common/js/components/utils/view_utils', 'text!templates/video-transcripts.underscore',
- 'text!templates/video-transcript-upload-status.underscore'],
- function(_, gettext, BaseView, PromptView, HtmlUtils, StringUtils, ViewUtils, videoTranscriptsTemplate,
- videoTranscriptUploadStatusTemplate) {
- 'use strict';
-
- var VideoTranscriptsView = BaseView.extend({
- tagName: 'div',
-
- events: {
- 'click .toggle-show-transcripts-button': 'toggleShowTranscripts',
- 'click .upload-transcript-button': 'chooseFile',
- 'click .delete-transcript-button': 'deleteTranscript',
- 'click .more-details-action': 'showUploadFailureMessage'
- },
-
- initialize: function(options) {
- this.isCollapsed = true;
- this.transcripts = options.transcripts;
- this.edxVideoID = options.edxVideoID;
- this.clientVideoID = options.clientVideoID;
- this.transcriptionStatus = options.transcriptionStatus;
- this.errorDescription = options.errorDescription;
- this.transcriptAvailableLanguages = options.transcriptAvailableLanguages;
- this.videoSupportedFileFormats = options.videoSupportedFileFormats;
- this.videoTranscriptSettings = options.videoTranscriptSettings;
- this.template = HtmlUtils.template(videoTranscriptsTemplate);
- this.transcriptUploadStatusTemplate = HtmlUtils.template(videoTranscriptUploadStatusTemplate);
- this.defaultFailureTitle = gettext('The file could not be uploaded.');
- this.defaultFailureMessage = gettext('This may be happening because of an error with our server or your internet connection. Try refreshing the page or making sure you are online.'); // eslint-disable-line max-len
- this.transcriptUploadStatuses = {
- uploaded: {
- statusClass: 'success',
- iconClasses: 'fa-check',
- shortMessage: 'Transcript uploaded.',
- hiddenClass: 'hidden'
- },
- uploading: {
- statusClass: '',
- iconClasses: 'fa-spinner fa-pulse',
- shortMessage: 'Uploading transcript.',
- hiddenClass: 'hidden'
- },
- failed: {
- statusClass: 'error',
- iconClasses: 'fa-warning',
- shortMessage: 'Upload failed.',
- hiddenClass: ''
- },
- validationFailed: {
- statusClass: 'error',
- iconClasses: 'fa-warning',
- shortMessage: 'Validation failed.',
- hiddenClass: ''
- }
- };
- // This is needed to attach transcript methods to this object while uploading.
- _.bindAll(
- this, 'render', 'chooseFile', 'transcriptSelected', 'transcriptUploadSucceeded',
- 'transcriptUploadFailed'
- );
- },
-
- /*
- Returns transcript title.
- */
- getTranscriptClientTitle: function() {
- var clientTitle = this.clientVideoID;
- // Remove video file extension for transcript title.
- _.each(this.videoSupportedFileFormats, function(videoFormat) {
- clientTitle = clientTitle.replace(videoFormat, '');
- });
- return clientTitle.substring(0, 20);
- },
-
- /*
- Returns transcript download link.
- */
- getTranscriptDownloadLink: function(edxVideoID, transcriptLanguageCode, transcriptDownloadHandlerUrl) {
- return StringUtils.interpolate(
- '{transcriptDownloadHandlerUrl}?edx_video_id={edxVideoID}&language_code={transcriptLanguageCode}',
- {
- transcriptDownloadHandlerUrl: transcriptDownloadHandlerUrl,
- edxVideoID: edxVideoID,
- transcriptLanguageCode: transcriptLanguageCode
- }
- );
- },
-
- /*
- Returns transcript delete handler url.
- */
- getTranscriptDeleteUrl: function(edxVideoID, transcriptLanguageCode, transcriptDeleteHandlerUrl) {
- return StringUtils.interpolate(
- '{transcriptDeleteHandlerUrl}/{edxVideoID}/{transcriptLanguageCode}',
- {
- transcriptDeleteHandlerUrl: transcriptDeleteHandlerUrl,
- edxVideoID: edxVideoID,
- transcriptLanguageCode: transcriptLanguageCode
- }
- );
- },
-
- /*
- Toggles Show/Hide transcript button and transcripts container.
- */
- toggleShowTranscripts: function() {
- var $transcriptsWrapperEl = this.$el.find('.video-transcripts-wrapper');
-
- if ($transcriptsWrapperEl.hasClass('hidden')) {
- this.showTranscripts();
- this.isCollapsed = false;
- } else {
- this.hideTranscripts();
- this.isCollapsed = true;
- }
- },
-
- showTranscripts: function() {
- // Show transcript wrapper
- this.$el.find('.video-transcripts-wrapper').removeClass('hidden');
-
- // Update button text.
- HtmlUtils.setHtml(
- this.$el.find('.toggle-show-transcripts-button-text'),
- StringUtils.interpolate(
- gettext('Hide transcripts ({transcriptCount})'),
- {
- transcriptCount: this.transcripts.length
- }
- )
- );
- this.$el.find('.toggle-show-transcripts-icon')
- .removeClass('fa-caret-right')
- .addClass('fa-caret-down');
- },
-
- hideTranscripts: function() {
- // Hide transcript wrapper
- this.$el.find('.video-transcripts-wrapper').addClass('hidden');
-
- // Update button text.
- HtmlUtils.setHtml(
- this.$el.find('.toggle-show-transcripts-button-text'),
- StringUtils.interpolate(
- gettext('Show transcripts ({transcriptCount})'),
- {
- transcriptCount: this.transcripts.length
- }
- )
- );
- this.$el.find('.toggle-show-transcripts-icon')
- .removeClass('fa-caret-down')
- .addClass('fa-caret-right');
- },
-
- validateTranscriptUpload: function(file) {
- var errorMessage = '',
- fileName = file.name,
- fileType = fileName.substr(fileName.lastIndexOf('.') + 1);
-
- if (fileType !== this.videoTranscriptSettings.trancript_download_file_format) {
- errorMessage = gettext(
- 'This file type is not supported. Supported file type is {supportedFileFormat}.'
- )
- .replace('{supportedFileFormat}', this.videoTranscriptSettings.trancript_download_file_format);
- }
-
- return errorMessage;
- },
-
- chooseFile: function(event) {
- var $transcriptContainer = $(event.target).parents('.video-transcript-content'),
- $transcriptUploadEl = $transcriptContainer.find('.upload-transcript-input');
-
- $transcriptUploadEl.fileupload({
- url: this.videoTranscriptSettings.transcript_upload_handler_url,
- add: this.transcriptSelected,
- done: this.transcriptUploadSucceeded,
- fail: this.transcriptUploadFailed,
- formData: {
- edx_video_id: this.edxVideoID,
- language_code: $transcriptContainer.attr('data-language-code'),
- new_language_code: $transcriptContainer.find('.transcript-language-menu').val()
- }
- });
-
- $transcriptUploadEl.click();
- },
-
- transcriptSelected: function(event, data) {
- var errorMessage,
- $transcriptContainer = $(event.target).parents('.video-transcript-content');
-
- errorMessage = this.validateTranscriptUpload(data.files[0]);
- if (!errorMessage) {
- // Do not trigger global AJAX error handler
- data.global = false; // eslint-disable-line no-param-reassign
- data.submit();
- this.renderMessage($transcriptContainer, 'uploading');
- } else {
- // Reset transcript language back to original.
- $transcriptContainer.find('.transcript-language-menu').val($transcriptContainer.attr('data-language-code')); // eslint-disable-line max-len
- this.renderMessage($transcriptContainer, 'validationFailed', errorMessage);
- }
- },
-
- transcriptUploadSucceeded: function(event, data) {
- var languageCode = data.formData.language_code,
- newLanguageCode = data.formData.new_language_code,
- $transcriptContainer = this.$el.find('.video-transcript-content[data-language-code="' + languageCode + '"]'); // eslint-disable-line max-len
-
- $transcriptContainer.attr('data-language-code', newLanguageCode);
- $transcriptContainer.find('.download-transcript-button').attr(
- 'href',
- this.getTranscriptDownloadLink(
- this.edxVideoID,
- newLanguageCode,
- this.videoTranscriptSettings.transcript_download_handler_url
- )
- );
-
- HtmlUtils.setHtml(
- $transcriptContainer.find('.transcript-title'),
- StringUtils.interpolate(gettext('{transcriptClientTitle}_{transcriptLanguageCode}.{fileExtension}'),
- {
- transcriptClientTitle: this.getTranscriptClientTitle(),
- transcriptLanguageCode: newLanguageCode,
- fileExtension: this.videoTranscriptSettings.trancript_download_file_format
- }
- )
- );
-
- this.renderMessage($transcriptContainer, 'uploaded');
- },
-
- transcriptUploadFailed: function(event, data) {
- var errorMessage,
- languageCode = data.formData.language_code,
- $transcriptContainer = this.$el.find('.video-transcript-content[data-language-code="' + languageCode + '"]'); // eslint-disable-line max-len
-
- try {
- errorMessage = JSON.parse(data.jqXHR.responseText).error;
- errorMessage = errorMessage || this.defaultFailureMessage;
- } catch (error) {
- errorMessage = this.defaultFailureMessage;
- }
- // Reset transcript language back to original.
- $transcriptContainer.find('.transcript-language-menu').val(languageCode);
-
- this.renderMessage($transcriptContainer, 'failed', errorMessage);
- },
-
- deleteTranscript: function(event) {
- var self = this,
- $transcriptEl = $(event.target).parents('.video-transcript-content'),
- languageCode = $transcriptEl.attr('data-language-code'),
- transcriptDeleteUrl = self.getTranscriptDeleteUrl(
- self.edxVideoID,
- languageCode,
- self.videoTranscriptSettings.transcript_delete_handler_url
- );
-
- ViewUtils.confirmThenRunOperation(
- gettext('Are you sure you want to remove this transcript?'),
- gettext('If you remove this transcript, the transcript will not be available for any components that use this video.'), // eslint-disable-line max-len
- gettext('Remove'),
- function() {
- ViewUtils.runOperationShowingMessage(
- gettext('Removing'),
- function() {
- return $.ajax({
- url: transcriptDeleteUrl,
- type: 'DELETE'
- }).done(function() {
- // Update transcripts.
- self.transcripts = _.without(self.transcripts, languageCode);
- // re-render transcripts.
- self.render();
- });
- }
- );
- }
- );
- },
-
- clearMessage: function() {
- var $transcriptStatusesEl = this.$el.find('.transcript-upload-status-container');
- // Clear all message containers
- HtmlUtils.setHtml($transcriptStatusesEl, '');
- $transcriptStatusesEl.removeClass('success error');
- },
-
- renderMessage: function($transcriptContainer, status, errorMessage) {
- var statusData = this.transcriptUploadStatuses[status],
- $transcriptStatusEl = $transcriptContainer.find('.transcript-upload-status-container');
-
- // If a messge is already present above the video transcript element, remove it.
- this.clearMessage();
-
- HtmlUtils.setHtml(
- $transcriptStatusEl,
- this.transcriptUploadStatusTemplate({
- status: statusData.statusClass,
- iconClasses: statusData.iconClasses,
- shortMessage: gettext(statusData.shortMessage),
- errorMessage: errorMessage || '',
- hiddenClass: statusData.hiddenClass
- })
- );
-
- $transcriptStatusEl.addClass(statusData.statusClass);
- },
-
- showUploadFailureMessage: function(event) {
- var errorMessage = $(event.target).data('error-message');
- return new PromptView.Warning({
- title: this.defaultFailureTitle,
- message: errorMessage,
- actions: {
- primary: {
- text: gettext('Close'),
- click: function(prompt) {
- return prompt.hide();
- }
- }
- }
- }).show();
- },
-
- /*
- Renders transcripts view.
- */
- render: function() {
- HtmlUtils.setHtml(
- this.$el,
- this.template({
- transcripts: this.transcripts,
- error_description: this.errorDescription,
- transcription_status: this.transcriptionStatus,
- transcriptAvailableLanguages: this.transcriptAvailableLanguages,
- edxVideoID: this.edxVideoID,
- transcriptClientTitle: this.getTranscriptClientTitle(),
- transcriptFileFormat: this.videoTranscriptSettings.trancript_download_file_format,
- getTranscriptDownloadLink: this.getTranscriptDownloadLink,
- transcriptDownloadHandlerUrl: this.videoTranscriptSettings.transcript_download_handler_url
- })
- );
-
- if (this.isCollapsed) {
- this.hideTranscripts();
- } else {
- this.showTranscripts();
- }
- return this;
- }
- });
-
- return VideoTranscriptsView;
- }
-);
diff --git a/cms/static/sass/_build-v1.scss b/cms/static/sass/_build-v1.scss
index c3551c6617bc..e5e97978e7a8 100644
--- a/cms/static/sass/_build-v1.scss
+++ b/cms/static/sass/_build-v1.scss
@@ -74,7 +74,6 @@
@import 'views/users';
@import 'views/export-git';
@import 'views/group-configuration';
-@import 'views/video-upload';
@import 'views/certificates';
// +Base - Contexts
diff --git a/cms/static/sass/views/_video-upload.scss b/cms/static/sass/views/_video-upload.scss
deleted file mode 100644
index aef3803015e1..000000000000
--- a/cms/static/sass/views/_video-upload.scss
+++ /dev/null
@@ -1,678 +0,0 @@
-.view-video-uploads {
- .content-primary,
- .content-supplementary {
- box-sizing: border-box;
- }
-
- .nav-actions {
- .fa-cloud-upload {
- @extend %t-copy;
-
- vertical-align: bottom;
-
- @include margin-right($baseline/45);
- }
- }
-
- .fixed-container {
- position: fixed !important;
- top: 0 !important;
- }
-
- .button-link {
- background: none;
- border: none;
- padding: 0;
- color: $ui-link-color;
- cursor: pointer;
- }
-
- .message-error {
- color: $red;
- }
-
- .video-transcripts-wrapper {
- display: block;
-
- .button-link {
- color: $ui-link-color !important;
- }
- }
-
- .hidden {
- display: none;
- }
-
- .video-transcript-content {
- margin-top: ($baseline/2);
-
- .transcript-upload-status-container {
- .video-transcript-detail-status,
- .more-details-action {
- @include font-size(12);
- @include line-height(12);
- @include margin-left($baseline/4);
- }
- }
-
- .transcript-upload-status-container.error {
- color: $color-error;
- }
-
- .transcript-upload-status-container.success {
- color: $color-ready;
- }
-
- .transcript-language-menu {
- display: block;
- width: 200px;
- }
- }
-
- .course-video-settings-container {
- position: absolute;
- overflow: scroll;
- top: 0;
- right: -100%;
- z-index: 1000;
- width: 352px;
- transition: all 0.3s ease;
- background-color: $white;
- -webkit-box-shadow: -3px 0 3px 0 rgba(153, 153, 153, 0.3);
- -moz-box-shadow: -3px 0 3px 0 rgba(153, 153, 153, 0.3);
- box-shadow: -3px 0 3px 0 rgba(153, 153, 153, 0.3);
-
- .action-close-wrapper {
- .action-close-course-video-settings {
- width: 100%;
- padding: ($baseline/2) ($baseline*0.8);
- background-color: $gray-u1;
- border: transparent;
- height: ($baseline*2.4);
- color: $text-dark-black-blue;
-
- @include font-size(16);
- @include text-align(left);
- }
- }
-
- .course-video-settings-wrapper {
- margin-top: ($baseline*1.6);
- padding: ($baseline) ($baseline*0.8);
-
- .course-video-settings-title {
- color: $black-t4;
- margin: ($baseline*1.6) 0 ($baseline*0.8) 0;
- font-weight: font-weight(semi-bold);
-
- @include font-size(24);
- }
-
- .course-video-settings-message {
- padding: ($baseline/2);
- margin-bottom: ($baseline*0.8);
- max-height: ($baseline*2.4);
- color: $black;
-
- @include font-size(16);
-
- .icon {
- @include margin-right($baseline/4);
- }
- }
-
- .course-video-settings-message-wrapper.success .course-video-settings-message {
- background-color: $state-success-bg;
- border: solid 1px $state-success-border;
- }
-
- .course-video-settings-message-wrapper.error .course-video-settings-message {
- background-color: $state-danger-bg;
- border: solid 1px $state-danger-border;
- }
-
- .organization-credentials-content {
- margin-top: ($baseline*1.6);
-
- .org-credentials-wrapper input {
- width: 65%;
- margin-top: ($baseline*0.8);
- display: inline-block;
- }
- }
-
- .transcript-preferance-wrapper {
- margin-top: ($baseline*1.6);
-
- .icon.fa-info-circle {
- @include margin-left($baseline*0.75);
- }
- }
-
- .transcript-preferance-wrapper.error .transcript-preferance-label {
- color: $color-error;
- }
-
- .error-info,
- .error-icon .fa-info-circle {
- color: $color-error;
- }
-
- .error-info {
- @include font-size(16);
- @include margin-left($baseline/2);
- }
-
- .transcript-preferance-label {
- @include font-size(15);
-
- color: $black-t4;
- font-weight: font-weight(semi-bold);
- display: block;
- }
-
- .transcript-provider-group,
- .transcript-turnaround,
- .transcript-fidelity,
- .video-source-language,
- .selected-transcript-provider {
- margin-top: ($baseline*0.8);
- }
-
- .selected-transcript-provider {
- .action-change-provider {
- @include margin-left($baseline/2);
- }
- }
-
- .transcript-provider-group {
- input[type=radio] {
- margin: 0 ($baseline/2);
- }
-
- label {
- font-weight: normal;
- color: $black-t4;
-
- @include font-size(15);
- }
- }
-
- .transcript-turnaround-wrapper,
- .transcript-fidelity-wrapper,
- .video-source-language-wrapper,
- .transcript-languages-wrapper {
- display: none;
- }
-
- .transcript-languages-wrapper .transcript-preferance-label {
- display: inline-block;
- }
-
- .transcript-languages-container .languages-container {
- margin-top: ($baseline*0.8);
-
- .transcript-language-container {
- padding: ($baseline/4);
- background-color: $gray-l6;
- border-top: solid 1px $gray-l4;
- border-bottom: solid 1px $gray-l4;
-
- .remove-language-action {
- display: inline-block;
-
- @include float(right);
- }
- }
- }
-
- .transcript-language-menu-container {
- margin-top: ($baseline*0.8);
-
- .add-language-action {
- display: inline-block;
-
- .action-add-language {
- @include margin-left($baseline/4);
- }
-
- .error-info {
- display: inline-block;
- }
- }
- }
-
- .transcript-language-menu,
- .video-source-language {
- width: 60%;
- }
- }
-
- .transcription-account-details {
- margin-top: ($baseline*0.8);
-
- span {
- @include font-size(15);
- }
- }
-
- .transcription-account-details.warning {
- background-color: $state-warning-bg;
- padding: ($baseline/2);
- }
-
- .action-cancel-course-video-settings {
- @include margin-right($baseline/2);
- }
-
- .course-video-settings-footer {
- margin-top: ($baseline*1.6);
-
- .last-updated-text {
- @include font-size(12);
-
- display: block;
- margin-top: ($baseline/2);
- }
- }
-
- .button {
- @extend %btn-primary-blue;
- @extend %sizing;
-
- .action-button-text {
- display: inline-block;
- vertical-align: baseline;
- }
-
- .icon {
- display: inline-block;
- vertical-align: baseline;
- }
- }
- }
-
- .file-upload-form {
- @include clearfix();
-
- width: 100%;
-
- .file-drop-area {
- border: 2px dashed $gray-l3;
- border-radius: ($baseline/5);
- padding: ($baseline*1.25);
- background: $white;
-
- @include text-align(center);
-
- cursor: pointer;
-
- &:hover,
- &.is-dragged {
- background: $blue-l5;
- border-style: solid;
- border-color: $blue-l4;
- }
-
- &:hover .upload-text-link {
- text-decoration: underline;
- }
-
- .fa-cloud-upload {
- font-size: 7em;
- vertical-align: top;
-
- @include margin-right(0.1em);
- }
-
- .text-container {
- display: inline-block;
-
- @include text-align(left);
-
- .upload-text-link {
- color: $ui-link-color;
- }
-
- .video-uploads-header {
- font-size: 1.5em;
- margin-bottom: 0.25em;
- font-weight: 600;
- }
-
- .video-max-file-size-text {
- margin-top: ($baseline/2);
- }
- }
- }
- }
-
- .active-video-upload-container {
- margin-bottom: ($baseline*2);
-
- .active-video-upload-list {
- @extend %cont-no-list;
-
- .active-video-upload {
- display: inline-block;
- min-height: ($baseline*4);
- width: (flex-grid(4) - 1.85);
- margin: (flex-gutter() - 1.85);
- border: 1px solid $gray-l3;
- border-radius: ($baseline/5);
- padding: ($baseline/2);
- vertical-align: top;
-
- .video-detail-name {
- @extend %cont-truncated;
- @extend %t-strong;
-
- margin-bottom: ($baseline/2);
- font-size: 90%;
- }
-
- .video-detail-status,
- .more-details-action {
- @include font-size(12);
- @include line-height(12);
- }
-
- .more-details-action,
- .upload-failure {
- display: none;
- }
-
- .video-detail-progress {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- margin-bottom: ($baseline/2);
- border: none;
- width: 100%;
- height: ($baseline/4);
- }
-
- .video-detail-progress::-webkit-progress-bar {
- background-color: $white;
- }
-
- // Sadly, these rules must be separate or both Chrome and Firefox break
- .video-detail-progress::-webkit-progress-value {
- background-color: $color-ready;
- }
-
- .video-detail-progress::-moz-progress-bar {
- background-color: $color-ready;
- }
-
- &:hover {
- @include transition(all $tmg-f3);
-
- background: $white;
- }
-
- &.queued {
- .video-detail-progress {
- visibility: hidden;
- }
- }
-
- &.error {
- .video-upload-status {
- color: $color-error;
- }
-
- // Sadly, these rules must be separate or both Chrome and Firefox break
- .video-detail-progress::-webkit-progress-value {
- background-color: $color-error;
- }
-
- .video-detail-progress::-moz-progress-bar {
- background-color: $color-error;
- }
-
- .more-details-action,
- .upload-failure {
- display: inline-block;
- color: $color-error;
- }
-
- .more-details-action {
- margin-top: ($baseline/5);
- float: right;
- }
- }
-
- &.success {
- .video-upload-status {
- color: $color-ready;
- }
- }
- }
- }
- }
-
- .button {
- @extend %ui-btn-non;
- }
-
- .assets-library {
- .js-table-body .video-id-col {
- word-break: break-all;
- }
-
- .assets-title {
- display: inline-block;
- width: flex-grid(5, 9);
-
- @include margin-right(flex-gutter());
- }
-
- .wrapper-encodings-download {
- display: inline-block;
- width: flex-grid(4, 9);
- text-align: right;
- }
-
- .actions-list {
- @extend %actions-list;
- }
- }
-
- .video-table {
- .video-row {
- display: table;
- table-layout: fixed;
- width: 100%;
-
- .video-col {
- display: table-cell;
- }
-
- .name-col {
- width: 23%;
- }
-
- .transcripts-col {
- width: 17%;
- }
-
- .thumbnail-col,
- .video-id-col {
- width: 15%;
- }
-
- .date-col,
- .status-col {
- width: 15%;
- }
-
- .actions-col {
- width: 5%;
- }
-
- .video-head-col.thumbnail-col {
- width: 17% !important;
- }
- }
- }
-
- .thumbnail-error-wrapper {
- display: table-row;
- white-space: nowrap;
- color: $red;
-
- .icon {
- margin: ($baseline*0.75) ($baseline/4) 0 ($baseline/2);
- }
- }
-
- $thumbnail-width: ($baseline*7.5);
- $thumbnail-height: ($baseline*5);
-
- .thumbnail-wrapper {
- position: relative;
- max-width: $thumbnail-width;
- max-height: $thumbnail-height;
-
- img {
- width: $thumbnail-width;
- height: $thumbnail-height;
- }
-
- * {
- cursor: pointer;
- }
-
- &.upload,
- &.requirements {
- border: 1px dashed $gray-l3;
- }
-
- &.requirements {
- .requirements-text {
- font-weight: 600;
- }
-
- .requirements-instructions {
- font-size: 15px;
- font-family: $font-family-sans-serif;
- text-align: left;
- color: $gray-d2;
- line-height: 1.5;
- }
-
- .video-duration {
- opacity: 0;
- }
- }
-
- &.edit {
- background: black;
-
- &:hover,
- &:focus,
- &.focused {
- img,
- .video-duration {
- @include transition(all 0.3s linear);
-
- opacity: 0.1;
- }
- }
- }
-
- &.progress {
- background: white;
-
- img {
- @include transition(all 0.5s linear);
-
- opacity: 0.15;
- }
-
- .action-icon {
- display: block;
- }
- }
-
- &.upload .thumbnail-action {
- color: $blue;
- }
-
- &.progress .thumbnail-action {
- .action-icon {
- @include font-size(20);
- }
- }
-
- &.edit {
- background-color: #4e4e4e;
- }
-
- &.edit .thumbnail-action .action-icon.edit {
- display: none;
- }
-
- &.edit .thumbnail-action .edit-container {
- background-color: $white;
- padding: ($baseline/4);
- border-radius: ($baseline/5);
- margin-top: ($baseline/2);
- display: none;
- }
-
- &.edit .action-text {
- color: $white;
- }
-
- .thumbnail-action {
- @include font-size(14);
- }
-
- .thumbnail-overlay > :not(.upload-image-input) {
- position: absolute;
- text-align: center;
- top: 50%;
- left: 5px;
- right: 5px;
-
- @include transform(translateY(-50%));
-
- z-index: 1;
- }
-
- .upload-image-input {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- opacity: 0;
- z-index: 6;
- width: $thumbnail-width;
- height: $thumbnail-height;
- }
-
- .video-duration {
- position: absolute;
- text-align: center;
- bottom: 1px;
-
- @include right(1px);
-
- width: auto;
- min-width: 25%;
- color: white;
- padding: ($baseline/10) ($baseline/5);
- background-color: black;
- }
-
- &.focused {
- box-shadow: 0 0 ($baseline/5) 1px $blue;
- }
-
- &.error {
- box-shadow: 0 0 ($baseline/5) 1px $red;
- }
- }
-}
diff --git a/cms/templates/js/active-video-upload-list.underscore b/cms/templates/js/active-video-upload-list.underscore
deleted file mode 100644
index ed35a1150ebc..000000000000
--- a/cms/templates/js/active-video-upload-list.underscore
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
- <%- gettext("Active Uploads") %>
-
-
diff --git a/cms/templates/js/active-video-upload.underscore b/cms/templates/js/active-video-upload.underscore
deleted file mode 100644
index adb2ed72bc71..000000000000
--- a/cms/templates/js/active-video-upload.underscore
+++ /dev/null
@@ -1,12 +0,0 @@
-<%- fileName %>
-
- <%- gettext('Discard Changes') %>
- <%-gettext('Press discard changes to discard your changes.') %>
-
-
- <%- gettext('Update Settings') %>
- <%-gettext('Press update settings to update the information for your organization.') %>
-
diff --git a/cms/templates/js/course-video-settings-update-settings-footer.underscore b/cms/templates/js/course-video-settings-update-settings-footer.underscore
deleted file mode 100644
index 77fd90e9d9ef..000000000000
--- a/cms/templates/js/course-video-settings-update-settings-footer.underscore
+++ /dev/null
@@ -1,13 +0,0 @@
-
- <%- gettext('Discard Changes') %>
- <%-gettext('Press discard changes to discard changes.') %>
-
-
- <%- gettext('Update Settings') %>
- <%-gettext('Press update settings to update course video settings') %>
-
-
-<%if (dateModified) { %>
- <%- gettext('Last updated')%> <%- dateModified %>
-<% } %>
-
diff --git a/cms/templates/js/course-video-settings.underscore b/cms/templates/js/course-video-settings.underscore
deleted file mode 100644
index 80012a293a7e..000000000000
--- a/cms/templates/js/course-video-settings.underscore
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
-
<%- gettext('Course Video Settings') %>
-
-
-
-
-
-
- <%- gettext('Transcript Turnaround') %>
-
-
- <%- gettext('Transcript Fidelity') %>
-
-
- <%- gettext('Video Source Language') %>
-
-
-
<%- gettext('Transcript Languages') %>
-
-
-
-
<%- gettext('Automated Transcripts') %>
-
- <% for (var i = 0; i < providers.length; i++) { %>
- <%- providers[i].name %>
- <% } %>
-
diff --git a/cms/templates/js/course-video-transcript-provider-selected.underscore b/cms/templates/js/course-video-transcript-provider-selected.underscore
deleted file mode 100644
index d5e9eee2691d..000000000000
--- a/cms/templates/js/course-video-transcript-provider-selected.underscore
+++ /dev/null
@@ -1,8 +0,0 @@
-<%- gettext('Transcript Provider') %>
-
- <%- selectedProvider %>
-
- <%- gettext('Change') %>
- <%-gettext('Press change to change selected transcript provider.') %>
-
-
diff --git a/cms/templates/js/previous-video-upload-list.underscore b/cms/templates/js/previous-video-upload-list.underscore
deleted file mode 100644
index 5adb3e211984..000000000000
--- a/cms/templates/js/previous-video-upload-list.underscore
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
<%- gettext("Previous Uploads") %>
-
-
-
-
- <% if (videoImageUploadEnabled) { %>
-
<%- gettext("Thumbnail") %>
- <% } %>
-
<%- gettext("Name") %>
-
<%- gettext("Date Added") %>
-
<%- gettext("Video ID") %>
-
<%- gettext("Transcripts") %>
-
<%- gettext("Video Status") %>
-
<%- gettext("Action") %>
-
-
-
-
-
- <% if (videoImageUploadEnabled) { %>
-
- <% } %>
-
<%- client_video_id %>
-
<%- created %>
-
<%- edx_video_id %>
-
-
-
-
<%- status %>
-<% if (show_error && error_description) { %>
-
- <%- error_description %>
-<% }%>
diff --git a/cms/templates/js/video-thumbnail-error.underscore b/cms/templates/js/video-thumbnail-error.underscore
deleted file mode 100644
index 4f7c7c4d2ed4..000000000000
--- a/cms/templates/js/video-thumbnail-error.underscore
+++ /dev/null
@@ -1,4 +0,0 @@
-
- <%- errorText %>
-
diff --git a/cms/templates/js/video-thumbnail.underscore b/cms/templates/js/video-thumbnail.underscore
deleted file mode 100644
index 1d6538668985..000000000000
--- a/cms/templates/js/video-thumbnail.underscore
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
-
-
- <%- actionInfo.icon %>
- <%- actionInfo.text %>
-
- <%- actionInfo.icon %>
- <%- actionInfo.actionText %>
-
-
-
-
- <%- edx.StringUtils.interpolate(
- gettext("Recommended image resolution is {imageResolution}, maximum image file size should be {maxFileSize} and format must be one of {supportedImageFormats}."),
- {imageResolution: videoImageResolution, maxFileSize: videoImageMaxSize.humanize, supportedImageFormats: videoImageSupportedFileFormats.humanize}
- ) %>
-
-
- <% if(duration) { %>
-
- <%- duration.humanize %>
- <%- duration.machine %>
-
- <% } %>
-
<%- shortMessage %>
-
- <%- gettext('Read more') %>
-
diff --git a/cms/templates/js/video-transcripts.underscore b/cms/templates/js/video-transcripts.underscore
deleted file mode 100644
index 290291db4979..000000000000
--- a/cms/templates/js/video-transcripts.underscore
+++ /dev/null
@@ -1,52 +0,0 @@
-
diff --git a/cms/templates/videos_index.html b/cms/templates/videos_index.html
deleted file mode 100644
index 5e692042552b..000000000000
--- a/cms/templates/videos_index.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<%page expression_filter="h"/>
-<%inherit file="base.html" />
-<%def name="online_help_token()"><% return "video" %>
-<%!
- import json
- from django.core.serializers.json import DjangoJSONEncoder
- from django.utils.translation import gettext as _
- from openedx.core.djangolib.js_utils import (
- dump_js_escaped_json, js_escaped_string
- )
- from openedx.core.djangolib.markup import HTML, Text
-%>
-<%block name="title">${_("Video Uploads")}
-<%block name="bodyclass">is-signedin course view-video-uploads
-
-<%namespace name='static' file='static_content.html'/>
-
-<%block name="header_extras">
-% for template_name in ["active-video-upload", "previous-video-upload-list"]:
-
-% endfor
-
-
-<%block name="requirejs">
- require(["js/factories/videos_index"], function (VideosIndexFactory) {
- "use strict";
- var $contentWrapper = $(".content-primary");
- VideosIndexFactory(
- $contentWrapper,
- "${image_upload_url | n, js_escaped_string}",
- "${video_handler_url | n, js_escaped_string}",
- "${encodings_download_url | n, js_escaped_string}",
- "${default_video_image_url | n, js_escaped_string}",
- ${concurrent_upload_limit | n, dump_js_escaped_json},
- $(".nav-actions .course-video-settings-button"),
- $contentWrapper.data("previous-uploads"),
- ${video_supported_file_formats | n, dump_js_escaped_json},
- ${video_upload_max_file_size | n, dump_js_escaped_json},
- ${active_transcript_preferences | n, dump_js_escaped_json},
- ${transcript_credentials | n, dump_js_escaped_json},
- ${video_transcript_settings | n, dump_js_escaped_json},
- ${is_video_transcript_enabled | n, dump_js_escaped_json},
- ${video_image_settings | n, dump_js_escaped_json},
- ${transcript_available_languages | n, dump_js_escaped_json}
- );
- });
-
-
-<%block name="content">
-
-
-
-
-
-% if pagination_context:
- <%include file="videos_index_pagination.html"/>
-% endif
-
-
diff --git a/cms/templates/videos_index_pagination.html b/cms/templates/videos_index_pagination.html
deleted file mode 100644
index a96c2916463b..000000000000
--- a/cms/templates/videos_index_pagination.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<%page expression_filter="h"/>
-<%!
-from django.utils.translation import gettext as _
-from openedx.core.djangolib.js_utils import dump_js_escaped_json
-%>
-
-
- ${_('Videos per page:')} ${pagination_context['items_on_one_page']}
-
-
- ${_("Change")}
-
-
-
diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html
index d01ee633ea87..4a8c7a142a86 100644
--- a/cms/templates/widgets/header.html
+++ b/cms/templates/widgets/header.html
@@ -46,7 +46,6 @@
certificates_url = reverse('certificates_list_handler', kwargs={'course_key_string': str(course_key)})
checklists_url = reverse('checklists_handler', kwargs={'course_key_string': str(course_key)})
pages_and_resources_mfe_enabled = ENABLE_PAGES_AND_RESOURCES_MICROFRONTEND.is_enabled(context_course.id)
- video_upload_mfe_enabled = toggles.use_new_video_uploads_page(context_course.id)
schedule_details_mfe_enabled = toggles.use_new_schedule_details_page(context_course.id)
grading_mfe_enabled = toggles.use_new_grading_page(context_course.id)
course_team_mfe_enabled = toggles.use_new_course_team_page(context_course.id)
@@ -103,12 +102,7 @@ ${_("Course"
${_("Textbooks")}
% endif
- % if context_course.video_pipeline_configured and not video_upload_mfe_enabled:
-
- ${_("Video Uploads")}
-
- % endif
- % if context_course.video_pipeline_configured and video_upload_mfe_enabled:
+ % if context_course.video_pipeline_configured:
${_("Videos")}
diff --git a/webpack-config/file-lists.js b/webpack-config/file-lists.js
index 1ca653ba3ef2..f92664881395 100644
--- a/webpack-config/file-lists.js
+++ b/webpack-config/file-lists.js
@@ -24,19 +24,13 @@ module.exports = {
path.resolve(__dirname, '../cms/static/js/certificates/views/certificate_preview.js'),
path.resolve(__dirname, '../cms/static/js/certificates/views/signatory_details.js'),
path.resolve(__dirname, '../cms/static/js/certificates/views/signatory_editor.js'),
- path.resolve(__dirname, '../cms/static/js/views/active_video_upload_list.js'),
path.resolve(__dirname, '../cms/static/js/views/assets.js'),
- path.resolve(__dirname, '../cms/static/js/views/course_video_settings.js'),
path.resolve(__dirname, '../cms/static/js/views/experiment_group_edit.js'),
path.resolve(__dirname, '../cms/static/js/views/license.js'),
path.resolve(__dirname, '../cms/static/js/views/modals/move_xblock_modal.js'),
path.resolve(__dirname, '../cms/static/js/views/move_xblock_breadcrumb.js'),
path.resolve(__dirname, '../cms/static/js/views/move_xblock_list.js'),
path.resolve(__dirname, '../cms/static/js/views/paging_header.js'),
- path.resolve(__dirname, '../cms/static/js/views/previous_video_upload_list.js'),
- path.resolve(__dirname, '../cms/static/js/views/previous_video_upload.js'),
- path.resolve(__dirname, '../cms/static/js/views/video_thumbnail.js'),
- path.resolve(__dirname, '../cms/static/js/views/video_transcripts.js'),
path.resolve(__dirname, '../common/static/common/js/components/views/feedback.js'),
path.resolve(__dirname, '../common/static/common/js/components/views/paginated_view.js'),
path.resolve(__dirname, '../common/static/common/js/components/views/paging_footer.js'),
-
- <% if(duration) { %>
-