Make profile-image as require.

ECOM-7560

course_discovery/conf/locale/en/LC_MESSAGES/django.po

@@ -7,14 +7,14 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2017-03-27 17:23+0500\n"
+"POT-Creation-Date: 2017-03-30 12:20+0500\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Language: \n"
 
 #: apps/api/filters.py
 #, python-brace-format
@@ -934,6 +934,10 @@ msgid "New Instructor"
 msgstr ""
 
 #: templates/publisher/_add_instructor_popup.html
+msgid "Click here to upload your image"
+msgstr ""
+
+#: templates/publisher/_add_instructor_popup.html
 msgid "Name"
 msgstr ""
 

course_discovery/conf/locale/en/LC_MESSAGES/djangojs.po

@@ -7,14 +7,14 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2017-03-27 17:23+0500\n"
+"POT-Creation-Date: 2017-03-30 12:20+0500\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Language: \n"
 
 #: static/js/catalogs-change-form.js
 msgid "Preview"
@@ -36,6 +36,12 @@ msgstr ""
 msgid "The image file size cannot exceed 1 MB."
 msgstr ""
 
+#: static/js/publisher/instructors.js
+msgid ""
+"Please upload a instructor image. File must be smaller than 1 megabyte in "
+"size."
+msgstr ""
+
 #: static/js/publisher/instructors.js static/js/publisher/preview-url.js
 msgid "Something went wrong!"
 msgstr ""

course_discovery/conf/locale/eo/LC_MESSAGES/django.po

@@ -7,14 +7,14 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2017-03-27 17:23+0500\n"
+"POT-Creation-Date: 2017-03-30 12:20+0500\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Language: \n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
 #: apps/api/filters.py
@@ -1095,6 +1095,10 @@ msgid "New Instructor"
 msgstr "Néw Ìnstrüçtör Ⱡ'σяєм ιρѕυм ∂σłσя ѕιт#"
 
 #: templates/publisher/_add_instructor_popup.html
+msgid "Click here to upload your image"
+msgstr "Çlïçk héré tö üplöäd ýöür ïmägé Ⱡ'σяєм ιρѕυм ∂σłσя ѕιт αмєт, ¢σηѕє¢т#"
+
+#: templates/publisher/_add_instructor_popup.html
 msgid "Name"
 msgstr "Nämé Ⱡ'σяєм ι#"
 

course_discovery/conf/locale/eo/LC_MESSAGES/djangojs.po

@@ -7,14 +7,14 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2017-03-27 17:23+0500\n"
+"POT-Creation-Date: 2017-03-30 12:20+0500\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Language: \n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
 #: static/js/catalogs-change-form.js
@@ -41,6 +41,14 @@ msgstr ""
 "Thé ïmägé fïlé sïzé çännöt éxçééd 1 MB. Ⱡ'σяєм ιρѕυм ∂σłσя ѕιт αмєт, "
 "¢σηѕє¢тєтυя#"
 
+#: static/js/publisher/instructors.js
+msgid ""
+"Please upload a instructor image. File must be smaller than 1 megabyte in "
+"size."
+msgstr ""
+"Pléäsé üplöäd ä ïnstrüçtör ïmägé. Fïlé müst ßé smällér thän 1 mégäßýté ïn "
+"sïzé. Ⱡ'σяєм ιρѕυм ∂σłσя ѕιт αмєт, ¢σηѕє¢тєт#"
+
 #: static/js/publisher/instructors.js static/js/publisher/preview-url.js
 msgid "Something went wrong!"
 msgstr "Söméthïng wént wröng! Ⱡ'σяєм ιρѕυм ∂σłσя ѕιт αмєт, #"

course_discovery/static/js/publisher/instructors.js

@@ -9,11 +9,18 @@ $(document).ready(function(){
     });
 
     $('#add-new-instructor').click(function(e){
+        clearModalError();
         $('#addInstructorModal').show();
         $('body').addClass('stopScroll');
     });
 
     $('#add-instructor-btn').click(function (e) {
+
+        if ($('#staffImageSelect').get(0).files.length === 0){
+            addModalError(gettext("Please upload a instructor image. File must be smaller than 1 megabyte in size."));
+            return false;
+        }
+
         $.ajax({
             type: "POST",
             url: $(this).data('url'),

course_discovery/static/js/publisher/modal-screen.js

@@ -39,6 +39,7 @@ function addModalError(errorMessage) {
 
     $('#modal-errors').html(errorHtml);
     $('#modal-errors').show();
+    $('.modal').scrollTop(0);
 }
 
 function clearModalError($modal) {

course_discovery/static/sass/publisher/course_form.scss

@@ -107,6 +107,20 @@
             height: 150px;
             display: block;
             margin: auto;
+          span{
+            position: absolute;
+            top: 60px;
+            left: 10px;
+            z-index: 0;
+            font-size: 13px;
+            right: 10px;
+            text-align: center;
+            color: #98A;
+          }
+          img{
+            position: relative;
+            z-index: 1;
+          }
         }
 
         img.select-image {

course_discovery/templates/publisher/_add_instructor_popup.html

@@ -8,6 +8,7 @@
         <form class="form">
             <fieldset class="form-group">
                 <div class="staff-image-icon">
+                    <span>{% trans "Click here to upload your image" %}</span>
                     <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="select-image" />
                     <input name="staff-image" id="staffImageSelect" type="file" accept="image/*" onchange="loadSelectedImage(this);">
                 </div>