[#840]-add multiselect feature

app/MyApp/app/Router.js

@@ -6754,6 +6754,7 @@ $(function() {
             App.$el.children('.body').html('<div id="ManageCourseCareer"></div>');
             $('#ManageCourseCareer').append('<div><h2>'+App.languageDict.attributes.Add_Multiple_Courses+'</h2></div>')
             $('#ManageCourseCareer').append(addCourseCareer.el);
+            $('#LCourse').multiselect({columns: 1,placeholder: 'Select Course'});
             var directionOfLang = App.languageDict.get('directionOfLang');
             applyCorrectStylingSheet(directionOfLang) 
 

app/MyApp/index.html

@@ -1461,23 +1461,22 @@ <h4 id="new-quiz"><%= languageDict.attributes.New_Career_Path %></h4>
         <div class ="multipleCourse">
             <form>
                 <label for="lName"><%= languageDict.attributes.Level_Name %></label>
-                <select id="LCourse" style="font-size: 15px;font-weight: 500;">
+                <select id="levelSelect" style="padding: 2px; margin-top: 8px;">
                         <option selected><%= languageDict.attributes.Select_An_option %></option>
                         <option value='Begineers'>Begineers</option>
                         <option value='Intermediate'>Intermediate</option>
                         <option value='Professional'>Professional</option>
                 </select>
                 <label for="cpName"><%= languageDict.attributes.Course_Career_Path_Name %></label>
-                <input type="text" id="careerPath" placeholder="Course Career Path Name" style = "padding-top: 12px; padding-bottom: 11px;">
+                <input type="text" id="careerPath" placeholder="Course Career Path Name" style="padding: 2px; margin-top: 8px;">
                 <label for="LCourse"><%= languageDict.attributes.List_of_Courses %></label>
-                <select id="LCourse" style="font-size: 15px;font-weight: 500;">
-                        <option selected><%= languageDict.attributes.Select_An_option %></option>
+                <select id="LCourse" name = "LCourse[]"  >
                     <%for(var i =0; i<Course_Length;i++){%>
                         <option value='<%=Courselist[i]%>'><%=Courselist[i]%></option>
                   <%}%>
                 </select>
-                <button id="AddCareerPath" class="course btn btn-success" style="margin-left: 23px;    margin-top: -15px;"><%= languageDict.attributes.Create_Course_Career %></button>
-                <button id ="CancelCOursePath" class="btn resignBtn btn-danger" style="margin-left: 23px;margin-top: -15px;" ><%= languageDict.attributes.Cancel %></button>
+                <button id="AddCareerPath" class="course btn btn-success" style="margin-left: 23px;    margin-top: -1px;"><%= languageDict.attributes.Create_Course_Career %></button>
+                <button id ="CancelCOursePath" class="btn resignBtn btn-danger" style="margin-left: 23px;margin-top: -1px;" ><%= languageDict.attributes.Cancel %></button>
             </form>
         </div>
         <div>