GCTC-NTGC / TalentCloud

EvidenceAPI.evidenceTriggerName = function (criteriaId, criteriaType) {

    return criteriaType + "-" + criteriaId;

};

EvidenceAPI.evidencePreviewTriggerName = function (criteriaId, criteriaType) {

    return "preview-" + criteriaType + "-" + criteriaId;

};

EvidenceAPI.menuItemId = function (criteriaId, criteriaType) {

    var triggerName = EvidenceAPI.evidenceTriggerName(criteriaId, criteriaType);

    return "applicationEvidenceMenuItem_" + triggerName;

};

EvidenceAPI.previewMenuItemId = function (criteriaId, criteriaType) {

    var triggerName = EvidenceAPI.evidencePreviewTriggerName(criteriaId, criteriaType);

    return "applicationPreviewEvidenceMenuItem_" + triggerName;

};

EvidenceAPI.instantiateApplicationEvidenceMenuItem = function (criteriaId, criteriaType, criteriaName) {

    var menuItem = document.getElementById("applicantEvidenceMenuItemTemplate").firstElementChild.cloneNode(true);

    menuItem.classList.remove("template");

    var triggerName = EvidenceAPI.evidenceTriggerName(criteriaId, criteriaType);

    var menuItemId = EvidenceAPI.menuItemId(criteriaId, criteriaType);

    menuItem.id = menuItemId;

    menuItem.setAttribute("onclick", "EvidenceAPI.scrollToThisSkill(event, this)");

    //Set data attributes

    menuItem.setAttribute("data-evidence-trigger", triggerName);

    menuItem.setAttribute("data-criteria-type", criteriaType);

    menuItem.setAttribute("data-criteria-id", criteriaId);

    var title = menuItem.querySelector(".applicant-evidence__desktop-item-title");

    title.innerHTML = criteriaName;

    return menuItem;

};

EvidenceAPI.instantiateApplicationPreviewEvidenceMenuItem = function (criteriaId, criteriaType, criteriaName) {

    var menuItem = document.getElementById("applicationPrevierwEvidenceMenuItemTemplate").firstElementChild.cloneNode(true);

    menuItem.classList.remove("template");

    var triggerName = EvidenceAPI.evidencePreviewTriggerName(criteriaId, criteriaType);

    var menuItemId = EvidenceAPI.previewMenuItemId(criteriaId, criteriaType);

    menuItem.id = menuItemId;

    menuItem.setAttribute("data-evidence-trigger", triggerName);

    //Set data attributes

    menuItem.setAttribute("data-criteria-type", criteriaType);

    menuItem.setAttribute("data-criteria-id", criteriaId);

    menuItem.innerHTML = criteriaName;

    return menuItem;

};

EvidenceAPI.instantiateApplicationEvidencePanel = function (criteriaId, criteriaType, criteriaName, criteriaDescription) {

    var evidencePanel = document.getElementById("applicantEvidencePanelTemplate").firstElementChild.cloneNode(true);

    evidencePanel.classList.remove("template");

    var triggerName = EvidenceAPI.evidenceTriggerName(criteriaId, criteriaType);

    var menuItemId = EvidenceAPI.menuItemId(criteriaId, criteriaType);

    evidencePanel.setAttribute("data-evidence-target", triggerName);

    evidencePanel.setAttribute("aria-labelledby", menuItemId);

    //SET DATA ATTRIBUTES

    evidencePanel.setAttribute("data-criteria-type", criteriaType);

    evidencePanel.setAttribute("data-criteria-id", criteriaId);

    //SET SKILL TITLE AND DESCRIPTION

    evidencePanel.querySelector(".applicant-evidence__skill-title").innerHTML = criteriaName;

    if (criteriaDescription) {

        evidencePanel.querySelector(".applicant-evidence__skill-description").innerHTML = criteriaDescription;

    }

    //MODIFY IDs FOR UNIQUENESS

    var idSuffix = "_" + triggerName;

    //SKILL DELCARATION IDS

    // MICRO-REFERENCE IDs

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceName", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceEmail", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceRelationship", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceFrom", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceUntil", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceExpLevel", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceReferenceStory", idSuffix);

    // SKILL SAMPLE IDs

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceSampleName", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceSampleType", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceSampleDateCreated", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceSampleHttpLink", idSuffix);

    Utilities.addSuffixToElementId(evidencePanel, "applicationEvidenceSampleStory", idSuffix);

    // POPULATE "SLIDERS"

    // DEV-NOTE: Beware copy-paste errors, and confusing EXPERTISE with EXPERIENCE

    var expertiseSelector = evidencePanel.querySelector(".applicant-evidence__expertise-wrapper");

    var expertiseRadioGroup = evidencePanel.querySelector(".applicant-evidence__expertise-radiogroup");

    var expertiseRadioGroupTitle = evidencePanel.querySelector(".applicant-evidence__expertise-radiogroup-title");

    expertiseRadioGroupTitle.setAttribute("id", "expertiseRadioGroupTitle"+idSuffix);

    expertiseRadioGroup.setAttribute("aria-labelledby", "expertiseRadioGroupTitle"+idSuffix);

    expertiseSelector.innerHTML = ""; //clear template items

        var numberOfItems = items.length;

        var fragment = document.createDocumentFragment();

        for (var i = 0; i < numberOfItems; i++) {

            var item = items[i];

            var outputValue = item.id; //TODO: change to value

            var itemElement = EvidenceAPI.instantiateApplicationEvidenceExpertiseItem(criteriaId, criteriaType, item.id, item.value, outputValue, numberOfItems);

            fragment.appendChild(itemElement);

        }

        expertiseSelector.appendChild(fragment);

    });

    var experienceSelector = evidencePanel.querySelector(".applicant-evidence__experience-wrapper");

    expertiseRadioGroupTitle.setAttribute("id", "expertiseRadioGroupTitle"+idSuffix);

    expertiseRadioGroup.setAttribute("aria-labelledby", "expertiseRadioGroupTitle"+idSuffix);

    experienceSelector.innerHTML = ""; //clear template items

    //POPULATE SELECT INPUTS

    var relationshipSelect = evidencePanel.querySelector("#applicationEvidenceReferenceRelationship" + idSuffix);

    LookupAPI.populateDropdownElement("relationship", relationshipSelect, true);

    var refExperienceLevel = evidencePanel.querySelector("#applicationEvidenceReferenceExpLevel" + idSuffix);

    LookupAPI.populateDropdownElement("experience_level", refExperienceLevel, true);

    var sampleFileTypeSelect = evidencePanel.querySelector("select[name=\"sample_type\"]");

    LookupAPI.populateDropdownElement("file_type", sampleFileTypeSelect, true);

    //ADD EVENT HANDLERS

    //adding save button handlers

    saveDeclarationBtn.addEventListener("click", function declarationSaveListener() {

        }, null);

    });

    saveReferenceBtn.addEventListener("click", function referenceSaveListener() {

        }, null);

    });

    saveSampleBtn.addEventListener("click", function sampleSaveListener() {

        }, null);

    });

    //define a function to check skill declaration status

    function declarationOnChange() {

    }

    //Add handler to experienence inputs

    var experienceInputs = evidencePanel.querySelectorAll("input[name=experience]");

    for(var i=0; i<experienceInputs.length; i++) {

        experienceInputs[i].onclick = declarationOnChange;

    }

    //Add handler to expertise inputs

    var expertiseInputs = evidencePanel.querySelectorAll("input[name=expertise]");

        expertiseInputs[i].onclick = declarationOnChange;

    }

    //Add handler to Skill Declaration story text

    var declarationText = evidencePanel.querySelector(".applicant-evidence__skill-declaration-text");

    declarationText.onchange = declarationOnChange;

    //define a function to check micro-reference status

    function referenceOnChange() {

    }

    //Add onChange handler to all micro-reference inputs

    evidencePanel.querySelector("input[name=\"reference_name\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("input[name=\"reference_email\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("select[name=\"reference_relationship\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("input[name=\"reference_from_date\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("input[name=\"reference_until_date\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("select[name=\"reference_exp_level\"]").onchange = referenceOnChange;

    evidencePanel.querySelector("textarea[name=\"reference_story\"]").onchange = referenceOnChange;

    //define a function to check skill sample status

    function sampleOnChange() {

    }

    //Add onChange handler to all skill sample inputs

    evidencePanel.querySelector("input[name=\"sample_name\"]").onchange = sampleOnChange;

    evidencePanel.querySelector("select[name=\"sample_type\"]").onchange = sampleOnChange;

    evidencePanel.querySelector("input[name=\"sample_date_created\"]").onchange = sampleOnChange;

    evidencePanel.querySelector("input[name=\"sample_http_link\"]").onchange = sampleOnChange;

    evidencePanel.querySelector("textarea[name=\"sample_story\"]").onchange = sampleOnChange;

    //SET TEXTAREA FIELDS TO EMPTY

    //This is to override IE11's habit of setting textarea values with their placeholder text

    evidencePanel.querySelector(".applicant-evidence__skill-declaration-text").value = "";

    evidencePanel.querySelector("textarea[name=\"reference_story\"]").value = "";

    evidencePanel.querySelector("textarea[name=\"sample_story\"]").value = "";

    return evidencePanel;

};

EvidenceAPI.instantiateApplicationPreviewEvidencePanel = function (criteriaId, criteriaType, criteriaName) {

    var evidencePanel = document.getElementById("applicationPreviewEvidencePanelTemplate").firstElementChild.cloneNode(true);

    evidencePanel.classList.remove("template");

    var triggerName = EvidenceAPI.evidencePreviewTriggerName(criteriaId, criteriaType);

    var menuItemId = EvidenceAPI.previewMenuItemId(criteriaId, criteriaType);

    evidencePanel.setAttribute("data-evidence-target", triggerName);

    evidencePanel.setAttribute("aria-labelledby", menuItemId);

    //SET DATA ATTRIBUTES

    evidencePanel.setAttribute("data-criteria-type", criteriaType);

    evidencePanel.setAttribute("data-criteria-id", criteriaId);

    //SET SKILL TITLE

    evidencePanel.querySelector(".applicant-evidence-preview__criteria-name").innerHTML = criteriaName;

    return evidencePanel;

};

EvidenceAPI.instantiateApplicationEvidenceExpertiseItem = function (criteriaId, criteriaType, expertiseId, expertiseValue, outputValue, numberOfItems) {

    var templateId = "applicationEvidenceExpertiseItemTemplate";

    var inputId = "expertise__" + EvidenceAPI.evidenceTriggerName(criteriaId, criteriaType) + "__" + expertiseId;

    return EvidenceAPI.instantiateApplicationEvidenceRadioItem(templateId, inputId, expertiseValue, outputValue, numberOfItems);

};

EvidenceAPI.instantiateApplicationEvidenceExperienceItem = function (criteriaId, criteriaType, experienceId, experienceValue, outputValue, numberOfItems) {

    var templateId = "applicationEvidenceExperienceItemTemplate";

    var inputId = "experience__" + EvidenceAPI.evidenceTriggerName(criteriaId, criteriaType) + "__" + experienceId;

    return EvidenceAPI.instantiateApplicationEvidenceRadioItem(templateId, inputId, experienceValue, outputValue, numberOfItems);

EvidenceAPI.instantiateApplicationEvidenceRadioItem = function (templateId, inputId, textValue, outputValue, numberOfItems) {

    var itemLabel = document.getElementById(templateId).firstElementChild.cloneNode(true);

    itemLabel.classList.remove("template");

    var itemInput = itemLabel.querySelector("input");

    var itemText = itemLabel.querySelector(".form__radio-group-span");

    var sizeClass = "small-1of" + numberOfItems;

    itemLabel.classList.add(sizeClass);

    itemLabel.setAttribute("for", inputId);

    itemInput.id = inputId;

    itemInput.value = outputValue;

    itemText.innerHTML = textValue;

    return itemLabel;

};

/**

 *

 * @param {int} criteriaId

 * @param {string} iconClass - Should be "fa-check", "fa-user", or "fa-file"

 * @param {boolean} isActive

 * @return {undefined}

 */

EvidenceAPI.setEvidenceIconStatus = function(criteriaId, iconClass, isActive) {

    var panel = document.querySelector(".applicant-evidence__skill[data-criteria-id=\"" + criteriaId + "\"]:not(.template)");

    if (isActive) {

        //Activate icon in accordion trigger

        var check = panel.querySelector(".applicant-evidence__accordion-trigger-icon-wrapper ." + iconClass);

        check.classList.add("active");

        //Activate icon in menu item

        var menuItem = document.querySelector(".applicant-evidence__desktop-menu-item[data-criteria-id=\"" + criteriaId + "\"]");

        var menuCheck = menuItem.querySelector(".applicant-evidence__desktop-icon-wrapper ." + iconClass);

        menuCheck.classList.add("active");

    } else {

        //Deactivate icon in accordion trigger

        check.classList.remove("active");

        //Deactivate icon in menu item

        menuCheck.classList.remove("active");

    }

};

/**

 * Saves all completed evidence peices, and deletes incomplete ones from the saved applciation.

 *

 * If criteriaType is defined, it saves/deletes evidence of the matching criteriaType.

 * If criteriaType is undefined, it saves/deletes ALL completed skill declarations.

 *

 * Calls onSuccess if all evidence pieces are saved/deleted successfully.

 *

 * @param {string} criteriaType

 * @param {function} onSuccess

 * @return {undefined}

 */

EvidenceAPI.saveEvidence = function(criteriaType, onSuccess) {

    var pendingRequests = 2;

    var everythingSuccessful = true;

    function saveSuccessful() {

        pendingRequests = pendingRequests - 1;

            if (everythingSuccessful)

            else {

                window.alert("Something went wrong saving evidence!");

                onSuccess();

            }

        }

    }

    function saveFailed() {

        everythingSuccessful = false;

        pendingRequests = pendingRequests - 1;

            if (everythingSuccessful)

            else {

                window.alert("Something went wrong while saving evidence!");

                onSuccess();

            }

        }

    }

};

// New Evidence UI Handlers ====================================================

    // Scroll to Skills

        EvidenceAPI.scrollToSkills = function(e, button) {

            e.preventDefault();

            var skills = button.parentElement.parentElement.parentElement.querySelector(".applicant-evidence__anchor");

            var xPosition = 0;

            var yPosition = 0;

            while(skills) {

                xPosition += (skills.offsetLeft - skills.scrollLeft + skills.clientLeft);

                yPosition += (skills.offsetTop - skills.scrollTop + skills.clientTop);

                skills = skills.offsetParent;

            }

            window.scroll(0, yPosition);

    // Scroll to Individual Skill

        EvidenceAPI.scrollToThisSkill = function(e, button) {

            e.preventDefault();

            var skillID = button.getAttribute("data-evidence-trigger");

            var skills = document.querySelectorAll(".applicant-evidence__skill");

            for (var i=0; i<skills.length; i++) {

                if (skills[i].getAttribute("data-evidence-target") == skillID) {

                    var thisSkill = skills[i];

                }

            }

            var xPosition = 0;

            var yPosition = 0;

            }

            var location = yPosition - 40;

            // console.log(location);

            window.scroll(0, location);

    // Micro References

        EvidenceAPI.addMicroReference = function(button) {

            var panel = button.closest(".applicant-evidence__skill");

            panel.querySelector(".applicant-evidence__skill-attribute--reference").classList.add("active");

            panel.querySelector(".applicant-evidence__skill-attribute--reference").querySelector(".accordion__trigger").focus();

            panel.querySelector(".applicant-evidence__optional-button--reference").classList.add("hidden");

        };

        EvidenceAPI.removeMicroReference = function(button) {

            var panel = button.closest(".applicant-evidence__skill");

            panel.querySelector(".applicant-evidence__skill-attribute--reference").classList.remove("active");

            panel.querySelector(".applicant-evidence__optional-button--reference").classList.remove("hidden");

            var criteriaId = panel.getAttribute("data-criteria-id");

        };

    // Work Sample

        EvidenceAPI.addWorkSample = function(button) {

            var panel = button.closest(".applicant-evidence__skill");

            panel.querySelector(".applicant-evidence__skill-attribute--sample").classList.add("active");

            panel.querySelector(".applicant-evidence__skill-attribute--sample").querySelector(".accordion__trigger").focus();

            panel.querySelector(".applicant-evidence__optional-button--sample").classList.add("hidden");

        };

        EvidenceAPI.removeWorkSample = function(button) {

            var panel = button.closest(".applicant-evidence__skill");

            panel.querySelector(".applicant-evidence__skill-attribute--sample").classList.remove("active");

            panel.querySelector(".applicant-evidence__optional-button--sample").classList.remove("hidden");

            var criteriaId = panel.getAttribute("data-criteria-id");

        };

    // Saving

    EvidenceAPI.setUiSaved = function(criteriaId, subEvidenceAPI, isSaved) {

        var panel = document.querySelector(".applicant-evidence__skill[data-criteria-id=\"" + criteriaId + "\"]:not(.template)");

        var evidenceItem = panel.querySelector("." + subEvidenceAPI.wrapperClass);

        var saveButton = evidenceItem.querySelector(".applicant-evidence__save-button");

        if (isSaved) {

            //EvidenceAPI.setUiComplete(criteriaId, subEvidenceAPI, true);

            saveButton.classList.add("button-green");

            saveButton.classList.remove("button-blue");

            saveButton.innerHTML = "Saved";

        } else {

            saveButton.classList.remove("button-green");

            saveButton.classList.add("button-blue");

            saveButton.innerHTML = "Save";

        }

    };

    EvidenceAPI.setUiComplete = function(criteriaId, subEvidenceAPI, isComplete) {

        var panel = document.querySelector(".applicant-evidence__skill[data-criteria-id=\"" + criteriaId + "\"]:not(.template)");

        var evidenceItem = panel.querySelector("." + subEvidenceAPI.wrapperClass);

        var accordionTrigger = evidenceItem.querySelector(".accordion__trigger");

        var menuItem = document.querySelector(".applicant-evidence__desktop-menu-item[data-criteria-id=\"" + criteriaId + "\"]:not(.template)");

        if (isComplete) {

            accordionTrigger.classList.add("complete");

                //Skill Declaration completeness determines whole section completeness

                menuItem.classList.add("complete");

            }

        } else {

            accordionTrigger.classList.remove("complete");

            if (subEvidenceAPI === SkillDeclarationAPI) {

                //Skill Declaration completeness determines whole section completeness

                menuItem.classList.remove("complete");

            }

        }

    };

    EvidenceAPI.onStatusUpdate = function() {

        var essentialsComplete = true;

        var essentialEvidencePanels = document.querySelectorAll(".applicant-evidence__skill[data-criteria-type=\"essential\"]:not(.template)");

        for (var i = 0; i < essentialEvidencePanels.length; i++) {

            var panel = essentialEvidencePanels[i];

            var requiredAccordion = panel.querySelector(".applicant-evidence__skill-attribute--required .accordion__trigger");

            if (!requiredAccordion.classList.contains("complete")) {

                essentialsComplete = false;

                break;

            }

        }

        if (essentialsComplete) {

            var continueBtns = document.querySelectorAll(".applicant-evidence__save-and-continue--essential");

                continueBtns[i].removeAttribute("disabled");

            }

        } else {

                continueBtns[i].setAttribute("disabled", "");

            }

        }

    };