Source video language UI - EDUCATOR-1314

cms/static/sass/views/_video-upload.scss

@@ -105,9 +105,10 @@
         color: $black-t4;
         @include font-size(15);
         font-weight: font-weight(semi-bold);
+        display: block;
       }
 
-      .transcript-provider-group, .transcript-turnaround, .transcript-fidelity  {
+      .transcript-provider-group, .transcript-turnaround, .transcript-fidelity, .video-source-language {
         margin-top: ($baseline*0.8);
       }
 
@@ -123,7 +124,7 @@
         }
       }
 
-      .transcript-turnaround-wrapper, .transcript-fidelity-wrapper, .transcript-languages-wrapper {
+      .transcript-turnaround-wrapper, .transcript-fidelity-wrapper, .video-source-language-wrapper, .transcript-languages-wrapper {
         display: none;
       }
 
@@ -143,7 +144,7 @@
       .transcript-language-menu-container {
         margin-top: ($baseline*0.8);
         .transcript-language-menu {
-          width: 65%;
+          width: 60%;
         }
         .add-language-action {
           display: inline-block;

cms/templates/js/course-video-settings.underscore

@@ -26,9 +26,13 @@
             <select id='transcript-fidelity' class='transcript-fidelity'></select>
             <span class='error-info' aria-hidden="true"></span>
         </div>
+        <div class='transcript-preferance-wrapper video-source-language-wrapper'>
+            <label class='transcript-preferance-label' for='video-source-language'><%- gettext('Video Source Language') %><span class='error-icon' aria-hidden="true"></span></label>
+            <select id='video-source-language' class='video-source-language' aria-labelledby="video-source-language-none"></select>
+            <span class='error-info' aria-hidden="true"></span>
+        </div>
         <div class='transcript-preferance-wrapper transcript-languages-wrapper'>
-            <span class='transcript-preferance-label'><%- gettext('Transcript Languages') %></span>
-            <span class='error-icon' aria-hidden="true"></span>
+            <span class='transcript-preferance-label'><%- gettext('Transcript Languages') %><span class='error-icon' aria-hidden="true"></span></span>
             <div class='transcript-languages-container'>
                 <div class='languages-container'></div>
                 <div class="transcript-language-menu-container">