840 course career path(connects #840)

app/MyApp/app/Router.js

@@ -23,7 +23,7 @@ $(function() {
             'resource/search': 'bellResourceSearch',
             'search-bell/:levelId/:rId': 'SearchBell',
             'assign-to-level': 'AssignResourcetoLevel',
-            'courses': 'Courses',
+            'courses(/courseCareerPath)': 'Courses',
             'course/manage/:courseId': 'ManageCourse',
             'course/details/:courseId/:courseName': 'courseDetails',
             'usercourse/details/:courseId/:courseName': 'UserCourseDetails',
@@ -95,7 +95,10 @@ $(function() {
             'checksum(/:nation/:url)': 'checkSum',
             'listLearnersCredits/:cid': 'showLearnersListForCredits',
             'passwordResetEmail': 'showPasswordResetEmail',
-            'password-reset': 'showPasswordReset'
+            'password-reset': 'showPasswordReset',
+            'courseCareerPath':'addCareerPath',
+            'courseCareerPath/manage/:careername/:careerId':'manageCourseCareer',
+            'courseCareerPath/details/:carrerId': 'CareerDetails'
         },
         addOrUpdateWelcomeVideoDoc: function() {
             // fetch existing welcome video doc if there is any
@@ -1926,6 +1929,7 @@ $(function() {
             }
             $('.form .field-Tag select').attr("multiple", true);
             $('.form .field-Tag select').click(function() {
+                console.log(this.value)
                 context.AddNewSelect(this.value)
             });
             $('.form .field-Tag select').dblclick(function() {
@@ -2303,7 +2307,11 @@ $(function() {
                     button += '<button class="btn btn-info" onclick="CourseSearch()">'+App.languageDict.attributes.Search+'</button></span>'
                     button += '</p>'
                     $('#parentLibrary').append( button);
-                    $('#parentLibrary').append('<h3 id="headingOfCourses">'+App.languageDict.attributes.Courses+'</h3>')
+                    if($.url().attr('fragment') == "courses") {
+                        $('#parentLibrary').append('<p id="labelOnResource" style="font-size:30px;color:#808080;"><a href="#courses"style="font-size:30px;text-decoration: underline;;">'+languageDict.attributes.Courses+'</a>&nbsp&nbsp|&nbsp&nbsp<a href="#courseCareerPath" style="font-size:30px;" >'+languageDict.attributes.Career_Path+'</a></p>')
+                    }else{
+                        $('#parentLibrary').append('<p id="labelOnResource" style="font-size:30px;color:#808080;"><a href="#courses"style="font-size:30px;">'+languageDict.attributes.Courses+'</a>&nbsp&nbsp|&nbsp&nbsp<a href="#courseCareerPath" style="font-size:30px;text-decoration: underline;">'+languageDict.attributes.Career_Path+'</a></p>')
+                    }
                     $('#parentLibrary').append(coursesTable.el);
                     coursesTable.changeDirection();
                     if(directionOfLang.toLowerCase()==="right")
@@ -7234,6 +7242,112 @@ $(function() {
             });
             passwordResetView.render();
             App.$el.children('.body').append(passwordResetView.el)
+        },
+
+        addCareerPath:function(cId){
+            var courses = new App.Collections.Courses()
+            courses.memberId = $.cookie('Member._id');
+            courses.fetch({
+                async:false
+            });
+            $.ajax({
+                    url: '/coursecareerpath/_design/bell/_view/getCourseCareerByName',
+                    type: 'GET',
+                    dataType: "jsonp",
+                    async: false,
+                    success: function(json) {
+                        console.log(json)
+                        $(careerList).insertBefore('#searchText');
+                    }
+                });
+            var addCourseCareer = new App.Views.AddCourseCareer({
+                collection:courses
+            });
+            addCourseCareer.render()
+            App.$el.children('.body').html('<div id="ManageCourseCareer"></div>');
+            $('#ManageCourseCareer').append('<a id="addCourseButton" class="btn btn-success" href="#course/add">'+App.languageDict.attributes.Add_Course+'</a>')
+            $('#ManageCourseCareer').append('<a id="requestCourseButton" class="btn btn-success" style="margin: 13px;margin-left: 9px;" onclick=showRequestForm("Course")>'+App.languageDict.attributes.Request_Course+'</a>')
+            if($.url().attr('fragment') == "courses") {
+                $('#ManageCourseCareer').append('<p id="labelOnResource" style="font-size:30px; color:#808080"><a href="#courses"style="font-size:30px;text-decoration: underline;">'+languageDict.attributes.Courses+'</a>&nbsp&nbsp|&nbsp&nbsp<a href="#courseCareerPath" style="font-size:30px;text-decoration: underline;"checked data-toggle="toggle">'+languageDict.attributes.Career_Path+'</a></p>')
+            }else{
+                $('#ManageCourseCareer').append('<p id="labelOnResource" style="font-size:30px; color:#808080"><a href="#courses"style="font-size:30px;">'+languageDict.attributes.Courses+'</a>&nbsp&nbsp|&nbsp&nbsp<a href="#courseCareerPath" style="font-size:30px;text-decoration: underline;"checked data-toggle="toggle">'+languageDict.attributes.Career_Path+'</a></p>')
+            }
+            $('#ManageCourseCareer').append(addCourseCareer.el);
+            $("#EditCareerPath").hide();
+            $('#LCourse').multiselect().multiselectfilter();
+            $('#LCourse').multiselect({
+                checkAllText: App.languageDict.attributes.checkAll,
+                uncheckAllText: App.languageDict.attributes.unCheckAll,
+                selectedText: '# '+App.languageDict.attributes.Selected
+            });
+            $('#LCourse').multiselect().multiselectfilter("widget")[0].children[0].firstChild.data=App.languageDict.attributes.Filter;
+            $('.ui-multiselect-filter').find('input').attr('placeholder',App.languageDict.attributes.KeyWord_s);
+            $('#LCourse').attr("multiple", true);
+            $('#LCourse').multiselect("uncheckAll");
+            ///--CarrerList
+            var courseCareerPath = new App.Collections.CourseCareerPath()
+            courseCareerPath.fetch({
+                async:false
+            });
+            $('#LCareer').multiselect().multiselectfilter();
+            $('#LCareer').multiselect({
+                checkAllText: App.languageDict.attributes.checkAll,
+                uncheckAllText: App.languageDict.attributes.unCheckAll,
+                selectedText: '# '+App.languageDict.attributes.Selected
+            });
+            $('#LCareer').multiselect().multiselectfilter("widget")[0].children[0].firstChild.data=App.languageDict.attributes.Filter;
+            $('.ui-multiselect-filter').find('input').attr('placeholder',App.languageDict.attributes.KeyWord_s);
+            $('#LCareer').attr("multiple", true);
+            $('#LCareer').multiselect("uncheckAll");
+            var directionOfLang = App.languageDict.get('directionOfLang');
+            applyCorrectStylingSheet(directionOfLang) 
+        },
+
+        manageCourseCareer: function(cname,cId){
+            var courseCareerPath = new App.Models.CoursecareerPath({
+                _id : cId
+            });
+            courseCareerPath.fetch({
+                async:false
+            });
+            var manageCouseCareer = new App.Views.ManageCourseCareer({
+                model:courseCareerPath
+            });
+            var directionOfLang = App.languageDict.get('directionOfLang');
+            applyCorrectStylingSheet(directionOfLang)
+                model:courseCareerPath
+            manageCouseCareer.render();
+            App.$el.children('.body').html('<div id="CourseCareerManage"></div>');
+            $('#CourseCareerManage').append('<div><h2>'+App.languageDict.attributes.Add_Multiple_Careers+'</h2></div>')
+            $('#CourseCareerManage').append(manageCouseCareer.el);
+            $('#careerPathList').hide()
+            $('#LCourse').multiselect().multiselectfilter();
+            $('#LCourse').multiselect({
+                checkAllText: App.languageDict.attributes.checkAll,
+                uncheckAllText: App.languageDict.attributes.unCheckAll,
+                selectedText: '# '+App.languageDict.attributes.Selected
+            });
+            $('#LCourse').multiselect().multiselectfilter("widget")[0].children[0].firstChild.data=App.languageDict.attributes.Filter;
+            $('.ui-multiselect-filter').find('input').attr('placeholder',App.languageDict.attributes.KeyWord_s);
+            $('#LCourse').attr("multiple", true);
+            $('#LCourse').multiselect("uncheckAll");
+            var directionOfLang = App.languageDict.get('directionOfLang');
+            applyCorrectStylingSheet(directionOfLang)
+        },
+
+        CareerDetails: function(careerId) {
+            var CareerPath = new App.Models.CoursecareerPath({
+                _id : careerId
+            });
+            CareerPath.fetch({
+                async:false
+            });
+            var careerView = new App.Views.CareerDetailView({
+                model: CareerPath
+            })
+            careerView.render()
+            App.$el.children('.body').html(careerView.el);
+            applyCorrectStylingSheet(App.languageDict.get('directionOfLang'))
         }
     }))
 })

app/MyApp/app/collections/CourseCareerPath.js

@@ -0,0 +1,26 @@
+$(function() {
+
+    App.Collections.CourseCareerPath = Backbone.Collection.extend({
+        url: function() {
+             if (this.CoursePathName!= undefined && this.MemberID!= undefined ) {
+                return App.Server + '/coursecareerpath/_design/bell/_view/GetCourseCareerByLevelNameMemberIds?key=["' +this.CoursePathName + '","' +this.MemberID+ '"]&include_docs=true'
+            } else if (this.CoursePathName!= undefined ) {
+                return App.Server + '/coursecareerpath/_design/bell/_view/getCourseCareerByName?key=["' +this.CoursePathName + '"]&include_docs=true'
+            } else {
+                return App.Server + '/coursecareerpath/_all_docs?include_docs=true'
+            }
+        },
+
+        parse: function(response) {
+            var models = []
+            _.each(response.rows, function(row) {
+                models.push(row.doc)
+            });
+            return models
+        },
+        initialize: function() {
+            this.sort_key = 'CoursePathName';
+        }
+    })
+
+})

app/MyApp/app/models/CoursecareerPath.js

@@ -0,0 +1,26 @@
+$(function() {
+
+    App.Models.CoursecareerPath = Backbone.Model.extend({
+
+        idAttribute: "_id",
+        url: function() {
+            if (_.has(this, 'id')) {
+                var url = (_.has(this.toJSON(), '_rev')) ? App.Server + '/coursecareerpath/' + this.id + '?rev=' + this.get('_rev') // For UPDATE and DELETE
+                    : App.Server + '/coursecareerpath/' + this.id // For READ
+            } else {
+                var url = App.Server + '/coursecareerpath' // for CREATE
+            }
+            return url
+        },
+        defaults: {
+            kind: 'coursecareerpath',//Saves kind of document according to corresponding db's.Mostly used in couch db views.
+        },
+        schema: {
+            Level_Name: 'Text', 
+            CareerPathName:'Text',
+            Courselist: 'Text', 
+            CourseIds:[],//Array:Multiple Courses
+            MemberID:'Text'
+        },
+    })
+})

app/MyApp/app/views/AddCourseCareer.js

@@ -0,0 +1,182 @@
+$(function() {
+
+    App.Views.AddCourseCareer = Backbone.View.extend({
+        template: $('#template-addCourseCareer').html(),
+        vars: {},
+        searchText: "",
+        events: {
+            "click .Search": function(e) {
+             this.renderTable($('#searchText').val().toLowerCase())
+            },
+            "click #buttonCareer": function(){
+            },
+            "click #AddCareerPath": function() {
+                var a1 = $("#careerPath").val()
+                if(a1 != "")
+                    this.saveCareerPath();
+            },
+            "click #CancelCoursePath": function(e) {
+            },
+            "click #Delete": function(e) {
+                var a = $(e.target).attr('data-id')
+                var career = new App.Models.CoursecareerPath({
+                    _id: a
+                })
+                career.fetch({
+                    async: false
+                })
+                career.destroy()
+                alert(App.languageDict.attributes.Selected);
+                location.reload();
+            },
+            "click #careerEdit": function(e) {
+                var currentId = $(e.target).attr("data-id");
+                $('#AddCareerPath').hide();
+                var courseCareer = new App.Models.CoursecareerPath({
+                    _id : currentId
+                })
+                courseCareer.fetch({
+                    async: false
+                });
+                $('#careerPath').val(courseCareer.attributes.CoursePathName);
+                $('#UpdateCareerPath').css('display','');
+                $('#UpdateCareerPath').attr('data-id',currentId);
+            },
+            "click #UpdateCareerPath": function(e) {
+                this.saveCareerPath($('#UpdateCareerPath').attr('data-id'));
+            },
+        },
+
+        initialize: function() {},
+
+        renderTable: function(searchText) {
+            App.startActivityIndicator()
+            var that = this
+            var career = new App.Collections.CourseCareerPath()
+            career.CoursePathName = searchText
+            career.fetch({
+                success: function(response){
+                    var careerTable = new App.Views.AddCourseCareer({
+                        collection: response
+                    })
+                    $(".btable").append("<tr><td>"+career.models[0].attributes.CoursePathName+"</td><td><ul><li>"+career.models[0].attributes.Courses+"</ul></li></td><td></td></tr>")
+                    App.stopActivityIndicator()
+                },
+                error: function() {
+                    App.stopActivityIndicator()
+                }
+            })
+        },
+
+        saveCareerPath: function(previousId){
+            var selectedCourseId = []
+            var selectedCourseName = []
+            var selectedCareerIds = []
+            if(previousId){
+                var courseCareer = new App.Models.CoursecareerPath({
+                    _id : previousId
+                })
+                courseCareer.fetch({
+                    async: false
+                });
+                $('#LCourse option:selected').each(function(){
+                    if ($(this).length) {
+                        selectedCourseId.push($(this).val());
+                        selectedCourseName.push($(this).text());
+                    }
+                });
+                $('#LCareer option:selected').each(function(){
+                    if ($(this).length) {
+                        selectedCareerIds.push($(this).val());
+                    }
+                });
+                var courseCareerTitle = $('#careerPath').val()
+                courseCareer.set('CareerPathName',courseCareerTitle);
+                courseCareer.set('Courses',selectedCourseName);
+                courseCareer.set('CourseIds',selectedCourseId);
+                courseCareer.set('MemberID',$.cookie('Member._id'));
+                courseCareer.set('requiredCareerPathIds',selectedCareerIds);
+                courseCareer.save(null, {
+                    success: function(response){
+                        location.reload();
+                    },
+                    error: function() {
+                        console.log("Not Saved")
+                    }
+                })
+                location.reload();
+            } else {
+                $('#LCourse option:selected').each(function(){
+                    if ($(this).length) {
+                        selectedCourseId.push($(this).val());
+                        selectedCourseName.push($(this).text());
+                    }
+                });
+                $('#LCareer option:selected').each(function(){
+                    if ($(this).length) {
+                        selectedCareerIds.push($(this).val());
+                    }
+                });
+                var courseCareerTitle = $('#careerPath').val()
+                var savecoursecareer = new App.Models.CoursecareerPath()
+                savecoursecareer.set('CoursePathName',courseCareerTitle);
+                savecoursecareer.set('Courses',selectedCourseName);
+                savecoursecareer.set('CourseIds',selectedCourseId);
+                savecoursecareer.set('MemberID',$.cookie('Member._id'));
+                savecoursecareer.set('requiredCareerPathIds',selectedCareerIds);
+                savecoursecareer.save(null, {
+                    success: function(response){
+                        location.reload();
+                    },
+                    error: function(status) {
+                        console.log(status)
+                        console.log("Not Saved")
+                    }
+                })
+            }
+        },
+
+        render: function() {
+            var careerlength;
+            var arrcourses = []
+            var arrCourseIds = []
+            for(var i = 0; i <this.collection.models.length; i++){
+                if(this.collection.models[i].id != '_design/bell'){
+                    var courseslist = this.collection.models[i].attributes.CourseTitle
+                    var courseId = this.collection.models[i].attributes._id
+                    arrcourses.push(courseslist)
+                    arrCourseIds.push(courseId)
+                }
+            }
+            var courseCareers = new App.Collections.CourseCareerPath()
+            courseCareers.memberId = $.cookie('Member._id');
+            courseCareers.fetch({
+                async:false
+            });
+            this.vars.careerList = [];
+            for(var i = 0; i < (courseCareers.length); i++) {
+                if(courseCareers.models[i].attributes._id !== "_design/bell"){
+                    this.vars.careerList.push(courseCareers.models[i].attributes);
+                }
+            }
+
+            this.vars.Courselist = arrcourses
+            this.vars.careerlength = careerlength
+            this.vars.Courseid = arrCourseIds
+            this.vars.Course_Length = this.collection.models.length-1
+            ////PushRequired ID
+            this.vars.CareerList = [];
+            this.vars.careerListIds = [];
+            for(var j = 0; j< courseCareers.length; j++){
+                if(courseCareers.models[j].attributes._id != '_design/bell'){
+                    this.vars.CareerList.push(courseCareers.models[j].attributes.CoursePathName);
+                    this.vars.careerListIds.push(courseCareers.models[j].attributes._id);
+                    this.vars.careerlength = j + 1
+                }
+            }
+             this.vars.careerlength =courseCareers.length-1
+            this.$el.html(_.template(this.template,this.vars))
+        },
+    })
+
+})