///////////////////////Start Of JS Helper//////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////
if (typeof (RES) == "undefined") { RES = { __namespace: true }; }
RES.PortalHelper = {
    addCustomValidator: function (fieldName, fieldLabel, validationFunction, customErrorMessage) {

        if (typeof (Page_Validators) == 'undefined') return;
        // Create new validator
        $("#" + fieldName + "_label").parent().addClass("required");

        var newValidator = document.createElement('span');
        newValidator.style.display = "none";
        newValidator.id = "RequiredFieldValidator" + fieldName;
        newValidator.controltovalidate = "casetypecode";
        newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + customErrorMessage + "</a>";
        newValidator.validationGroup = "";
        newValidator.initialvalue = "";
        newValidator.evaluationfunction = function () { return validationFunction(); }

        // Add the new validator to the page validators array:
        Page_Validators.push(newValidator);

        // Wire-up the click event handler of the validation summary link
        $("a[href='#" + fieldName + "_label']").on("click",
            function () { scrollToAndFocus(fieldName + '_label', fieldName); });
    },
    addAttachmentTypeCustomValidator: function (fieldName, extensionsAllowed, customErrorMessage) {
        if (typeof (Page_Validators) == 'undefined') return;
        // Create new validator
        $("#" + fieldName + "_label").parent().addClass("required");

        var newValidator = document.createElement('span');
        newValidator.style.display = "none";
        newValidator.id = "RequiredFieldValidator" + fieldName;
        newValidator.controltovalidate = "casetypecode";
        newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + customErrorMessage + "</a>";
        newValidator.validationGroup = "";
        newValidator.initialvalue = "";
        newValidator.evaluationfunction = function () {
            return RES.PortalHelper.attachmentTypeCheck(fieldName, extensionsAllowed);
        }

        // Add the new validator to the page validators array:
        Page_Validators.push(newValidator);

        // Wire-up the click event handler of the validation summary link
        $("a[href='#" + fieldName + "_label']").on("click",
            function () { scrollToAndFocus(fieldName + '_label', fieldName); });
    },
    //eg. AddRequiredValidator("customerid", "Customer")
    addRequiredValidator: function (fieldName, fieldLabel) {
        if (typeof (Page_Validators) == 'undefined') return;
        // Create new validator
        $("#" + fieldName + "_label").parent().addClass("required");

        var newValidator = document.createElement('span');
        newValidator.style.display = "none";
        newValidator.id = "RequiredFieldValidator" + fieldName;
        newValidator.controltovalidate = "casetypecode";
        newValidator.errormessage = "<a href='#" + fieldName + "_label'>" + fieldLabel + " is a mandatory field.</a>";
        newValidator.validationGroup = "";
        newValidator.initialvalue = "";
        newValidator.evaluationfunction = function () {
            var value = $("#" + fieldName).val();
            if (value == null || value == "") {
                return false;
            } else {
                return true;
            }
        };

        // Add the new validator to the page validators array:
        Page_Validators.push(newValidator);

        // Wire-up the click event handler of the validation summary link
        $("a[href='#" + fieldName + "_label']").on("click",
            function () { scrollToAndFocus(fieldName + '_label', fieldName); });

    },
    //eg. RemoveRequiredValidator("customerid")
    removeRequiredValidator: function (fieldName) {
        $("#" + fieldName + "_label").parent().removeClass("required");
        $.each(Page_Validators,
            function (index, validator) {
                if (validator !== undefined && validator !== null && validator.id !== undefined) {
                    if (validator.id === "RequiredFieldValidator" + fieldName) {
                        Page_Validators.splice(index, 1);
                    }
                }
            });
    },
    // show hide fields on the form
    showHideField: function (fieldname, show) {
        if (show) {
            $("#" + fieldname).closest("tr").show();
        } else {
            $("#" + fieldname).closest("tr").hide();
        }
    },
    //On save validation
    onSaveValidation: function (validationFunction) {

        if (typeof (webFormClientValidate) != 'undefined') {
            console.log("3");
            var originalValidationFunction = webFormClientValidate;
            if (originalValidationFunction && typeof (originalValidationFunction) == "function") {
                console.log("4");
                webFormClientValidate = function () {
                    console.log("5");
                    originalValidationFunction.apply(this, arguments);
                    console.log("6");
                    // do your custom validation here

                    validationFunction();
                };
            }
        }
    },
    //Empty lookup value
    clearLookupValue: function (fieldName) {
        $("#" + fieldName + "_name").attr("value", "");
        $("#" + fieldName).attr("value", "");
        $("#" + fieldName + "_entityname").attr("value", "");
        //to clear quick view if any
        $("#" + fieldName).parent().find(".clearlookupfield").trigger('click');
    },
    //Empty field value
    clearFieldValue: function (fieldName) {
        $("#" + fieldName).attr("value", "");
    },
    // disable enable fields on the form
    enableDisableField: function (fieldname, enable) {
        if (enable) {
            $("#" + fieldname).prop('disabled', false);
        } else {
            $("#" + fieldname).prop('disabled', true);
        }
    },
    // disable enable lookup on the form
    enableDisableLookupField: function (fieldname, enable) {
        if (enable) {
            $("#" + fieldname + "_name").parent().find(".input-group-btn").children().prop('disabled', false);
        } else {
            $("#" + fieldname + "_name").parent().find(".input-group-btn").children().prop('disabled', true);
        }
    },
    //get field value
    getFieldValue: function (fieldName) {
        if (fieldName != null && fieldName !== "") {
            return $("#" + fieldName).val();
        } else {
            return null;
        }
    },
    //add refresh button to sharepoint document location grid
    addRefreshButtonToDocumentLocationGrid: function (gridElementId) {
        $("#" + gridElementId + " .grid-actions")
            .append('<div class="input-group pull-right">' +
                '<a id="refresh' +
                gridElementId +
                '"' +
                'href="#" class="btn btn-primary pull-right action create-action" title="Refresh">' +
                'Refresh</a></div>');

        //hide the add folder button
        if ($(".add-folder").length > 0) {
            $(".add-folder").hide();
        }

        $("#refresh" + gridElementId).live("click",
            function (e) {
                $("#" + gridElementId + " .subgrid.sharepoint-grid").trigger("refresh");
            });
    },
    //Add attachment types validation, if extensionsAllowed is not provided we will use our default list
    attachmentTypeCheck: function (attachmentElementId, extensionsAllowed) {
        var result = false;

        var defaultImagesExtensions = "tif,tiff,gif,jpeg,jpg,jif,jfif,jp2,jpx,j2k,j2c,fpx,pcd,png,bmp,ai,raw,psd,eps,";
        var defaultWordExtensionList = "doc,docx,dot,wbk,docm,dotx,dotm,docb,";
        var defaultExccelExtensionList = "xls,xlt,xlm,csv,xlsx,xlsm,xltx,xltm,xlsb,xla,xlam,xll,xlw,";
        var defaultPdfExtensionList = "pdf,rtf";
        var defaultExtensionList = defaultImagesExtensions +
            defaultWordExtensionList +
            defaultExccelExtensionList +
            defaultPdfExtensionList;
        //if no list provided
        if (extensionsAllowed === null || extensionsAllowed === undefined || extensionsAllowed === "") {
            extensionsAllowed = defaultExtensionList;
        }
        //get file name
        var fileName = RES.PortalHelper.getFieldValue(attachmentElementId);

        // no file has been attached , if mandotory or not -> this is not the purpose of this function
        // this function validate the extensions only
        if (fileName === null || fileName === "") {
            result = true;
            return result;
        }
        //get file name extension
        var fileExtension = (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName) : undefined;

        if (fileExtension === undefined ||
            fileExtension === null ||
            fileExtension[0] === undefined ||
            fileExtension[0] === null) {
            result = false;
        } else {
            fileExtension = fileExtension[0].toLowerCase();
            var extensionArray = extensionsAllowed.split(',');
            for (var i = 0; i < extensionArray.length; i++) {
                if (extensionArray[i] === fileExtension) {
                    result = true;
                    return result;
                }
            }
        }

        return result;
    },
    addAttachmentTypeValidation: function (attachmentElementId, extensionsAllowed, errorMessage) {
        // check attachment types against allowed extension types
        RES.PortalHelper.addAttachmentTypeCustomValidator(attachmentElementId, extensionsAllowed, errorMessage);
    }, // print this page
    printPage: function (elementId) {
        $("#" + elementId).prepend('<div class="input-group pull-right">' +
            '<a id="PrintPreview" href="#" class="btn btn-primary pull-right action create-action no-print glyphicon glyphicon-print" title="Print" >' +
            ' Print</a></div>');

        RES.PortalHelper.addConfirmDialogModal("PrintPreview",
              "Print Application",
              'Please be advised that this functionality is not optimised for "Internet Explorer", Do you want to continue?',
              function () {
                  window.print();
              });
         
    }, //add exit button to webforms , i am looking for element as the one below
    // <div id="WebFormPanel" class="crmEntityFormView" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'NextButton')" 
    //  role="main" aria-label="       Mineral Export Permission Application        ">
    //  -- Attribute Information --
    // webFormElement = the form where the button will be displayed in
    // existingButtonId = button that exist and the new button will be rendered next to it
    // webPagePartialUrl = web page that hosts the form for example (ControlledOresApplicationEditWebPage)

    addExitButtonToWebForm: function (webPagePartialUrl,
        webFormPanelId,
        existingButtonId,
        newButtonId,
        newButtonText,
        newButtonClickFunction) {

        if ($("form").attr("action") !== undefined && $("form").attr("action").indexOf(webPagePartialUrl) !== -1) {
            $("#" + webFormPanelId).find("#" + existingButtonId).after(
                '<button id="' +
                newButtonId +
                '" ' +
                'type="button" ' +
                'class="btn btn-default button previous previous-btn"' +
                'style="' +
                'margin-right: 5px;' +
                '">' +
                '<span></span>' +
                newButtonText +
                '</button>');

            $("#" + newButtonId).click(function () {
                newButtonClickFunction();
            });
        }
    },
    addConfirmDialogModal: function (buttonId, modalTitle, modalBody, yesButtonCallback) {
        var modalId = buttonId + "Modal";
        var yesButtonId = modalId + "YesButton";
        if ($("form").find("#" + modalId).html() === undefined) {
            $("form")
                .after('<div class="modal fade no-print" id="' + modalId + '" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">' +
                    '<div class="modal-dialog modal-dialog-centered" role="document">' +
                    '<div class="modal-content">' +
                    '<div class="modal-header">' +
                    '<h5 class="modal-title" id="exampleModalLongTitle">' + modalTitle +
                    '</h5>' +
                    '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                    '<span aria-hidden="true">&times;</span>' +
                    '</button>' +
                    '</div>' +
                    '<div class="modal-body">' + modalBody +
                    '</div>' +
                    '<div class="modal-footer">' +
                    '<button id="' + yesButtonId + '" type="button" class="btn btn-primary">Yes</button>' +
                    '<button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>' +
                    '</div>' +
                    '</div>' +
                    '</div>' +
                    '</div>');

            $("#" + buttonId).attr('data-toggle', 'modal');
            $("#" + buttonId).attr('data-target', '#' + modalId);

            $("#" + yesButtonId).click(function (e) {
                yesButtonCallback(e);
                $('#' + modalId).modal('hide');
            });
        }
    }
};
///////////////////////END Of JS Helper//////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////

//================//============================//=========================
//////this will run on all the forms for all pages
$(document).ready(function () {
    RES.PortalHelper.addExitButtonToWebForm("ControlledOresApplicationEditWebPage", "WebFormPanel", "PreviousButton", "exitControlledOres", "Exit", function (e) {
        e.preventDefault();
    });
    RES.PortalHelper.addConfirmDialogModal("exitControlledOres",
        "Exit Application",
        "Are you sure you want to exit this application ?",
        function () {
            window.location.href = "/ControlledOresApplicationList/";
        });
});