GCTC-NTGC / TalentCloud

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */

var CreateEditProfileAPI = {};

CreateEditProfileAPI.managerProfileObj = {};

CreateEditProfileAPI.ManagerProfile = function (

        user_manager_profile_id,

        user_manager_profile_department_id,

        user_manager_profile_twitter,

        user_manager_profile_linkedin,

        user_id,

        profile_pic) {

    this.user_manager_profile_id = user_manager_profile_id;

    this.user_manager_profile_department_id = user_manager_profile_department_id;

    this.user_manager_profile_twitter = user_manager_profile_twitter;

    this.user_manager_profile_linkedin = user_manager_profile_linkedin;

};

CreateEditProfileAPI.ManagerProfileDetails = function (

        user_manager_profile_details_id,

        user_manager_profile_details_locale_id,

        user_manager_profile_details_aboutme,

        user_manager_profile_details_proud,

        user_manager_profile_details_branch,

        user_manager_profile_details_division,

        user_manager_profile_details_position,

        user_manager_profile_details_lead_style,

        user_manager_profile_details_emp_learn,

        user_manager_profile_details_expectations,

        user_manager_profile_id,

        user_manager_profile_review_options,

        user_manager_profile_staylate,

        user_manager_profile_engage,

        user_manager_profile_devops,

        user_manager_profile_lvwrequests,

        user_manager_profile_work_experience,

        user_manager_profile_education) {

    this.user_manager_profile_details_id = user_manager_profile_details_id;

    this.user_manager_profile_details_locale_id = user_manager_profile_details_locale_id;

    this.user_manager_profile_details_aboutme = user_manager_profile_details_aboutme;

    this.user_manager_profile_details_proud = user_manager_profile_details_proud;

    this.user_manager_profile_details_branch = user_manager_profile_details_branch;

    this.user_manager_profile_details_division = user_manager_profile_details_division;

    this.user_manager_profile_details_position = user_manager_profile_details_position;

    this.user_manager_profile_details_lead_style = user_manager_profile_details_lead_style;

    this.user_manager_profile_details_emp_learn = user_manager_profile_details_emp_learn;

    this.user_manager_profile_details_expectations = user_manager_profile_details_expectations;

    this.user_manager_profile_id = user_manager_profile_id;

    this.user_manager_profile_review_options = user_manager_profile_review_options;

    this.user_manager_profile_staylate = user_manager_profile_staylate;

    this.user_manager_profile_engage = user_manager_profile_engage;

    this.user_manager_profile_devops = user_manager_profile_devops;

    this.user_manager_profile_lvwrequests = user_manager_profile_lvwrequests;

    this.user_manager_profile_work_experience = user_manager_profile_work_experience;

    this.user_manager_profile_education = user_manager_profile_education;

};

/**

 *

 * @param {TalentCloudAPI.Content} siteContent

 * @return {undefined}

 */

    try {

    } catch (e) {

        (console.error || console.log).call(console, e.stack || e);

    }

};

CreateEditProfileAPI.selectedUnit = function (newID) {

    var option = document.getElementById(newID);

    option.checked = true;

};

//below are the functions for the tabbed layout of the 'create job poster' page for managers

CreateEditProfileAPI.goToStep = function (stepId) {

    var stepGroups = document.getElementsByClassName('stepGroup_createEditProfile');

    //console.log("+   " + stepGroups);

    for (var s = 0; s < stepGroups.length; s++) {

        var stepGroup = stepGroups[s];

        //console.log(stepGroup);

        if (!stepGroup.classList.contains('hidden')) {

            stepGroup.classList.add('hidden');

        }

        if (stepGroup.id === stepId) {

            stepGroup.classList.remove('hidden');

        }

    }

};

CreateEditProfileAPI.stepHighlight = function (stepID) {

    var s1 = document.getElementById("createJobPosterStep1Label");

    s1.classList.remove("create-job-poster-tab-current");

    var s2 = document.getElementById("createJobPosterStep2Label");

    s2.classList.remove("create-job-poster-tab-current");

    var s3 = document.getElementById("createJobPosterStep3Label");

    s3.classList.remove("create-job-poster-tab-current");

    var s4 = document.getElementById("createJobPosterStep4Label");

    s4.classList.remove("create-job-poster-tab-current");

    var current = document.getElementById(stepID);

    current.classList.add("create-job-poster-tab-current");

};

CreateEditProfileAPI.firstLoad = function () {

};

    var updated_manager_profile = new CreateEditProfileAPI.ManagerProfile();

    updated_manager_profile.user_manager_profile_id = document.getElementById("ManagerProfileId").value;

    updated_manager_profile.user_manager_profile_department_id = document.getElementById("createEditProfile_department").value;

    if (updated_manager_profile.user_manager_profile_department_id === "") {

        //Server accepts null but not empty string ids

        updated_manager_profile.user_manager_profile_department_id = null;

    }

    updated_manager_profile.user_manager_profile_twitter = document.getElementById("createEditProfile_twitter").value;

    updated_manager_profile.user_manager_profile_linkedin = document.getElementById("createEditProfile_linkedin").value;

    var updated_manager_profile_details_en = new CreateEditProfileAPI.ManagerProfileDetails();

    var updated_manager_profile_details_fr = new CreateEditProfileAPI.ManagerProfileDetails();

    //TODO: use locale_iso instead of locale_id; requires backend change too

    updated_manager_profile_details_en.user_manager_profile_details_locale_id = 1;

    updated_manager_profile_details_en.user_manager_profile_details_locale_id = 2;

    updated_manager_profile_details_en.user_manager_profile_details_id = document.getElementById("ManagerProfileDetailsId").value;

    updated_manager_profile_details_fr.user_manager_profile_details_id = document.getElementById("ManagerProfileDetailsId").value;

    updated_manager_profile_details_en.user_manager_profile_id = document.getElementById("ManagerProfileId").value;

    updated_manager_profile_details_fr.user_manager_profile_id = document.getElementById("ManagerProfileId").value;

    updated_manager_profile_details_en.user_manager_profile_details_aboutme = document.getElementById("createEditProfile_bio").value;

    updated_manager_profile_details_fr.user_manager_profile_details_aboutme = document.getElementById("createEditProfile_bio_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_proud = document.getElementById("createEditProfile_proudOf").value;

    updated_manager_profile_details_fr.user_manager_profile_details_proud = document.getElementById("createEditProfile_proudOf_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_branch = document.getElementById("createEditProfile_branch").value;

    updated_manager_profile_details_fr.user_manager_profile_details_branch = document.getElementById("createEditProfile_branch_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_division = document.getElementById("createEditProfile_division").value;

    updated_manager_profile_details_fr.user_manager_profile_details_division = document.getElementById("createEditProfile_division_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_position = document.getElementById("createEditProfile_position").value;

    updated_manager_profile_details_fr.user_manager_profile_details_position = document.getElementById("createEditProfile_position_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_lead_style = document.getElementById("createEditProfile_leadership_style").value;

    updated_manager_profile_details_fr.user_manager_profile_details_lead_style = document.getElementById("createEditProfile_leadership_style_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_emp_learn = document.getElementById("createEditProfile_app_to_employees").value;

    updated_manager_profile_details_fr.user_manager_profile_details_emp_learn = document.getElementById("createEditProfile_app_to_employees_fr").value;

    updated_manager_profile_details_en.user_manager_profile_details_expectations = document.getElementById("createEditProfile_exp_of_employees").value;

    updated_manager_profile_details_fr.user_manager_profile_details_expectations = document.getElementById("createEditProfile_exp_of_employees_fr").value;

    updated_manager_profile_details_en.user_manager_profile_work_experience = document.getElementById("user_manager_profile_work_experience").value;

    updated_manager_profile_details_fr.user_manager_profile_work_experience = document.getElementById("user_manager_profile_work_experience_fr").value;

    updated_manager_profile_details_en.user_manager_profile_education = document.getElementById("user_manager_profile_education").value;

    updated_manager_profile_details_fr.user_manager_profile_education = document.getElementById("user_manager_profile_education_fr").value;

    //Get slider option values, and default to "option0" if any NOTHING in a slider is selected, default to "option0"

    var defaultOption = "option0";

    var reviewSelected = document.querySelector('input[name="createEditProfile_how_often_review_options"]:checked');

    updated_manager_profile_details_en.user_manager_profile_review_options = (reviewSelected ? reviewSelected.value : defaultOption); //Ternary Operator

    updated_manager_profile_details_fr.user_manager_profile_review_options = (reviewSelected ? reviewSelected.value : defaultOption);

    var staylateSelected = document.querySelector('input[name="createEditProfile_staylate"]:checked');

    updated_manager_profile_details_en.user_manager_profile_staylate = (staylateSelected ? staylateSelected.value : defaultOption);

    updated_manager_profile_details_fr.user_manager_profile_staylate = (staylateSelected ? staylateSelected.value : defaultOption);

    var engageSelected = document.querySelector('input[name="createEditProfile_engage"]:checked');

    updated_manager_profile_details_en.user_manager_profile_engage = (engageSelected ? engageSelected.value : defaultOption);

    updated_manager_profile_details_fr.user_manager_profile_engage = (engageSelected ? engageSelected.value : defaultOption);

    var devopsSelected = document.querySelector('input[name="createEditProfile_devops"]:checked');

    updated_manager_profile_details_en.user_manager_profile_devops = (devopsSelected ? devopsSelected.value : defaultOption);

    updated_manager_profile_details_fr.user_manager_profile_devops = (devopsSelected ? devopsSelected.value : defaultOption);

    var lvwrequestSelected = document.querySelector('input[name="createEditProfile_lvwrequests"]:checked');

    updated_manager_profile_details_en.user_manager_profile_lvwrequests = (lvwrequestSelected ? lvwrequestSelected.value : defaultOption);

    updated_manager_profile_details_fr.user_manager_profile_lvwrequests = (lvwrequestSelected ? lvwrequestSelected.value : defaultOption);

    var complete_manager_profile = {};

    complete_manager_profile.manager_profile = updated_manager_profile;

    complete_manager_profile.manager_profile_details = {};

    complete_manager_profile.manager_profile_details.en_CA = updated_manager_profile_details_en;

    complete_manager_profile.manager_profile_details.fr_CA = updated_manager_profile_details_fr;

    CreateEditProfileAPI.saveManagerProfile(complete_manager_profile);

};

CreateEditProfileAPI.saveManagerProfile = function (complete_manager_profile) {

    var complete_manager_profileJSON = JSON.stringify(complete_manager_profile);

        var user = UserAPI.getSessionUserAsJSON();

        DataAPI.sendRequest(manager_profile_url, 'POST', {}, complete_manager_profileJSON, function(request) {

            if (request.status === 200) {

                var response = JSON.parse(request.responseText);

                document.getElementById("ManagerProfileId").value = response.manager_profile_id;

            }

        });

    }

};

CreateEditProfileAPI.viewProfile = function (profileObj) {

    var engFreBreak = '///';

    var viewProfileContent = document.createElement("div");

    viewProfileContent.setAttribute("class", "viewProfileContent");

    viewProfileContent.setAttribute("id", "viewProfile_ContentID");

    //'vp' stands for view profile

    //Name

    //

    //About me

    var vp_aboutMe_div = document.createElement("div");

    vp_aboutMe_div.setAttribute("id", "vpAboutMeContent");

    var vp_aboutMe = document.createElement("div");

    vp_aboutMe.setAttribute("id", "vpAboutMe");

    var vp_name = document.createElement("div");

    vp_name.setAttribute("id", "vpName");

    vp_name.innerHTML = profileObj.name;

    var vp_bio = document.createElement("div");

    vp_bio.setAttribute("id", "vpBio");

    vp_bio.innerHTML = profileObj.bio + '<br>' + engFreBreak + '<br>' + profileObj.bio_fr;

    vp_aboutMe_div.appendChild(vp_aboutMe);

    vp_aboutMe_div.appendChild(document.createElement("hr"));

    vp_aboutMe_div.appendChild(vp_name);

    vp_aboutMe_div.appendChild(vp_bio);

    //Gneral information

    var vp_generalInfo_div = document.createElement("div");

    vp_generalInfo_div.setAttribute("id", "vpGeneralInfoContent");

    vp_generalInfo_div.setAttribute("class", "viewProfileGeneralInformationPane");

    var vp_genInfo = document.createElement("div");

    vp_genInfo.setAttribute("id", "vpGenInfo");

    vp_genInfo.innerHTML = siteContent.generalInformation;

    //GENERAL INFO (LEFT)

    var vp_generalInfo_div_left = document.createElement("div");

    //vp_generalInfo_div_left.setAttribute("class", "viewProfileLeftPane");

    var vp_dep = document.createElement("div");

    vp_dep.setAttribute("id", "vpSlot_department");

    vp_dep.setAttribute("class", "viewProfileSlot");

    var vp_dep_label = document.createElement("div");

    vp_dep_label.innerHTML = siteContent.department;

    vp_dep_label.setAttribute("class", "viewProfileSlotLabel");

    vp_dep_label.setAttribute("id", "viewProfile_slot_dep_label");

    var vp_dep_content = document.createElement("div");

    vp_dep_content.setAttribute("class", "viewProfileSlotContent");

    var vp_dep_img = document.createElement("div");

    vp_dep_img.setAttribute("class", "viewProfileSlotImg");

    var vp_dep_img_tag = document.createElement("img");

    vp_dep_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_dep_img_tag.setAttribute("width", "24");

    vp_dep_img_tag.setAttribute("height", "24");

    vp_dep_img.appendChild(vp_dep_img_tag);

    var vp_dep_value = document.createElement("div");

    vp_dep_value.setAttribute("class", "viewProfileSlotValue");

    vp_dep_value.innerHTML = profileObj.department + '<br>' + engFreBreak + '<br>' + profileObj.department_fr;

    vp_dep_content.appendChild(vp_dep_img);

    vp_dep_content.appendChild(vp_dep_value);

    vp_dep.appendChild(vp_dep_label);

    vp_dep.appendChild(vp_dep_content);

    var vp_pos = document.createElement("div");

    vp_pos.setAttribute("id", "vpSlot_position");

    vp_pos.setAttribute("class", "viewProfileSlot");

    var vp_pos_label = document.createElement("div");

    vp_pos_label.innerHTML = siteContent.position;

    vp_pos_label.setAttribute("class", "viewProfileSlotLabel");

    vp_pos_label.setAttribute("id", "viewProfile_slot_pos_label");

    var vp_pos_content = document.createElement("div");

    vp_pos_content.setAttribute("class", "viewProfileSlotContent");

    var vp_pos_img = document.createElement("div");

    vp_pos_img.setAttribute("class", "viewProfileSlotImg");

    var vp_pos_img_tag = document.createElement("img");

    vp_pos_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_pos_img_tag.setAttribute("width", "24");

    vp_pos_img_tag.setAttribute("height", "24");

    vp_pos_img.appendChild(vp_pos_img_tag);

    var vp_pos_value = document.createElement("div");

    vp_pos_value.setAttribute("class", "viewProfileSlotValue");

    vp_pos_value.innerHTML = profileObj.position + '<br>' + engFreBreak + '<br>' + profileObj.position_fr;

    vp_pos_content.appendChild(vp_pos_img);

    vp_pos_content.appendChild(vp_pos_value);

    vp_pos.appendChild(vp_pos_label);

    vp_pos.appendChild(vp_pos_content);

    var vp_branch = document.createElement("div");

    vp_branch.setAttribute("id", "vpSlot_branch");

    vp_branch.setAttribute("class", "viewProfileSlot");

    var vp_branch_label = document.createElement("div");

    vp_branch_label.innerHTML = siteContent.branch;

    vp_branch_label.setAttribute("class", "viewProfileSlotLabel");

    vp_branch_label.setAttribute("id", "viewProfile_slot_branch_label");

    var vp_branch_content = document.createElement("div");

    vp_branch_content.setAttribute("class", "viewProfileSlotContent");

    var vp_branch_img = document.createElement("div");

    vp_branch_img.setAttribute("class", "viewProfileSlotImg");

    var vp_branch_img_tag = document.createElement("img");

    vp_branch_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_branch_img_tag.setAttribute("width", "24");

    vp_branch_img_tag.setAttribute("height", "24");

    vp_branch_img.appendChild(vp_branch_img_tag);

    var vp_branch_value = document.createElement("div");

    vp_branch_value.setAttribute("class", "viewProfileSlotValue");

    vp_branch_value.innerHTML = profileObj.branch + '<br>' + engFreBreak + '<br>' + profileObj.branch_fr;

    vp_branch_content.appendChild(vp_branch_img);

    vp_branch_content.appendChild(vp_branch_value);

    vp_branch.appendChild(vp_branch_label);

    vp_branch.appendChild(vp_branch_content);

    var vp_division = document.createElement("div");

    vp_division.setAttribute("id", "vpSlot_division");

    vp_division.setAttribute("class", "viewProfileSlot");

    var vp_division_label = document.createElement("div");

    vp_division_label.innerHTML = siteContent.division;

    vp_division_label.setAttribute("class", "viewProfileSlotLabel");

    vp_division_label.setAttribute("id", "viewProfile_slot_division_label");

    var vp_division_content = document.createElement("div");

    vp_division_content.setAttribute("class", "viewProfileSlotContent");

    var vp_division_img = document.createElement("div");

    vp_division_img.setAttribute("class", "viewProfileSlotImg");

    var vp_division_img_tag = document.createElement("img");

    vp_division_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_division_img_tag.setAttribute("width", "24");

    vp_division_img_tag.setAttribute("height", "24");

    vp_division_img.appendChild(vp_division_img_tag);

    var vp_division_value = document.createElement("div");

    vp_division_value.setAttribute("class", "viewProfileSlotValue");

    vp_division_value.innerHTML = profileObj.division + '<br>' + engFreBreak + '<br>' + profileObj.division_fr;

    vp_division_content.appendChild(vp_division_img);

    vp_division_content.appendChild(vp_division_value);

    vp_division.appendChild(vp_division_label);

    vp_division.appendChild(vp_division_content);

    //TWITTER AND LINKED IN (LEFT) //(RIGHT)

    //var vp_generalInfo_div_right = document.createElement("div");

    //vp_generalInfo_div_right.setAttribute("class", "viewProfileRightPane");

    var vp_twitter = document.createElement("div");

    vp_twitter.setAttribute("id", "vpSlot_twitter");

    vp_twitter.setAttribute("class", "viewProfileSlot");

    var vp_twitter_label = document.createElement("div");

    vp_twitter_label.innerHTML = "Twitter";//siteContent.division;

    vp_twitter_label.setAttribute("class", "viewProfileSlotLabel");

    vp_twitter_label.setAttribute("id", "viewProfile_slot_twitter_label");

    var vp_twitter_content = document.createElement("div");

    vp_twitter_content.setAttribute("class", "viewProfileSlotContent");

    var vp_twitter_img = document.createElement("div");

    vp_twitter_img.setAttribute("class", "viewProfileSlotImg");

    var vp_twitter_img_tag = document.createElement("img");

    vp_twitter_img_tag.setAttribute("src", "/images/twitter.png");

    vp_twitter_img_tag.setAttribute("width", "32");

    vp_twitter_img_tag.setAttribute("height", "32");

    vp_twitter_img.appendChild(vp_twitter_img_tag);

    var vp_twitter_value = document.createElement("div");

    vp_twitter_value.setAttribute("class", "viewProfileSlotValue");

    vp_twitter_value.innerHTML = profileObj.twitter;

    vp_twitter_content.appendChild(vp_twitter_img);

    vp_twitter_content.appendChild(vp_twitter_value);

    vp_twitter.appendChild(vp_twitter_label);

    vp_twitter.appendChild(vp_twitter_content);

    var vp_linkedin = document.createElement("div");

    vp_linkedin.setAttribute("id", "vpSlot_linkedin");

    vp_linkedin.setAttribute("class", "viewProfileSlot");

    var vp_linkedin_label = document.createElement("div");

    vp_linkedin_label.innerHTML = "LinkedIn";//siteContent.linkedin;

    vp_linkedin_label.setAttribute("class", "viewProfileSlotLabel");

    vp_linkedin_label.setAttribute("id", "viewProfile_slot_linkedin_label");

    var vp_linkedin_content = document.createElement("div");

    vp_linkedin_content.setAttribute("class", "viewProfileSlotContent");

    var vp_linkedin_img = document.createElement("div");

    vp_linkedin_img.setAttribute("class", "viewProfileSlotImg");

    var vp_linkedin_img_tag = document.createElement("img");

    vp_linkedin_img_tag.setAttribute("src", "/images/linkedin.png");

    vp_linkedin_img_tag.setAttribute("width", "32");

    vp_linkedin_img_tag.setAttribute("height", "32");

    vp_linkedin_img.appendChild(vp_linkedin_img_tag);

    var vp_linkedin_value = document.createElement("div");

    vp_linkedin_value.setAttribute("class", "viewProfileSlotValue");

    vp_linkedin_value.innerHTML = profileObj.linkedin;

    vp_linkedin_content.appendChild(vp_linkedin_img);

    vp_linkedin_content.appendChild(vp_linkedin_value);

    vp_linkedin.appendChild(vp_linkedin_label);

    vp_linkedin.appendChild(vp_linkedin_content);

    //ASSEMBLE GENERAL INFO SECTION

    vp_generalInfo_div.appendChild(vp_genInfo);

    vp_generalInfo_div_left.appendChild(vp_dep);

    vp_generalInfo_div_left.appendChild(vp_pos);

    vp_generalInfo_div_left.appendChild(vp_branch);

    vp_generalInfo_div_left.appendChild(vp_division);

    vp_generalInfo_div_left.appendChild(vp_twitter);

    vp_generalInfo_div_left.appendChild(vp_linkedin);

    vp_generalInfo_div.appendChild(document.createElement("hr"));

    vp_generalInfo_div.appendChild(vp_generalInfo_div_left);

    //vp_generalInfo_div.appendChild(vp_generalInfo_div_right);

    //Leadership style

    var vp_leadershipStyle_div = document.createElement("div");

    vp_leadershipStyle_div.setAttribute("id", "vpLeadershipStyleContent");

    var vp_leadershipStyle = document.createElement("div");

    vp_leadershipStyle.setAttribute("id", "vpLeadershipStyle");

    vp_leadershipStyle.innerHTML = siteContent.leadershipStyle;

    var vp_mystyle = document.createElement("div");

    vp_mystyle.setAttribute("id", "vpSlot_mystyle");

    vp_mystyle.setAttribute("class", "viewProfileSlot");

    var vp_mystyle_label = document.createElement("div");

    vp_mystyle_label.innerHTML = siteContent.myLeadershipStyle;

    vp_mystyle_label.setAttribute("class", "viewProfileSlotLabel");

    vp_mystyle_label.setAttribute("id", "viewProfile_slot_mystyle_label");

    var vp_mystyle_content = document.createElement("div");

    vp_mystyle_content.setAttribute("class", "viewProfileSlotContent");

    var vp_mystyle_img = document.createElement("div");

    vp_mystyle_img.setAttribute("class", "viewProfileSlotImg");

    var vp_mystyle_img_tag = document.createElement("img");

    vp_mystyle_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_mystyle_img_tag.setAttribute("width", "24");

    vp_mystyle_img_tag.setAttribute("height", "24");

    vp_mystyle_img.appendChild(vp_mystyle_img_tag);

    var vp_mystyle_value = document.createElement("div");

    vp_mystyle_value.setAttribute("class", "viewProfileSlotValue viewProfileHeightBoost");

    vp_mystyle_value.innerHTML = profileObj.leadership_style + '<br>' + engFreBreak + '<br>' + profileObj.leadership_style_fr;

    vp_mystyle_content.appendChild(vp_mystyle_img);

    vp_mystyle_content.appendChild(vp_mystyle_value);

    vp_mystyle.appendChild(vp_mystyle_label);

    vp_mystyle.appendChild(vp_mystyle_content);

    var vp_myapp = document.createElement("div");

    vp_myapp.setAttribute("id", "vpSlot_myapp");

    vp_myapp.setAttribute("class", "viewProfileSlot");

    var vp_myapp_label = document.createElement("div");

    vp_myapp_label.innerHTML = siteContent.myApproachToEmployee;

    vp_myapp_label.setAttribute("class", "viewProfileSlotLabel");

    vp_myapp_label.setAttribute("id", "viewProfile_slot_myapp_label");

    var vp_myapp_content = document.createElement("div");

    vp_myapp_content.setAttribute("class", "viewProfileSlotContent");

    var vp_myapp_img = document.createElement("div");

    vp_myapp_img.setAttribute("class", "viewProfileSlotImg");

    var vp_myapp_img_tag = document.createElement("img");

    vp_myapp_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_myapp_img_tag.setAttribute("width", "24");

    vp_myapp_img_tag.setAttribute("height", "24");

    vp_myapp_img.appendChild(vp_myapp_img_tag);

    var vp_myapp_value = document.createElement("div");

    vp_myapp_value.setAttribute("class", "viewProfileSlotValue viewProfileHeightBoost");

    vp_myapp_value.innerHTML = profileObj.app_to_employees + '<br>' + engFreBreak + '<br>' + profileObj.app_to_employees_fr;

    vp_myapp_content.appendChild(vp_myapp_img);

    vp_myapp_content.appendChild(vp_myapp_value);

    vp_myapp.appendChild(vp_myapp_label);

    vp_myapp.appendChild(vp_myapp_content);

    var vp_myexp = document.createElement("div");

    vp_myexp.setAttribute("id", "vpSlot_myapp");

    vp_myexp.setAttribute("class", "viewProfileSlot");

    var vp_myexp_label = document.createElement("div");

    vp_myexp_label.innerHTML = siteContent.myExpectationsOfEmployees;

    vp_myexp_label.setAttribute("class", "viewProfileSlotLabel");

    vp_myexp_label.setAttribute("id", "viewProfile_slot_myapp_label");

    var vp_myexp_content = document.createElement("div");

    vp_myexp_content.setAttribute("class", "viewProfileSlotContent");

    var vp_myexp_img = document.createElement("div");

    vp_myexp_img.setAttribute("class", "viewProfileSlotImg");

    var vp_myexp_img_tag = document.createElement("img");

    vp_myexp_img_tag.setAttribute("src", "/images/checkmark.png");

    vp_myexp_img_tag.setAttribute("width", "24");

    vp_myexp_img_tag.setAttribute("height", "24");

    vp_myexp_img.appendChild(vp_myexp_img_tag);

    var vp_myexp_value = document.createElement("div");

    vp_myexp_value.setAttribute("class", "viewProfileSlotValue viewProfileHeightBoost");

    vp_myexp_value.innerHTML = profileObj.exp_of_employees + '<br>' + engFreBreak + '<br>' + profileObj.exp_of_employees_fr;

    vp_myexp_content.appendChild(vp_myexp_img);

    vp_myexp_content.appendChild(vp_myexp_value);

    vp_myexp.appendChild(vp_myexp_label);

    vp_myexp.appendChild(vp_myexp_content);

    //ASSEMBLE LEADERSHIP STYLE SECTION

    vp_leadershipStyle_div.appendChild(vp_leadershipStyle);

    vp_leadershipStyle_div.appendChild(document.createElement("hr"));

    vp_leadershipStyle_div.appendChild(vp_mystyle);

    vp_leadershipStyle_div.appendChild(vp_myapp);

    vp_leadershipStyle_div.appendChild(vp_myexp);

    //Radio buttons

    var vp_decisionMaking_div = document.createElement("div");

    vp_decisionMaking_div.setAttribute("id", "vpDecisionMakingContent");

    var vp_decisionMaking = document.createElement("div");

    vp_decisionMaking.setAttribute("id", "vpDecisionMaking");

    vp_decisionMaking.innerHTML = siteContent.myApproachToDecisionMaking;

    var vp_howOftenReview = document.createElement("div");

    var reviewVal = siteContent.howOftenDoYouReview + '    ' + profileObj.how_often_review;

    vp_howOftenReview.innerHTML = reviewVal;

    var vp_howOftenEarly = document.createElement("div");

    var earlyVal = siteContent.howOftenDoYouStayLate + '    ' + profileObj.how_often_early;

    vp_howOftenEarly.innerHTML = earlyVal;

    //if(profileObj.howOftenReview === 1)

    //vp_howOftenReview.innerHTML = reviewVal;

    //ASSEMBLE DECISION MAKING STYLE

    vp_decisionMaking_div.appendChild(vp_decisionMaking);

    vp_decisionMaking_div.appendChild(document.createElement("hr"));

    vp_decisionMaking_div.appendChild(vp_howOftenReview);

    vp_decisionMaking_div.appendChild(document.createElement("br"));

    vp_decisionMaking_div.appendChild(vp_howOftenEarly);

    //////////////////

    //AddSections to the view profile container

    /////////////////

    //Addf the about me div

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(vp_aboutMe_div);

    //Add the general information div

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(vp_generalInfo_div);

    //Add the leadership style div

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(vp_leadershipStyle_div);

    //Add decisin making

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(document.createElement("br"));

    viewProfileContent.appendChild(vp_decisionMaking_div);

    return viewProfileContent;

};

CreateEditProfileAPI.showCreateEditProfile = function () {

    var stateInfo = {pageInfo: 'create_edit_profile', pageTitle: 'Talent Cloud: Create/Edit Profile'};

    document.title = stateInfo.pageTitle;

    var createEditProfile = document.getElementById("createEditProfileSection");

    createEditProfile.classList.remove("hidden");

    CreateEditProfileAPI.getManagerProfile();

    // New Subpage Hero Scripts

    var profileHeroTitle = document.getElementById("profileHeroTitle");

    profileHeroTitle.classList.remove("hidden");

    profileHeroTitle.setAttribute("aria-hidden", "false");

    // Google Analytics

    ga('set', 'page', '/admin/my-profile');

    ga('send', 'pageview');

};

    var stateInfo = {pageInfo: 'manager_view_profile', pageTitle: 'Talent Cloud: View Profile'};

    document.title = stateInfo.pageTitle;

    //Temp prifle obj

    var tempProfileObj = {name: 'John Dore',

        bio: 'BIo in englsih',

        bio_fr: 'BIo in French',

        position: 'Position In English',

        position_fr: 'Position in French',

        department: 'Department in Enlgish',

        department_fr: 'Department in French',

        branch_fr: 'Branch name in French',

        branch: 'Branch name in English',

        division: 'The division (in English)',

        division_fr: 'The division (in french)',

        twitter: 'Twitter Link',

        linkedin: 'LinkedIn Link',

        leadership_style: 'Leadership style in English',

        leadership_style_fr: 'Leadership Style in French',

        app_to_employees: 'Approach to employees',

        app_to_employees_fr: 'Approach to employees french',

        exp_of_employees: 'Expectations of employees',

        exp_of_employees_fr: 'Expectations of emplyoees in the second language',

        how_often_review: 'Almost Never',

        how_often_early: 'Usually'

    };

    var createEditProfile = document.getElementById("createEditProfileSection");

    createEditProfile.classList.remove("hidden");

    var viewProfileElement = document.getElementById("viewProfile");

    viewProfileElement.classList.remove("hidden");

    viewProfileElement.innerHTML = '';

    viewProfileElement.appendChild(CreateEditProfileAPI.viewProfile(tempProfileObj));

};

    var stateInfo = {pageInfo: 'talent_cloud', pageTitle: 'Talent Cloud'};

    document.title = stateInfo.pageTitle;

    var content = document.getElementById("homePageContentSection");

    content.classList.remove("hidden");

    window.scrollTo(0, 0);

    document.getElementById("skipNav").focus();

};

CreateEditProfileAPI.profilePicUploader = null;

CreateEditProfileAPI.showUploadProfilePic = function () {

    //document.body.style.overflow = "hidden";

    var uploadOverlay = document.getElementById('profilePicUploadOverlay');

    uploadOverlay.classList.remove("hidden");

    // ManagerEventsAPI.setFormFocus("profilePicUploadField");

    // var fileField = document.getElementById('profilePicUploadField');

    // var fileDrop = document.getElementById('profilePicUploadDrop');

    // var previewImage = document.getElementById('fileUploadPreviewImg');

    // var clearBtn = document.getElementById('profilePicUploadClear');

    // var uploadBtn = document.getElementById('profilePicUploadBtn');

    // CreateEditProfileAPI.profilePicUploader = new ProfilePicAPI.Uploader(

    //         [fileField],

    //         fileDrop,

    //         previewImage,

    //         clearBtn,

    //         uploadBtn,

    //         UserAPI.getSessionUserAsJSON().user_id,

    //         CreateEditProfileAPI.onProfilePicUploaded

    //     );

    var fileInputButtons = [document.getElementById('updateProfileChoosePhotoButton'),

        document.getElementById('updateProfileChooseAltPhotoButton')];

    var fileDrop = document.getElementById('updateProfilePhotoDraggableArea');

    var imagePreview = document.getElementById('updateProfilePhotoCroppieContainer');

    var clearBtn = document.getElementById('updateProfilePhotoCancelButton');

    var uploadBtn = document.getElementById('profilePicUploadBtn');

    //Don't pass in a save button, because there is no dedicated button for pic uploading.

    //The save button must upload photo, as well as profile info.

            fileInputButtons,

            fileDrop,

            imagePreview,

            clearBtn,

            uploadBtn,

            CreateEditProfileAPI.onProfilePicUploaded

            );

    modalSize();

};

CreateEditProfileAPI.hideUploadProfilePic = function () {

    document.body.style.overflow = "";

    document.body.classList.remove("overFlowHidden");

    var uploadOverlay = document.getElementById('profilePicUploadOverlay');

    uploadOverlay.classList.add("hidden");

    CreateEditProfileAPI.profilePicUploader = null;

};

CreateEditProfileAPI.onProfilePicUploaded = function () {

    CreateEditProfileAPI.hideUploadProfilePic();

};

CreateEditProfileAPI.getManagerProfile = function () {

        var user = UserAPI.getSessionUserAsJSON();

        DataAPI.sendRequest(manager_profile_url, 'GET', {}, null, function(request) {

            if (request.status === 200) {

                CreateEditProfileAPI.populateProfile(request.response);

            }

        });

    }

};

CreateEditProfileAPI.userLoaded = function (response) {

    var user_json = JSON.parse(response);

};

CreateEditProfileAPI.populateProfile = function (response) {

    var manager_profile_with_details_json = JSON.parse(response);

    var manager_profile = new CreateEditProfileAPI.ManagerProfile();