{ // Called when an error occurs. onError: function (event) {}, // Called before validation of the form. onBeforeValidation: function (event) { // Datapicker validate jQuery('input.hasDatepicker').each(function () { var errorNode = jQuery(this).next('span.gigya-error-msg'); if (jQuery(this).is(":visible") && jQuery(this).val() != '') { jQuery(this).unsetGigyaError(); } if (jQuery(this).is(":hidden")) { jQuery(this).unsetGigyaError(); } }); // Email validation. if (event.hasOwnProperty('screen') && event.screen === 'gigya-complete-registration-screen') { validateEmail(); } // phone validation. var mobileField; mobileField = jQuery("[data-gigya-name='data.mobile'][data-screenset-roles='instance']"); if (mobileField.length > 0 && mobileField.is(":visible")) { var errorFlag = false; validatePhone(); } var i = 0, pregnancyCount = 0, lastPregnancy = false, pregnancyElements = [], formData = event.formData; while (!lastPregnancy) { var property = "data.child." + i + ".birthDateReliability"; if (typeof (formData[property]) !== "undefined") { if (formData[property] == 4) { pregnancyCount++; pregnancyElements[i] = i; } } else { lastPregnancy = true; } i++; } if (pregnancyCount > 1) { pregnancyElements.forEach(function (item, i, pregnancyElements) { var property = "data.child." + i + ".birthDateReliability"; var selector = "data.child[" + i + "].birthDateReliability"; if (formData[property] == 4) { var InputField = jQuery("input[data-gigya-name='" + selector + "'][value='4']"); var ErrorText = InputField.closest('.gigya-composite-control').find('input').first().attr('data-display-name'); InputField.setGigyaError(ErrorText); } }); } else { pregnancyElements.forEach(function (item, i, pregnancyElements) { var selector = "data.child[" + i + "].birthDateReliability"; var InputField = jQuery("input[data-gigya-name='" + selector + "'][value='4']"); InputField.unsetGigyaError(); }); } }, // Called before a form is submitted. This event gives you an opportunity to perform certain actions before the form is submitted, or cancel the submission by returning false. onBeforeSubmit: function (event) { if (jQuery('.gigya-error:visible').length > 0) { return false; } // Prevent re-submit verification code to avoid error "SMS code is expired". if ((event.screen === 'gigya-mobile-verification-screen') && (Object.keys(event.profile).length > 0)) { let verification_submit = jQuery('#gigya-mobile-verification-screen input.gigya-input-submit'); verification_submit.prop("disabled", true); if (!verification_submit.hasClass('gigya-disabled')) { verification_submit.addClass('gigya-disabled'); } return false; } }, // Called when a form is submitted, can return a value or a promise. This event gives you an opportunity to modify the form data when it is submitted. onSubmit: function (event) { jQuery(document).trigger('onGigyaSubmit'); // Generate application identifier for child object. if (event.formModel !== null && event.formModel.data !== null && event.formModel.data.child !== null) { event.formModel.data.child.forEach(function (singleChild) { var date = new Date(); if (singleChild.applicationInternalIdentifier == "" || singleChild.applicationInternalIdentifier == null) { // Set UUID for child object. singleChild.applicationInternalIdentifier = gigya.thisScript.globalConf.generateUUID(); // Set creation date for new child objects. singleChild.creationDate = date.toISOString(); } // Convert date from BE to CE calendar. if (singleChild.birthDate !== undefined && singleChild.birthDate !== null) { var birthdate_array = singleChild.birthDate.split('-'); var year = parseInt(birthdate_array[0]); if (year > 2100) { birthdate_array[0] = year - 543; } singleChild.birthDate = birthdate_array.join('-'); } // Set birthdate reliability. var birthDate = new Date(singleChild.birthDate); if (birthDate > date) { // Pregnancy. singleChild.birthDateReliability = '4'; } else { // Child already born. singleChild.birthDateReliability = '0'; } }); } //When the profile completion screen is submitted, we need to generate a fake email: @randomemail.nestle.com and delete the _uid global variable. if (event.screen === "gigya-complete-registration-screen" && !event.formModel.profile.email) { event.formModel.profile.email = window._uid + "@randomemail.nestle.com"; delete window._uid; } // If no pregnant informations, remove areaOfInterest. var interestCodeNeed = false; if (event.formModel !== null && event.formModel.data !== null && event.formModel.data.child !== null) { event.formModel.data.child.forEach(function (singleChild) { if (singleChild.birthDateReliability == "4") { interestCodeNeed = true; } }); } }, // Called after a form is submitted. onAfterSubmit: function (event) { jQuery(document).trigger('onGigyaAfterSubmit'); }, // Called before a new screen is rendered. This event gives you an opportunity to cancel the navigation by returning false. onBeforeScreenLoad: function (event) { document.getElementsByClassName("gigya-screen-caption")[0].remove(); }, // Called after a new screen is rendered. onAfterScreenLoad: function (event) { //generate a fake email based on the UID of the user (if user doesn't fill the email field) if (event.currentScreen === "gigya-complete-registration-screen") { window._uid = event.response.UID; } jQuery(document).trigger('onGigyaAfterScreenLoad'); // initializes application identifier if (event.data && event.data.child) { for (var i = 0; i < event.data.child.length; i++) { var metadataElem = document.getElementsByName("data.child[" + i + "].applicationInternalIdentifier"); if (metadataElem && metadataElem[0] && event.data.child[i].applicationInternalIdentifier) { metadataElem[0].value = event.data.child[i].applicationInternalIdentifier; } } } // Dependent address fields jQuery.province = jQuery('input[name="data.region"][data-screenset-roles="instance"]'); jQuery.province.prop("disabled", true); jQuery.district = jQuery('input[name="profile.city"][data-screenset-roles="instance"]'); jQuery.district.prop("disabled", true); jQuery.subdistrict = jQuery('input[name="data.addressLine2"][data-screenset-roles="instance"]'); jQuery.subdistrict.prop("disabled", true); jQuery.zipcode = jQuery('input[name="profile.zip"][data-screenset-roles="instance"]'); jQuery.zipcode.prop("disabled", true); if (event.currentScreen === "gigya-complete-registration-screen") { jQuery.post( '/dependent/json/provinces', {}, function (data) { jQuery.province.hide(); jQuery.province.parent('div').addClass('gigya-composite-control-dropdown'); jQuery.province.after(''); jQuery.province_select = jQuery('#province-tmp'); // Add empty option for requiring user select jQuery.province_select.prepend(""); // Fill the option list jQuery.each(data.provinces, function (i, item) { var o = new Option(item, i); jQuery('#province-tmp').append(o); }); // Set selected province by name. var initial_set = false; if (jQuery.province.val().trim().lenght > 0) { // Set selected item. jQuery('#province-tmp option:contains("' + jQuery.province.val() + '")').prop('selected', true); } else { initial_set = true; // Set default value if empty. jQuery.province.val(jQuery("#province-tmp option:first").text()); } jQuery.province_select.change(function () { jQuery.district_select.find('option').remove(); jQuery.district.val(''); jQuery.subdistrict_select.find('option').remove(); jQuery.subdistrict.val(''); jQuery.zipcode_select.find('option').remove(); jQuery.zipcode.val(''); jQuery.post( '/dependent/json/districts/' + jQuery(this).val(), { pid: jQuery(this).val() }, function (data) { // Add empty option for requiring user select jQuery.district_select.prepend(""); // Fill the option list jQuery.each(data.districts, function (i, item) { var o = new Option(item, i); jQuery('#district-tmp').append(o); }); jQuery.district.val(jQuery("#district-tmp option:first").text()); }, 'json'); jQuery.province.val(jQuery.province_select.find('option:selected').text()); }); jQuery.district.hide(); jQuery.district.parent('div').addClass('gigya-composite-control-dropdown'); jQuery.district.after(''); jQuery.district_select = jQuery('#district-tmp'); jQuery.district_select.change(function () { jQuery.subdistrict_select.find('option').remove(); jQuery.subdistrict.val(''); jQuery.zipcode_select.find('option').remove(); jQuery.zipcode.val(''); jQuery.post( '/dependent/json/city/' + jQuery(this).val(), {}, function (data) { jQuery.each(data.data, function (i, item) { var o = new Option(item, i); jQuery('#subdistrict-tmp').append(o); }); jQuery.subdistrict.val(jQuery("#subdistrict-tmp option:first").text()); // Get post code for selected subdistrict. jQuery.post( '/dependent/json/postcode-array/' + jQuery("#subdistrict-tmp").val(), {}, function (data) { jQuery.each(data.postcode_array, function (i, item) { var o = new Option(item, i); jQuery('#zipcode-tmp').append(o); }); jQuery.zipcode.val(jQuery("#zipcode-tmp option:first").text()); }, 'json'); }, 'json'); jQuery.district.val(jQuery.district_select.find('option:selected').text()); }); jQuery.subdistrict.hide(); jQuery.subdistrict.parent('div').addClass('gigya-composite-control-dropdown'); jQuery.subdistrict.after(''); jQuery.subdistrict_select = jQuery('#subdistrict-tmp'); jQuery.zipcode.prop("readonly", true); jQuery.zipcode.hide(); jQuery.zipcode.parent('div').addClass('gigya-composite-control-dropdown'); jQuery.zipcode.after(''); jQuery.zipcode_select = jQuery('#zipcode-tmp'); // Fetch location initial values based on province. // Check if not registration completion and user fields not empty. if (initial_set == false) { jQuery.post('/dependent/json/districts/' + jQuery('#province-tmp').val(), {}, function (data) { jQuery.each(data.districts, function (i, item) { var o = new Option(item, i); jQuery('#district-tmp').append(o); }); // Set selected district by name. jQuery('#district-tmp option:contains("' + jQuery.district.val() + '")').prop('selected', true); // Fetch subdistrict initial values based on district. jQuery.post('/dependent/json/city/' + jQuery('#district-tmp').val(), {}, function (data) { jQuery.each(data.data, function (i, item) { var o = new Option(item, i); jQuery('#subdistrict-tmp').append(o); }); // Set selected subdistrict by name. jQuery('#subdistrict-tmp option:contains("' + jQuery.subdistrict.val() + '")').prop('selected', true); }, 'json'); }, 'json'); } jQuery.subdistrict_select.change(function () { jQuery.zipcode_select.find('option').remove(); jQuery.zipcode.val(''); jQuery.post( '/dependent/json/postcode-array/' + jQuery(this).val(), {}, function (data) { jQuery.each(data.postcode_array, function (i, item) { var o = new Option(item, i); jQuery('#zipcode-tmp').append(o); }); jQuery.zipcode.val(jQuery("#zipcode-tmp option:first").text()); }, 'json'); jQuery.subdistrict.val(jQuery.subdistrict_select.find('option:selected').text()); }); jQuery.zipcode_select.change(function () { jQuery.zipcode.val(jQuery.zipcode_select.find('option:selected').text()); }); }, 'json'); // Email field validation. var emailFieldNames = [ 'profile.email' ]; emailFieldNames.forEach(function(selector, i) { var emailField = jQuery("[data-gigya-name='" + selector + "'][data-screenset-roles='instance']"); if (emailField.length > 0 && emailField.is(":visible")) { emailField.change(function () { validateEmail(); }); } }); } //Preselect TH country code on mobile screenset jQuery('select.gigya-country-code-select option[value="+66"]').prop('selected', true); jQuery.fn.extend({ setGigyaError: function (message) { var input = jQuery(this); var span = input.closest('div.gigya-composite-control').find('span.gigya-error-msg'); if (!span.hasClass("gigya-error-msg-active")) { span.addClass("gigya-error-msg-active"); } if (message != '') { span.text(message); } if (!input.hasClass("gigya-error")) { input.removeClass("gigya-show-checkmark"); input.removeClass("gigya-valid"); input.addClass("gigya-error"); } }, unsetGigyaError: function () { var input = jQuery(this); if (input.val() != '') { var span = input.closest('div.gigya-composite-control').find('span.gigya-error-msg'); if (span.hasClass("gigya-error-msg-active")) { span.removeClass("gigya-error-msg-active"); } if (!input.hasClass("gigya-show-checkmark")) { input.addClass("gigya-show-checkmark"); } if (!input.hasClass("gigya-valid")) { input.addClass("gigya-valid"); } if (input.hasClass("gigya-error")) { input.removeClass("gigya-error"); } } }, updatePregnanceAccess: function (remove) { var pregnanceCount = 1; if (remove && jQuery(this).closest('.child-container .gigya-array-template').find('input[name$=birthDateReliability][value=4]:checked'.length)) { pregnanceCount++; } var input = jQuery('.child-container input[name$=birthDateReliability][value=4]:not(:checked)'); if (jQuery('.child-container input[name$=birthDateReliability][value=4]:checked').length >= pregnanceCount) { input.each(function () { if (!jQuery(this).hasClass("gigya-disabled")) { jQuery(this).addClass("gigya-disabled"); jQuery(this).prop("disabled", true); } }); } else { input.each(function () { jQuery(this).removeClass("gigya-disabled"); jQuery(this).prop("disabled", false); }); } } }); if (event.currentScreen === 'gigya-register-screen' || event.currentScreen === 'gigya-complete-registration-screen') { // Initialise jQuery datepickers on input fields with a class of hasDatepicker // Child birthday. var child_birthdate_settings = { dateFormat: 'yy-mm-dd', maxDate: "+0y +10M -0D", minDate: "-5y -0M -0D", changeMonth: true, changeYear: true, closeAtTop: true, yearRange: "-5:+1", defaultDate: "-0y", firstDay: 1, isBE: true, autoConversionField: false, onSelect: function () { jQuery(this).unsetGigyaError(); }, onClose: function (dateText, picker) { if (picker.input !== undefined && dateText !== '') { var input_name = picker.input.first().data("gigya-name"); var birthdate_array = dateText.split('-'); // Convert display year to BE. if (birthdate_array[0] < 2100) { birthdate_array[0] = parseInt(birthdate_array[0]) + 543; jQuery('input.hasDatepicker[name="' + input_name + '"]').val(birthdate_array.join('-')); } } }, beforeShow: function (dateText, picker) { setTimeout(function () { var dateObj = jQuery(dateText); picker.dpDiv.addClass("d8g-datepicker d8g-datepicker-small"); if (jQuery(this).closest(".d8g-popup_content").length === 0) { picker.dpDiv.css({ maxWidth: dateObj.outerWidth() }); } else { picker.dpDiv.css({ margin: "8px 0", maxWidth: dateObj.outerWidth() }); } }, 10); } }; // Child birthdate. jQuery(".hasDatepicker.birthDate input").datepicker(child_birthdate_settings).prop("readonly", true); jQuery(".gigya-array-add-btn").on('click', function () { // Child birthday. jQuery(".hasDatepicker.birthDate input").datepicker(child_birthdate_settings).prop("readonly", true); }); } // Scroll to first error. window.scrollToError = function () { setTimeout(function () { if (jQuery('.gigya-error:visible').length > 0) { jQuery("html, body, .ui-dialog").animate({ scrollTop: jQuery('.gigya-error:visible').first().offset().top - 50 }, 600); } }, 100); }; // Email validation. window.validateEmail = function() { var emailFieldNames = [ 'profile.email' ]; var emailField; var emailValue; emailFieldNames.forEach(function(selector, i) { emailField = jQuery("[data-gigya-name='" + selector + "'][data-screenset-roles='instance']"); if (emailField.length > 0 && emailField.is(":visible")) { emailValue = emailField.val(); // Check if email unique. if (emailValue !== undefined && emailValue.length > 0) { gigya.accounts.isAvailableLoginID({ loginID: emailValue, callback: function (response) { if (response.isAvailable !== true) { // Add error message. // This email already in use. emailField.setGigyaError('อีเมลนี้ถูกใช้ลงทะเบียนไปแล้ว กรุณาตรวจสอบ'); } else { emailField.unsetGigyaError(); } } }); } } }); }; // Get tracking cookie Ref code. window.getRefCode = function () { var matches = document.cookie.match(new RegExp( "(?:^|; )" + 'STYXKEY-wyethutmregister'.replace(/([\.$?*|{}\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)" )); var track_cookie; if (matches) { track_cookie = decodeURIComponent(matches[1]); } else { return ''; } var cookie_obj; try { cookie_obj = jQuery.parseJSON(track_cookie); } catch (e) { return ''; } if (cookie_obj.hasOwnProperty('refcode')) { return cookie_obj.refcode; } return ''; }; jQuery(".gigya-screen-content .gigya-input-submit").click(function () { scrollToError(); }); jQuery(document).on('click', '.child-container .gigya-array-add-btn,.child-container .gigya-array-remove-btn,.child-container input[name$=birthDateReliability]', function () { jQuery(this).updatePregnanceAccess(false); }); jQuery(document).on('touchend mouseup', '.child-container .gigya-array-remove-btn', function () { jQuery(this).updatePregnanceAccess(true); }); }, // Called when a field is changed in a managed form. onFieldChanged: function (event) {}, // Called when a user clicks the "X" (close) button or the screen is hidden following the end of the flow. onHide: function (event) {}, }

มาเริ่มกันเลย!