| @@ -1,7 +1,149 @@ | ||
| 1 | -(function($) { | |
| 2 | -"use strict"; | |
| 3 | - jQuery(document).ready(function($){ | |
| 1 | +(function ($) { | |
| 2 | + "use strict"; | |
| 3 | + jQuery(document).ready(function ($) { | |
| 4 | + jQuery(document).on('change keyup', '.gfield input, .gfield select, .gfield textarea', function (event) { | |
| 5 | + gf_raw_input_change(event, this); | |
| 6 | + }); | |
| 7 | + $("body").on('change', ".container-repeater-field .gform-grid-col--size-auto", function (e) { | |
| 8 | + var self = $(this); | |
| 9 | + var value = $(this).val(); | |
| 10 | + var input_ids = $(this).attr("name"); | |
| 11 | + if (input_ids === undefined) { | |
| 12 | + return; | |
| 13 | + } | |
| 14 | + input_ids = input_ids.split("_"); | |
| 15 | + var input_id = input_ids[1]; | |
| 16 | + var form_ids = self.closest("form").attr("id"); | |
| 17 | + form_ids = form_ids.split("_"); | |
| 18 | + var form_id = form_ids[1]; | |
| 19 | + var field_ids = input_ids[1].split("."); | |
| 20 | + if (field_ids[1] == 2) { | |
| 21 | + return; | |
| 22 | + } | |
| 23 | + var field_id = field_ids[0]; | |
| 24 | + const obj = { | |
| 25 | + [input_id]: value, | |
| 26 | + [field_id + ".2"]: "" | |
| 27 | + } | |
| 28 | + var $nextSelect = $(this).closest(".ginput_container").find("#input_" + form_id + "_" + field_id + "_2_container select") | |
| 29 | + $.post(gformChainedSelectData.ajaxUrl, { | |
| 30 | + action: 'gform_get_next_chained_select_choices', | |
| 31 | + input_id: input_id, | |
| 32 | + form_id: form_id, | |
| 33 | + field_id: field_id, | |
| 34 | + value: obj, | |
| 35 | + nonce: gformChainedSelectData.nonce | |
| 36 | + }, function (response) { | |
| 37 | + if (!response) { | |
| 38 | + return; | |
| 39 | + } | |
| 40 | + var choices = $.parseJSON(response), | |
| 41 | + optionsMarkup = ''; | |
| 42 | + $nextSelect.find('option').remove(); | |
| 43 | + if (choices.length <= 0) { | |
| 44 | + //self.resetSelects( $select, true ); | |
| 45 | + } else { | |
| 46 | + var hasSelectedChoice = false; | |
| 47 | + $.each(choices, function (i, choice) { | |
| 48 | + var selected = choice.isSelected ? 'selected="selected"' : ''; | |
| 49 | + if (selected) { | |
| 50 | + hasSelectedChoice = true; | |
| 51 | + } | |
| 52 | + optionsMarkup += '<option value="' + choice.value + '"' + selected + '>' + choice.text + '</option>'; | |
| 53 | + }); | |
| 54 | + $nextSelect.show().append(optionsMarkup); | |
| 55 | + // the placeholder will be selected by default, rather than removing it and re-adding, just force the noOptions option to be selected | |
| 56 | + if (choices[0].noOptions) { | |
| 57 | + var $noOption = $nextSelect.find('option:last-child').clone(), | |
| 58 | + $nextSelects = $nextSelect.parents('span').nextAll().find('select'); | |
| 59 | + $nextSelects.append($noOption); | |
| 60 | + $nextSelects.add($nextSelect) | |
| 61 | + .addClass('gf_no_options') | |
| 62 | + .find('option:last-child').prop('selected', true); | |
| 63 | + //self.toggleCompleted( true ); | |
| 64 | + } else { | |
| 65 | + $nextSelect | |
| 66 | + .removeClass('gf_no_options') | |
| 67 | + //.prop( 'disabled', false ).show(); | |
| 68 | + .toggleSelect(false, self); | |
| 69 | + if (hasSelectedChoice) { | |
| 70 | + $nextSelect.change(); | |
| 71 | + } | |
| 72 | + } | |
| 73 | + } | |
| 74 | + //self.resizeSelects(); | |
| 75 | + }); | |
| 76 | + }) | |
| 77 | + gform.addFilter('gform_is_value_match', function (isMatch, formId, rule) { | |
| 78 | + var check_repeater = rule['fieldId'].toString().split("-"); | |
| 79 | + if (check_repeater.length < 2) { | |
| 80 | + return isMatch; | |
| 81 | + } else { | |
| 82 | + var $ = jQuery, | |
| 83 | + inputId = rule['fieldId'], | |
| 84 | + baseInputId = check_repeater[0], | |
| 85 | + randId = check_repeater[1], | |
| 86 | + baseFieldId = parseInt(baseInputId, 10), | |
| 87 | + inputIndex = gformExtractInputIndex(baseInputId), | |
| 88 | + isInputSpecific = inputIndex !== false, | |
| 89 | + $inputs; | |
| 90 | + if (isInputSpecific) { | |
| 91 | + $inputs = $('#input_{0}_{1}_{2}-{3}, #choice_{0}_{1}_{2}-{3}'.gformFormat(formId, baseFieldId, inputIndex, randId)); | |
| 92 | + } else { | |
| 93 | + $inputs = $('input[id="input_{0}_{1}-{2}"], input[id^="input_{0}_{1}_"][id$="-{2}"], input[id^="choice_{0}_{1}_"][id$="-{2}"], select#input_{0}_{1}-{2}, textarea#input_{0}_{1}-{2}'.gformFormat(formId, baseFieldId, randId)); | |
| 94 | + } | |
| 95 | + var isCheckable = $.inArray($inputs.attr('type'), ['checkbox', 'radio']) !== -1; | |
| 96 | + var isMatch = isCheckable ? gf_is_match_checkable($inputs, rule, formId, inputId) : gf_is_match_default($inputs.eq(0), rule, formId, inputId); | |
| 97 | + return isMatch; | |
| 98 | + } | |
| 99 | + }); | |
| 100 | + gform.addFilter('gform_field_meta_raw_input_change', function (form, input, event) { | |
| 101 | + var htmlId = input.attr('id'); | |
| 102 | + var fieldId = yeeaddons_gf_get_input_id_by_html_id(htmlId); | |
| 103 | + var formId = gf_get_form_id_by_html_id(htmlId); | |
| 104 | + if (formId !== undefined) { | |
| 105 | + var check_ids = htmlId.split("-"); | |
| 106 | + if (check_ids.length > 1) { | |
| 107 | + form = { fieldId: fieldId, formId: formId }; | |
| 108 | + } | |
| 109 | + } | |
| 110 | + return form; | |
| 111 | + }); | |
| 112 | + function yeeaddons_gf_get_input_id_by_html_id(htmlId) { | |
| 113 | + var ids = htmlId ? htmlId.split('_') : []; | |
| 114 | + if (ids.length >= 3) { | |
| 115 | + var type = ids[0]; | |
| 116 | + if (type === 'choice') { | |
| 117 | + var fieldId = ids[2]; | |
| 118 | + var randSuffix = ''; | |
| 119 | + var lastPart = ids[ids.length - 1]; | |
| 120 | + if (lastPart && lastPart.indexOf('-') !== -1) { | |
| 121 | + var parts = lastPart.split('-'); | |
| 122 | + randSuffix = '-' + parts[1]; | |
| 123 | + } | |
| 124 | + return fieldId + randSuffix; | |
| 125 | + } else if (type === 'input') { | |
| 126 | + if (ids.length === 3) { | |
| 127 | + return ids[2]; | |
| 128 | + } else if (ids.length >= 4) { | |
| 129 | + var fieldId = ids[2]; | |
| 130 | + var indexPart = ids[3]; | |
| 131 | + return fieldId + '.' + indexPart; | |
| 132 | + } | |
| 133 | + } | |
| 134 | + } | |
| 135 | + return htmlId; | |
| 136 | + } | |
| 137 | + gform.addAction('gform_input_change', function (elem, formId, fieldId) { | |
| 138 | + if (!window.gf_form_conditional_logic) { | |
| 139 | + return; | |
| 140 | + } | |
| 141 | + var dependentFieldIds = rgars(gf_form_conditional_logic, [formId, 'fields', (fieldId)].join('/')); | |
| 142 | + if (dependentFieldIds) { | |
| 143 | + gf_apply_rules(formId, dependentFieldIds); | |
| 144 | + } | |
| 145 | + }, 10); | |
| 4 | 146 | get_repeater_data_name(); |
| 5 | 147 | var names_upload = []; |
| 6 | 148 | jQuery(document).on("gform_page_loaded", function (e, form_id) { |
| 7 | 149 | //jQuery(".gform-datepicker").datepicker('destroy'); |
| @@ -6,135 +148,158 @@ | ||
| 6 | 148 | jQuery(document).on("gform_page_loaded", function (e, form_id) { |
| 7 | 149 | //jQuery(".gform-datepicker").datepicker('destroy'); |
| 8 | 150 | get_repeater_data_name(); |
| 9 | 151 | }); |
| 10 | - jQuery(document).on('gform_post_render', function(event, form_id, current_page){ | |
| 11 | - //jQuery(".gform-datepicker").datepicker('destroy'); | |
| 152 | + jQuery(document).on('gform_post_render', function (event, form_id, current_page) { | |
| 153 | + //jQuery(".gform-datepicker").datepicker('destroy'); | |
| 12 | 154 | get_repeater_data_name(); |
| 13 | - }); | |
| 14 | - var repeater_fields_htmls ={}; | |
| 15 | - gform.addFilter( 'gform_file_upload_status_markup', function( statusMarkup, file, size, setrings, removeFileJs, up ) { | |
| 16 | - var id = up.settings.container.id; | |
| 17 | - var input = $('input[name="'+id+'"]'); | |
| 18 | - var old_name = input.val(); | |
| 19 | - var new_upload = file.name; | |
| 20 | - if(old_name == ""){ | |
| 21 | - input.val(new_upload); | |
| 22 | - }else{ | |
| 23 | - input.val(old_name+","+new_upload); | |
| 24 | - } | |
| 25 | - return statusMarkup; | |
| 26 | - } ); | |
| 27 | - gform.addFilter( 'gform_file_upload_markup', function( html, file, up, strings, imagesUrl, response ) { | |
| 28 | - | |
| 29 | - return html.replace("onclick", "data-onclick");; | |
| 30 | - } ); | |
| 31 | - $("body").on("click",".gform_delete_file",function(e){ | |
| 155 | + }); | |
| 156 | + gform.addFilter('gform_file_upload_markup', function (html, file, up, strings, imagesUrl, response) { | |
| 157 | + var formId = up.settings.multipart_params.form_id; | |
| 158 | + var fieldId = up.settings.multipart_params.field_id; | |
| 159 | + var container = $('#' + file.id).closest(".container-repeater-field"); | |
| 160 | + var id_rand = container.data("id"); | |
| 161 | + var nameAttr = 'gform_multifile_upload_' + formId + '_' + fieldId + '__' + id_rand; | |
| 162 | + var repeater = container.find('input[name="' + nameAttr + '"]'); | |
| 163 | + if (repeater.length === 0) { | |
| 164 | + repeater = container.find(".gform_multifile_upload"); | |
| 165 | + } | |
| 166 | + var val_repeater = repeater.val(); | |
| 167 | + var link = response.data.uploaded_filename; | |
| 168 | + if (val_repeater == "") { | |
| 169 | + repeater.val(link) | |
| 170 | + } else { | |
| 171 | + repeater.val(val_repeater + ", " + link); | |
| 172 | + } | |
| 173 | + return html.replace("onclick", "data-onclick");; | |
| 174 | + }); | |
| 175 | + if (window.gform && typeof window.gform.addFilter === 'function') { | |
| 176 | + window.gform.addFilter('gform_datepicker_options_pre_init', function (options, formId, fieldId) { | |
| 177 | + if (typeof fieldId === 'string' && fieldId.indexOf('-') > -1) { | |
| 178 | + var originalFieldId = fieldId.split('-')[0]; | |
| 179 | + return window.gform.applyFilters('gform_datepicker_options_pre_init', options, formId, originalFieldId); | |
| 180 | + } | |
| 181 | + return options; | |
| 182 | + }, 9); | |
| 183 | + } | |
| 184 | + var repeater_fields_htmls = {}; | |
| 185 | + //condition out repeater out | |
| 186 | + gform.addAction('gform_post_conditional_logic_field_action1', function (formId, action, targetId, defaultValues, isInit) { | |
| 187 | + if (targetId != "") { | |
| 188 | + var dat_select = targetId.replace("#", ''); | |
| 189 | + $(".gf-field-repeater-data-html").each(function () { | |
| 190 | + var html_data = $(this).val(); | |
| 191 | + html_data = $(html_data); | |
| 192 | + if (action == "hide") { | |
| 193 | + $('[data-js-reload="' + dat_select + '"]', html_data).css("display", "none"); | |
| 194 | + } else { | |
| 195 | + $('[data-js-reload="' + dat_select + '"]', html_data).css("display", "block"); | |
| 196 | + } | |
| 197 | + $(this).val("<div class='container-repeater-field'>" + html_data.html() + '</div>'); | |
| 198 | + }) | |
| 199 | + if (action == "hide") { | |
| 200 | + $('[data-js-reload="' + dat_select + '"]').css("display", "none"); | |
| 201 | + } else { | |
| 202 | + $('[data-js-reload="' + dat_select + '"]').css("display", "block"); | |
| 203 | + } | |
| 204 | + } | |
| 205 | + }); | |
| 206 | + $("body").on("click", ".gform_delete_file", function (e) { | |
| 32 | 207 | e.preventDefault(); |
| 33 | - var str =$(this).data("onclick"); | |
| 208 | + var str = $(this).data("onclick"); | |
| 34 | 209 | const regex = /\((.*?)\)/gm; |
| 35 | - var m=""; | |
| 36 | - var a=""; | |
| 210 | + var m = ""; | |
| 211 | + var a = ""; | |
| 37 | 212 | while ((m = regex.exec(str)) !== null) { |
| 38 | - // This is necessary to avoid infinite loops with zero-width matches | |
| 39 | - if (m.index === regex.lastIndex) { | |
| 40 | - regex.lastIndex++; | |
| 41 | - } | |
| 42 | - a =m[1].split(',');; | |
| 213 | + // This is necessary to avoid infinite loops with zero-width matches | |
| 214 | + if (m.index === regex.lastIndex) { | |
| 215 | + regex.lastIndex++; | |
| 216 | + } | |
| 217 | + a = m[1].split(',');; | |
| 43 | 218 | } |
| 44 | - gformDeleteUploadedFileRepeater(a[0],a[1],$(this)); | |
| 219 | + gformDeleteUploadedFileRepeater(a[0], a[1], $(this)); | |
| 45 | 220 | return; |
| 46 | 221 | }) |
| 47 | - function gformDeleteUploadedFileRepeater(formId, fieldId, deleteButton){ | |
| 48 | - | |
| 49 | - if(deleteButton.closest(".repeater-field-warp-item-data").length > 0) { | |
| 222 | + function gformDeleteUploadedFileRepeater(formId, fieldId, deleteButton) { | |
| 223 | + if (deleteButton.closest(".repeater-field-warp-item-data").length > 0) { | |
| 50 | 224 | var rand_id = deleteButton.closest(".container-repeater-field").data("id"); |
| 51 | 225 | var fileIndex = jQuery(deleteButton).parent().index(); |
| 52 | - var parent = jQuery("#field_" + formId + "_" + fieldId); | |
| 53 | - | |
| 226 | + var parent = deleteButton.closest(".container-repeater-field").find("#field_" + formId + "_" + fieldId + "-" + rand_id); | |
| 227 | + if (parent.length === 0) { | |
| 228 | + parent = jQuery("#field_" + formId + "_" + fieldId); | |
| 229 | + } | |
| 54 | 230 | parent.find('input[type="file"],.validation_message,#extensions_message_' + formId + '_' + fieldId).removeClass("gform_hidden"); |
| 55 | 231 | parent.find(".ginput_post_image_file").show(); |
| 56 | 232 | //parent.find("input[type=\"text\"]").val(''); |
| 57 | - var filesJson = jQuery('#gform_uploaded_files_' + formId).val(); | |
| 58 | - if(filesJson){ | |
| 59 | - var files = jQuery.secureEvalJSON(filesJson); | |
| 60 | - if(files) { | |
| 61 | - var inputName = "input_" + fieldId; | |
| 62 | - var full_name = deleteButton.closest(".repeater-field-warp-item-data").find('input[name="gform_multifile_upload_'+formId+'_'+fieldId+'__'+rand_id+'"]').val(); | |
| 63 | - if(full_name == ""){ | |
| 64 | - full_name = []; | |
| 65 | - }else{ | |
| 66 | - full_name = full_name.split(","); | |
| 67 | - } | |
| 68 | - var $multfile = parent.find("#gform_multifile_upload_" + formId + "_" + fieldId +"__"+rand_id ); | |
| 69 | - var remove_name = deleteButton.closest(".ginput_preview").find(".gfield_fileupload_filename").html(); | |
| 70 | - var index1 = full_name.indexOf(remove_name); | |
| 71 | - if (index1 !== -1) { | |
| 72 | - full_name.splice(index1, 1); | |
| 233 | + var filesJson = jQuery('#gform_uploaded_files_' + formId).val(); | |
| 234 | + if (filesJson) { | |
| 235 | + var files = jQuery.secureEvalJSON(filesJson); | |
| 236 | + if (files) { | |
| 237 | + var inputName = "input_" + fieldId; | |
| 238 | + var full_name = deleteButton.closest(".container-repeater-field").find('input[name="gform_multifile_upload_' + formId + '_' + fieldId + '__' + rand_id + '"]').val(); | |
| 239 | + if (full_name == "") { | |
| 240 | + full_name = []; | |
| 241 | + } else { | |
| 242 | + full_name = full_name.split(","); | |
| 73 | 243 | } |
| 74 | - deleteButton.closest(".repeater-field-warp-item-data").find('input[name="gform_multifile_upload_'+formId+'_'+fieldId+'__'+rand_id+'"]').val(full_name.join(",")); | |
| 75 | - deleteButton.closest(".ginput_preview").remove(); | |
| 76 | - if( $multfile.length > 0 ) { | |
| 77 | - files[inputName].splice(fileIndex, 1); | |
| 78 | - var settings = $multfile.data('settings'); | |
| 79 | - var max = settings.gf_vars.max_files; | |
| 80 | - jQuery("#" + settings.gf_vars.message_id +"__"+rand_id).html(''); | |
| 81 | - if(files[inputName].length < max) | |
| 82 | - gfMultiFileUploader.toggleDisabled(settings, false); | |
| 83 | - | |
| 84 | - } else { | |
| 85 | - files[inputName] = null; | |
| 86 | - } | |
| 87 | - jQuery('#gform_uploaded_files_' + formId).val(jQuery.toJSON(files)); | |
| 88 | - } | |
| 89 | - } | |
| 90 | - }else{ | |
| 244 | + var $multfile = parent.find("#gform_multifile_upload_" + formId + "_" + fieldId + "__" + rand_id); | |
| 245 | + var remove_name = deleteButton.closest(".ginput_preview").find(".gfield_fileupload_filename").html(); | |
| 246 | + var index1 = full_name.indexOf(remove_name); | |
| 247 | + if (index1 !== -1) { | |
| 248 | + full_name.splice(index1, 1); | |
| 249 | + } | |
| 250 | + deleteButton.closest(".container-repeater-field").find('input[name="gform_multifile_upload_' + formId + '_' + fieldId + '__' + rand_id + '"]').val(full_name.join(",")); | |
| 251 | + deleteButton.closest(".ginput_preview").remove(); | |
| 252 | + if ($multfile.length > 0) { | |
| 253 | + files[inputName].splice(fileIndex, 1); | |
| 254 | + var settings = $multfile.data('settings'); | |
| 255 | + var max = settings.gf_vars.max_files; | |
| 256 | + jQuery("#" + settings.gf_vars.message_id + "__" + rand_id).html(''); | |
| 257 | + if (files[inputName].length < max) | |
| 258 | + gfMultiFileUploader.toggleDisabled(settings, false); | |
| 259 | + } else { | |
| 260 | + files[inputName] = null; | |
| 261 | + } | |
| 262 | + jQuery('#gform_uploaded_files_' + formId).val(jQuery.toJSON(files)); | |
| 263 | + } | |
| 264 | + } | |
| 265 | + } else { | |
| 91 | 266 | var parent = jQuery("#field_" + formId + "_" + fieldId); |
| 92 | - var fileIndex = jQuery(deleteButton).parent().index(); | |
| 93 | - deleteButton.closest(".ginput_preview").remove(); | |
| 94 | - //displaying single file upload field | |
| 95 | - parent.find('input[type="file"],.validation_message,#extensions_message_' + formId + '_' + fieldId).removeClass("gform_hidden"); | |
| 96 | - | |
| 97 | - //displaying post image label | |
| 98 | - parent.find(".ginput_post_image_file").show(); | |
| 99 | - | |
| 100 | - //clearing post image meta fields | |
| 101 | - parent.find("input[type=\"text\"]").val(''); | |
| 102 | - | |
| 103 | - //removing file from uploaded meta | |
| 104 | - var filesJson = jQuery('#gform_uploaded_files_' + formId).val(); | |
| 105 | - | |
| 106 | - | |
| 107 | - if(filesJson){ | |
| 108 | - var files = jQuery.secureEvalJSON(filesJson); | |
| 109 | - if(files) { | |
| 110 | - var inputName = "input_" + fieldId; | |
| 111 | - var $multfile = parent.find("#gform_multifile_upload_" + formId + "_" + fieldId ); | |
| 112 | - | |
| 113 | - if( $multfile.length > 0 ) { | |
| 114 | - files[inputName].splice(fileIndex, 1); | |
| 115 | - var settings = $multfile.data('settings'); | |
| 116 | - var max = settings.gf_vars.max_files; | |
| 117 | - jQuery("#" + settings.gf_vars.message_id).html(''); | |
| 118 | - if(files[inputName].length < max) | |
| 119 | - | |
| 120 | - gfMultiFileUploader.toggleDisabled(settings, false); | |
| 121 | - | |
| 122 | - } else { | |
| 123 | - files[inputName] = null; | |
| 124 | - } | |
| 125 | - | |
| 126 | - jQuery('#gform_uploaded_files_' + formId).val(jQuery.toJSON(files)); | |
| 127 | - } | |
| 128 | - } | |
| 267 | + var fileIndex = jQuery(deleteButton).parent().index(); | |
| 268 | + deleteButton.closest(".ginput_preview").remove(); | |
| 269 | + //displaying single file upload field | |
| 270 | + parent.find('input[type="file"],.validation_message,#extensions_message_' + formId + '_' + fieldId).removeClass("gform_hidden"); | |
| 271 | + //displaying post image label | |
| 272 | + parent.find(".ginput_post_image_file").show(); | |
| 273 | + //clearing post image meta fields | |
| 274 | + parent.find("input[type=\"text\"]").val(''); | |
| 275 | + //removing file from uploaded meta | |
| 276 | + var filesJson = jQuery('#gform_uploaded_files_' + formId).val(); | |
| 277 | + if (filesJson) { | |
| 278 | + var files = jQuery.secureEvalJSON(filesJson); | |
| 279 | + if (files) { | |
| 280 | + var inputName = "input_" + fieldId; | |
| 281 | + var $multfile = parent.find("#gform_multifile_upload_" + formId + "_" + fieldId); | |
| 282 | + if ($multfile.length > 0) { | |
| 283 | + files[inputName].splice(fileIndex, 1); | |
| 284 | + var settings = $multfile.data('settings'); | |
| 285 | + var max = settings.gf_vars.max_files; | |
| 286 | + jQuery("#" + settings.gf_vars.message_id).html(''); | |
| 287 | + if (files[inputName].length < max) | |
| 288 | + gfMultiFileUploader.toggleDisabled(settings, false); | |
| 289 | + } else { | |
| 290 | + files[inputName] = null; | |
| 291 | + } | |
| 292 | + jQuery('#gform_uploaded_files_' + formId).val(jQuery.toJSON(files)); | |
| 293 | + } | |
| 294 | + } | |
| 129 | 295 | } |
| 130 | - | |
| 131 | - | |
| 132 | 296 | } |
| 133 | - function change_name_and_ids(item , field_end = null, key = null){ | |
| 134 | - if( key == null ){ | |
| 297 | + var input_ids = []; | |
| 298 | + function change_name_and_ids(item, field_end = null, key = null, row_data = null) { | |
| 299 | + if (key == null) { | |
| 135 | 300 | var id_rand = Math.floor(Math.random() * 10000); |
| 136 | - }else{ | |
| 301 | + } else { | |
| 137 | 302 | var id_rand = key; |
| 138 | 303 | } |
| 139 | 304 | var datas = JSON.parse(field_end.find(".gf-field-repeater-data").val()); |
| 140 | 305 | var datas_ids = datas.id; |
| @@ -139,127 +304,375 @@ | ||
| 139 | 304 | var datas = JSON.parse(field_end.find(".gf-field-repeater-data").val()); |
| 140 | 305 | var datas_ids = datas.id; |
| 141 | 306 | datas_ids.push(id_rand); |
| 142 | 307 | datas.id = datas_ids; |
| 143 | - field_end.find(".gf-field-repeater-data").val(JSON.stringify(datas)); | |
| 308 | + field_end.find(".gf-field-repeater-data").val(JSON.stringify(datas)); | |
| 144 | 309 | item = $(item); |
| 145 | - item.attr("data-id",id_rand); | |
| 146 | - | |
| 147 | - $(".gform_fileupload_multifile",item).each(function(){ | |
| 310 | + item.attr("data-id", id_rand); | |
| 311 | + | |
| 312 | + function get_saved_field_val(fieldName) { | |
| 313 | + if (!row_data || typeof row_data !== 'object') { | |
| 314 | + return null; | |
| 315 | + } | |
| 316 | + var clean = fieldName.replace(/\[\]$/, ''); | |
| 317 | + if (row_data[clean] !== undefined) { | |
| 318 | + return row_data[clean]; | |
| 319 | + } | |
| 320 | + var withUnderscore = clean.replace(/\./g, '_'); | |
| 321 | + if (row_data[withUnderscore] !== undefined) { | |
| 322 | + return row_data[withUnderscore]; | |
| 323 | + } | |
| 324 | + for (var rk in row_data) { | |
| 325 | + if (rk === clean || rk === withUnderscore || rk.replace(/\./g, '_') === withUnderscore) { | |
| 326 | + return row_data[rk]; | |
| 327 | + } | |
| 328 | + } | |
| 329 | + return null; | |
| 330 | + } | |
| 331 | + | |
| 332 | + $(".gfield_visibility_visible", item).each(function () { | |
| 148 | 333 | var id = $(this).attr("id"); |
| 334 | + $(this).attr("id", id + "-" + id_rand); | |
| 335 | + $(this).attr("data-js-reload", id + "-" + id_rand); | |
| 336 | + }) | |
| 337 | + $(".gform_fileupload_multifile", item).each(function () { | |
| 338 | + var id = $(this).attr("id"); | |
| 149 | 339 | var container_item = $(this).closest(".gfield gfield--type-fileupload"); |
| 150 | 340 | var settings = $(this).attr("data-settings"); |
| 151 | 341 | settings = jQuery.parseJSON(settings); |
| 152 | - $.each(settings, function( index, value ) { | |
| 153 | - switch(index) { | |
| 154 | - case "browse_button": | |
| 155 | - case "container": | |
| 156 | - case "drop_element": | |
| 157 | - case "filelist": | |
| 158 | - settings[index] = value + "__"+id_rand; | |
| 159 | - $("#"+value,item).attr("id",value + "__"+id_rand ); | |
| 160 | - | |
| 161 | - break; | |
| 162 | - case "multipart_params": | |
| 163 | - //settings["multipart_params"]["field_id"] = value.field_id + "__"+id_rand; | |
| 164 | - break; | |
| 165 | - } | |
| 342 | + $.each(settings, function (index, value) { | |
| 343 | + switch (index) { | |
| 344 | + case "browse_button": | |
| 345 | + case "container": | |
| 346 | + case "drop_element": | |
| 347 | + case "filelist": | |
| 348 | + settings[index] = value + "__" + id_rand; | |
| 349 | + $("#" + value, item).attr("id", value + "__" + id_rand); | |
| 350 | + break; | |
| 351 | + case "multipart_params": | |
| 352 | + //settings["multipart_params"]["field_id"] = value.field_id + "__"+id_rand; | |
| 353 | + break; | |
| 354 | + } | |
| 166 | 355 | }); |
| 167 | - item.append('<input type="hidden" name="'+id+'" class="agform_multifile_upload" />'); | |
| 168 | - $(this).attr("id",id+"__"+id_rand); | |
| 169 | - $(this).attr("data-settings",JSON.stringify(settings)); | |
| 170 | - names_upload.push(id+"__"+id_rand); | |
| 171 | - | |
| 356 | + item.append('<input type="hidden" name="' + id + '" class="gform_multifile_upload" />'); | |
| 357 | + $(this).attr("id", id + "__" + id_rand); | |
| 358 | + $(this).attr("data-settings", JSON.stringify(settings)); | |
| 359 | + names_upload.push(id + "__" + id_rand); | |
| 172 | 360 | }) |
| 173 | - $("input",item).each(function(){ | |
| 361 | + $("input", item).each(function () { | |
| 174 | 362 | var name = $(this).attr("name"); |
| 175 | - if(name == "MAX_FILE_SIZE"){ | |
| 363 | + if (typeof name !== 'string' || name == "MAX_FILE_SIZE") { | |
| 176 | 364 | return; |
| 177 | 365 | } |
| 178 | 366 | var type = $(this).attr("type"); |
| 179 | 367 | var id = $(this).attr("id"); |
| 180 | - $(this).attr("name",name+"__"+id_rand); | |
| 181 | - $(this).attr("id",id+"-"+id_rand); | |
| 182 | - var value_check = localStorage.getItem(id+"-"+id_rand); | |
| 183 | - if( type == "checkbox" ){ | |
| 184 | - if( value_check != null ){ | |
| 185 | - $(this).attr("checked","checked"); | |
| 368 | + input_ids.push(id); | |
| 369 | + var original_name = name; | |
| 370 | + if (name != "" && name.endsWith('[]')) { | |
| 371 | + name = name.replace(/\[\]$/, ''); | |
| 372 | + $(this).attr("name", name + "__" + id_rand + "[]"); | |
| 373 | + } else { | |
| 374 | + $(this).attr("name", name + "__" + id_rand); | |
| 375 | + } | |
| 376 | + $(this).attr("id", id + "-" + id_rand); | |
| 377 | + if ($(this).hasClass('gform-datepicker') || $(this).hasClass('datepicker')) { | |
| 378 | + $(this).removeAttr('data-initialized').removeData('initialized').removeClass('hasDatepicker'); | |
| 379 | + if (this.dataset) { | |
| 380 | + delete this.dataset.initialized; | |
| 381 | + delete this.dataset.toggleClickedBeforeInit; | |
| 186 | 382 | } |
| 187 | - } else if( type == "file" ){ | |
| 188 | - | |
| 189 | - $(this).attr("id",id+"-"+id_rand); | |
| 383 | + var $toggleBtn = $(this).siblings('.gform-datepicker-toggle'); | |
| 384 | + if (!$toggleBtn.length) { | |
| 385 | + $toggleBtn = $(this).closest('.ginput_container_date').find('.gform-datepicker-toggle'); | |
| 386 | + } | |
| 387 | + if ($toggleBtn.length) { | |
| 388 | + $toggleBtn.attr('id', 'datepicker_toggle_' + id + '-' + id_rand); | |
| 389 | + $toggleBtn.attr('aria-controls', id + '-' + id_rand); | |
| 390 | + } | |
| 391 | + var $kbd = $(this).siblings('#keyboardHint_' + id); | |
| 392 | + if (!$kbd.length) { | |
| 393 | + $kbd = $(this).closest('.ginput_container_date').find('#keyboardHint_' + id); | |
| 394 | + } | |
| 395 | + if ($kbd.length) { | |
| 396 | + $kbd.attr('id', 'keyboardHint_' + id + '-' + id_rand); | |
| 397 | + } | |
| 190 | 398 | } |
| 191 | - else{ | |
| 192 | - if( value_check != null ){ | |
| 399 | + var value_check = localStorage.getItem(id + "-" + id_rand); | |
| 400 | + var saved_val = get_saved_field_val(name + "__" + id_rand); | |
| 401 | + if (saved_val === null) { | |
| 402 | + saved_val = get_saved_field_val(original_name + "__" + id_rand); | |
| 403 | + } | |
| 404 | + if (type == "checkbox") { | |
| 405 | + $(this).closest("div").find("label").attr("for", id + "-" + id_rand); | |
| 406 | + if (saved_val !== null) { | |
| 407 | + var is_checked = false; | |
| 408 | + if (Array.isArray(saved_val)) { | |
| 409 | + is_checked = saved_val.indexOf($(this).val()) !== -1; | |
| 410 | + } else { | |
| 411 | + is_checked = ($(this).val() == saved_val); | |
| 412 | + } | |
| 413 | + if (is_checked) { | |
| 414 | + $(this).prop("checked", true).attr("checked", "checked"); | |
| 415 | + } else { | |
| 416 | + $(this).prop("checked", false).removeAttr("checked"); | |
| 417 | + } | |
| 418 | + } else if (value_check != null) { | |
| 419 | + $(this).prop("checked", true).attr("checked", "checked"); | |
| 420 | + } | |
| 421 | + } else if (type == "file") { | |
| 422 | + $(this).attr("id", id + "-" + id_rand); | |
| 423 | + if (saved_val && typeof saved_val === 'string' && saved_val.indexOf('http') === 0) { | |
| 424 | + var $fileContainer = $(this).closest('.ginput_container_fileupload'); | |
| 425 | + if ($fileContainer.length && !$fileContainer.find('.gf-repeater-saved-file').length) { | |
| 426 | + var fileName = saved_val.split('/').pop(); | |
| 427 | + $fileContainer.append('<div class="gf-repeater-saved-file" style="margin-top:5px;font-size:13px;">' + | |
| 428 | + '<a href="' + encodeURI(saved_val) + '" target="_blank" rel="noopener">' + (fileName || saved_val) + '</a>' + | |
| 429 | + '<input type="hidden" name="' + name + '__' + id_rand + '" value="' + saved_val + '" />' + | |
| 430 | + '</div>'); | |
| 431 | + } | |
| 432 | + } | |
| 433 | + } else if (type == "radio") { | |
| 434 | + $(this).attr("id", id + "-" + id_rand); | |
| 435 | + $(this).closest("div, li").find("label").attr("for", id + "-" + id_rand); | |
| 436 | + if (saved_val !== null) { | |
| 437 | + if ($(this).val() == saved_val) { | |
| 438 | + $(this).prop("checked", true).attr("checked", "checked"); | |
| 439 | + } else { | |
| 440 | + $(this).prop("checked", false).removeAttr("checked"); | |
| 441 | + } | |
| 442 | + } else { | |
| 443 | + var value_check = localStorage.getItem(name + "__" + id_rand); | |
| 444 | + if (value_check != null) { | |
| 445 | + var old_check = $(this).val(); | |
| 446 | + if (old_check == value_check) { | |
| 447 | + $(this).prop("checked", true).attr("checked", "checked"); | |
| 448 | + } | |
| 449 | + } | |
| 450 | + } | |
| 451 | + } | |
| 452 | + else { | |
| 453 | + // ensure the field label's "for" attribute corresponds with the field's ID | |
| 454 | + $(this).closest("div").parent().find("label").attr("for", id + "-" + id_rand); | |
| 455 | + if (saved_val !== null) { | |
| 456 | + $(this).val(saved_val); | |
| 457 | + } else if (value_check != null) { | |
| 193 | 458 | $(this).val(value_check); |
| 194 | 459 | } |
| 195 | 460 | } |
| 196 | 461 | }) |
| 197 | - $("textarea",item).each(function(){ | |
| 462 | + $("textarea", item).each(function () { | |
| 198 | 463 | var name = $(this).attr("name"); |
| 199 | 464 | var id = $(this).attr("id"); |
| 200 | - $(this).attr("name",name+"__"+id_rand); | |
| 201 | - $(this).attr("id",id+"-"+id_rand); | |
| 202 | - var value_check = localStorage.getItem(id+"-"+id_rand); | |
| 203 | - if( value_check != null ){ | |
| 204 | - $(this).val(value_check); | |
| 465 | + $(this).attr("name", name + "__" + id_rand); | |
| 466 | + $(this).attr("id", id + "-" + id_rand); | |
| 467 | + // ensure the field label's "for" attribute corresponds with the field's ID | |
| 468 | + $(this).closest("div").parent().find("label").attr("for", id + "-" + id_rand); | |
| 469 | + var saved_val = get_saved_field_val(name + "__" + id_rand); | |
| 470 | + if (saved_val !== null) { | |
| 471 | + $(this).val(saved_val); | |
| 472 | + } else { | |
| 473 | + var value_check = localStorage.getItem(id + "-" + id_rand); | |
| 474 | + if (value_check != null) { | |
| 475 | + $(this).val(value_check); | |
| 476 | + } | |
| 205 | 477 | } |
| 206 | 478 | }) |
| 207 | - $("select",item).each(function(){ | |
| 479 | + $("select", item).each(function () { | |
| 208 | 480 | var name = $(this).attr("name"); |
| 209 | 481 | var id = $(this).attr("id"); |
| 210 | - $(this).attr("name",name+"__"+id_rand); | |
| 211 | - $(this).attr("id",id+"-"+id_rand); | |
| 212 | - var value_check = localStorage.getItem(id+"-"+id_rand); | |
| 213 | - if( value_check != null ){ | |
| 214 | - $(this).val(value_check); | |
| 482 | + if (name.includes("[")) { | |
| 483 | + name = name.replace(/\[\]/g, ''); | |
| 484 | + $(this).attr("name", name + "__" + id_rand + "[]"); | |
| 485 | + } else { | |
| 486 | + $(this).attr("name", name + "__" + id_rand); | |
| 215 | 487 | } |
| 488 | + $(this).attr("id", id + "-" + id_rand); | |
| 489 | + // ensure the field label's "for" attribute corresponds with the field's ID | |
| 490 | + $(this).closest("div").parent().find("label").attr("for", id + "-" + id_rand); | |
| 491 | + var saved_val = get_saved_field_val(name + "__" + id_rand); | |
| 492 | + if (saved_val !== null) { | |
| 493 | + $(this).val(saved_val); | |
| 494 | + } else { | |
| 495 | + var value_check = localStorage.getItem(id + "-" + id_rand); | |
| 496 | + if (value_check != null) { | |
| 497 | + $(this).val(value_check); | |
| 498 | + } | |
| 499 | + } | |
| 216 | 500 | }) |
| 217 | 501 | return item; |
| 218 | 502 | } |
| 219 | - function add_repeater_data(button, key=null){ | |
| 503 | + function add_repeater_data(button, key = null, row_data = null) { | |
| 220 | 504 | var start_field; |
| 505 | + if (key == null) { | |
| 506 | + var key = Math.floor(Math.random() * 10000); | |
| 507 | + } | |
| 221 | 508 | var item = $('<div class="repeater-field-item"><div class="repeater-field-header"></div><div class="repeater-field-content"></div></div>'); |
| 222 | - button.prevAll().each(function(index){ | |
| 509 | + button.prevAll().each(function (index) { | |
| 223 | 510 | var item = $(this).clone(); |
| 224 | - if( item.hasClass("gfield--type-repeater_start") ) { | |
| 511 | + if (item.hasClass("gfield--type-repeater_start")) { | |
| 225 | 512 | start_field = $(this); |
| 226 | 513 | return false; |
| 227 | 514 | } |
| 228 | 515 | }) |
| 229 | - var html_field = get_repeater_data(button,key); | |
| 516 | + var html_field = get_repeater_data(button, key, row_data); | |
| 230 | 517 | var header = get_repeater_data_header(start_field); |
| 231 | 518 | item.find(".repeater-field-header").append(header); |
| 232 | 519 | item.find(".repeater-field-content").append(html_field); |
| 233 | 520 | button.find(".repeater-field-warp-item").append(item); |
| 521 | + item.find("input[type=radio][checked], input[type=checkbox][checked]").prop("checked", true); | |
| 234 | 522 | update_repeater_count_header(); |
| 235 | - $( "input" ).trigger( "done_load_repeater" ); | |
| 236 | - var j = 0; | |
| 237 | - $.each( names_upload, function( key, value ) { | |
| 238 | - gfMultiFileUploader.setup("#"+value); | |
| 239 | - names_upload.splice(j, 1); | |
| 240 | - j++; | |
| 523 | + $("input").trigger("done_load_repeater"); | |
| 524 | + var form_ids = button.attr("id").split("_"); | |
| 525 | + if (yeeaddons_gf_repeater_data.pro == "ok") { | |
| 526 | + var form_id = form_ids[1]; | |
| 527 | + if (window["gf_form_conditional_logic"] !== undefined) { | |
| 528 | + if (typeof window["gf_form_conditional_logic"][form_id] !== "undefined") { | |
| 529 | + var dependents = window["gf_form_conditional_logic"][form_id].dependents; | |
| 530 | + var dependents_new = dependents; | |
| 531 | + var dependents_new_id = []; | |
| 532 | + $.each(dependents, function (key_1, value) { | |
| 533 | + var datas_logic = []; | |
| 534 | + $.each(value, function (key_2, value_2) { | |
| 535 | + datas_logic.push(value_2 + "-" + key); | |
| 536 | + }) | |
| 537 | + if (key_1.search("-") < 0) { | |
| 538 | + dependents_new[key_1 + "-" + key] = datas_logic; | |
| 539 | + dependents_new_id.push(key_1 + "-" + key); | |
| 540 | + } else { | |
| 541 | + dependents_new_id.push(key_1); | |
| 542 | + } | |
| 543 | + }); | |
| 544 | + var fields = window["gf_form_conditional_logic"][form_id].fields; | |
| 545 | + var fields_new = fields; | |
| 546 | + $.each(fields, function (key_1, value) { | |
| 547 | + var datas_logic = []; | |
| 548 | + $.each(value, function (key_2, value_2) { | |
| 549 | + datas_logic.push(value_2 + "-" + key); | |
| 550 | + }) | |
| 551 | + if (key_1.search("-") < 0) { | |
| 552 | + fields_new[key_1 + "-" + key] = datas_logic; | |
| 553 | + } | |
| 554 | + }); | |
| 555 | + var logic = window["gf_form_conditional_logic"][form_id].logic; | |
| 556 | + //console.log(window["gf_form_conditional_logic"][form_id]); | |
| 557 | + var logic_new = logic; | |
| 558 | + $.each(logic, function (key_1, value) { | |
| 559 | + if (key_1.search("-") < 0) { | |
| 560 | + // use old and add new repeater | |
| 561 | + logic_new[key_1 + "-" + key] = yeeaddons_change_id_logic(value, key); | |
| 562 | + } else { | |
| 563 | + //da them | |
| 564 | + } | |
| 565 | + }); | |
| 566 | + var animation = window["gf_form_conditional_logic"][form_id].animation; | |
| 567 | + var defaults = window["gf_form_conditional_logic"][form_id].defaults; | |
| 568 | + window["gf_form_conditional_logic"][form_id] = { animation: animation, defaults: defaults, dependents: dependents_new, fields: fields_new, logic: logic_new, "ok": "ok" }; | |
| 569 | + gf_apply_rules(form_id, dependents_new_id, true); | |
| 570 | + } | |
| 571 | + } | |
| 572 | + } | |
| 573 | + //end logic | |
| 574 | + | |
| 575 | + $.each(names_upload, function (key_1, value) { | |
| 576 | + if ($("#" + value).length > 0) { | |
| 577 | + gfMultiFileUploader.setup("#" + value); | |
| 578 | + } | |
| 241 | 579 | }); |
| 242 | - | |
| 243 | - | |
| 244 | - $( '.gform-datepicker' ).each( function() { | |
| 245 | - var $element = $( this ); | |
| 246 | - initSingleDatepicker( $element ); | |
| 247 | - $element.addClass( 'initialized' ); | |
| 248 | - } ); | |
| 580 | + names_upload = []; | |
| 581 | + var input_mask = yeeaddons_gf_repeater_data.input_mask; | |
| 582 | + $.each(input_ids, function (key_1, value_1) { | |
| 583 | + if (value_1 in input_mask) { | |
| 584 | + $('#' + value_1 + "-" + key).mask(input_mask[value_1]).bind('keypress', function (e) { if (e.which == 13) { jQuery(this).blur(); } }) | |
| 585 | + } | |
| 586 | + }); | |
| 587 | + conditional_logic_custom(key); | |
| 588 | + input_ids = []; | |
| 589 | + $('.gform-datepicker').each(function () { | |
| 590 | + var $element = $(this); | |
| 591 | + if (typeof $.fn.datepicker === 'function') { | |
| 592 | + // Legacy GF < 3.0: jQuery UI datepicker available | |
| 593 | + if (!$element.hasClass('hasDatepicker')) { | |
| 594 | + initSingleDatepicker($element); | |
| 595 | + $element.addClass('initialized'); | |
| 596 | + } | |
| 597 | + } | |
| 598 | + }); | |
| 599 | + // GF 3.0+: Re-trigger datepicker initialization for the form | |
| 600 | + // so GF's theme script loads the datepicker chunk and sets up delegation | |
| 601 | + reinitGF3Datepicker(button); | |
| 249 | 602 | } |
| 250 | - | |
| 251 | - function get_repeater_data(step_field,key=null){ | |
| 252 | - var html_step = change_name_and_ids(step_field.find(".gf-field-repeater-data-html").val(),step_field,key); | |
| 603 | + /** | |
| 604 | + * Re-trigger GF 3.0 datepicker initialization. | |
| 605 | + * GF 3.0 uses lazy-loading: the datepicker chunk is only loaded when | |
| 606 | + * gform/post_render fires and .gform-datepicker elements exist in the DOM. | |
| 607 | + * Since the repeater removes original fields before GF checks for them, | |
| 608 | + * we need to re-dispatch the event after creating new rows. | |
| 609 | + */ | |
| 610 | + var _gf3DatepickerTriggered = {}; | |
| 611 | + function reinitGF3Datepicker(el) { | |
| 612 | + if (typeof $.fn.datepicker === 'function') { | |
| 613 | + return; // Legacy jQuery UI datepicker is available, no need for GF 3.0 re-init | |
| 614 | + } | |
| 615 | + var $wrapper = el.closest('.gform_wrapper'); | |
| 616 | + if (!$wrapper.length) return; | |
| 617 | + var formId = parseInt($wrapper.attr('id').replace('gform_wrapper_', '')); | |
| 618 | + if (!formId || isNaN(formId)) return; | |
| 619 | + // Only trigger once per form per page load to avoid duplicate event listeners | |
| 620 | + if (_gf3DatepickerTriggered[formId]) return; | |
| 621 | + _gf3DatepickerTriggered[formId] = true; | |
| 622 | + // Dispatch gform/post_render so GF's theme script detects datepicker fields | |
| 623 | + // and lazy-loads the accessible datepicker chunk | |
| 624 | + document.dispatchEvent(new CustomEvent('gform/post_render', { | |
| 625 | + detail: { formId: formId, currentPage: 1 } | |
| 626 | + })); | |
| 627 | + } | |
| 628 | + function yeeaddons_change_id_logic(value, key) { | |
| 629 | + var field_rules_inner = []; | |
| 630 | + if (value && value.field && Array.isArray(value.field.rules)) { // added this line to fix js issue in add more to autofill multiple data | |
| 631 | + $.each(value.field.rules, function (key_2, value_2) { | |
| 632 | + if (value_2.fieldId.search("-") < 0) { | |
| 633 | + var field_id_1 = value_2.fieldId + "-" + key; | |
| 634 | + } | |
| 635 | + field_rules_inner.push({ fieldId: field_id_1, operator: value_2.operator, value: value_2.value }); | |
| 636 | + }) | |
| 637 | + var rules = field_rules_inner; | |
| 638 | + var field = { actionType: value.field.actionType, enabled: value.field.enabled, logicType: value.field.logicType, rules: rules }; | |
| 639 | + return { field: field, nextButton: value.nextButton, section: value.section }; | |
| 640 | + } else { | |
| 641 | + return value; | |
| 642 | + } | |
| 643 | + | |
| 644 | + } | |
| 645 | + function conditional_logic_custom(rand) { | |
| 646 | + return; | |
| 647 | + var value_check = $("#input_1_13-" + rand).val(); | |
| 648 | + if (value_check == "Other" || value_check == "other") { | |
| 649 | + $("#input_1_14-" + rand).closest(".gfield").addClass("hidden"); | |
| 650 | + } else { | |
| 651 | + $("#input_1_14-" + rand).closest(".gfield").removeClass("hidden"); | |
| 652 | + } | |
| 653 | + } | |
| 654 | + gform.addAction('gform_input_change', function (elem, formId, fieldId) { | |
| 655 | + var datas = $(elem).attr("name").split("__");; | |
| 656 | + if (datas.length > 1) { | |
| 657 | + conditional_logic_custom(datas[1]); | |
| 658 | + } | |
| 659 | + }, 10); | |
| 660 | + function get_repeater_data(step_field, key = null, row_data = null) { | |
| 661 | + var data_html = step_field.find(".gf-field-repeater-data-html").val(); | |
| 662 | + if (data_html == "") { | |
| 663 | + data_html = step_field.find(".gf-field-repeater-data-html").attr('value'); | |
| 664 | + } | |
| 665 | + var html_step = change_name_and_ids(data_html, step_field, key, row_data); | |
| 253 | 666 | return html_step; |
| 254 | 667 | } |
| 255 | - function get_repeater_data_name(){ | |
| 668 | + function get_repeater_data_name() { | |
| 256 | 669 | var i = 1; |
| 257 | - $(".gfield--type-repeater_start").each(function(){ | |
| 258 | - if($(this).data("installed") == "installed"){ | |
| 670 | + $(".gfield--type-repeater_start").each(function () { | |
| 671 | + if ($(this).data("installed") == "installed") { | |
| 259 | 672 | return; |
| 260 | 673 | } |
| 261 | - $(this).data("installed","installed"); | |
| 674 | + $(this).data("installed", "installed"); | |
| 262 | 675 | $(this).addClass("installed"); |
| 263 | 676 | var html_step = $("<div class='container-repeater-field'></div>"); |
| 264 | 677 | var names = []; |
| 265 | 678 | var step_field = ""; |
| @@ -264,168 +677,207 @@ | ||
| 264 | 677 | var names = []; |
| 265 | 678 | var step_field = ""; |
| 266 | 679 | var elements = $(this).nextAll(); |
| 267 | 680 | var value = ""; |
| 268 | - elements.each(function(index){ | |
| 269 | - var item = $(this).clone(); | |
| 270 | - if( item.hasClass("gfield--type-repeater_end") ) { | |
| 271 | - $(this).attr("data-id",i); | |
| 272 | - value = $(this).find("input").val(); | |
| 273 | - step_field = $(this); | |
| 274 | - $(this).find(".gf-field-repeater-data").val(JSON.stringify({"count":1,"fields":names,"id":[]})); | |
| 275 | - return false; | |
| 681 | + elements.each(function (index) { | |
| 682 | + var item = $(this).clone(); | |
| 683 | + if (item.hasClass("gfield--type-repeater_end")) { | |
| 684 | + $(this).attr("data-id", i); | |
| 685 | + value = $(this).find("input").val(); | |
| 686 | + if (value == "") { | |
| 687 | + value = $(this).find("input").attr("value"); | |
| 276 | 688 | } |
| 277 | - $(this).remove(); | |
| 278 | - html_step.append(item); | |
| 279 | - var check_name = null; | |
| 280 | - if(item.find(".ginput_container_fileupload").length > 0 ){ | |
| 281 | - var name = item.find("input[type=file]").attr("name"); | |
| 282 | - if( name === undefined ){ | |
| 283 | - name = item[0].id; | |
| 284 | - name = name.split("field"); | |
| 285 | - | |
| 286 | - names.push("gform_multifile_upload"+name[1]); | |
| 287 | - }else{ | |
| 288 | - names.push(item.find("input[type=file]").attr("name")); | |
| 289 | - } | |
| 290 | - }else{ | |
| 291 | - if( item.find("input").attr("name") ) { | |
| 292 | - names.push(item.find("input").attr("name")); | |
| 293 | - }else if( item.find("textarea").attr("name") ){ | |
| 294 | - names.push(item.find("textarea").attr("name")); | |
| 295 | - }else if( item.find("select").attr("name") ){ | |
| 296 | - names.push(item.find("select").attr("name")); | |
| 297 | - }else{ | |
| 298 | - var type = item.find("input").attr("type"); | |
| 299 | - names.push(item.find("input").attr("name")); | |
| 300 | - } | |
| 689 | + step_field = $(this); | |
| 690 | + $(this).find(".gf-field-repeater-data").val(JSON.stringify({ "count": 1, "fields": names, "id": [] })); | |
| 691 | + $(this).find(".gf-field-repeater-data").attr("value", JSON.stringify({ "count": 1, "fields": names, "id": [] })); | |
| 692 | + return false; | |
| 693 | + } | |
| 694 | + $(this).remove(); | |
| 695 | + html_step.append(item); | |
| 696 | + var check_name = null; | |
| 697 | + if (item.find(".ginput_container_fileupload").length > 0) { | |
| 698 | + var name = item.find("input[type=file]").attr("name"); | |
| 699 | + if (name === undefined) { | |
| 700 | + name = item[0].id; | |
| 701 | + name = name.split("field"); | |
| 702 | + names.push("gform_multifile_upload" + name[1]); | |
| 703 | + } else { | |
| 704 | + names.push(item.find("input[type=file]").attr("name")); | |
| 301 | 705 | } |
| 302 | - | |
| 706 | + } else { | |
| 707 | + if (item.find("input").attr("name")) { | |
| 708 | + var custom_n = item.find("input").attr("name"); | |
| 709 | + custom_n = custom_n.replace(/\[\]$/, ''); | |
| 710 | + names.push(custom_n); | |
| 711 | + } else if (item.find("textarea").attr("name")) { | |
| 712 | + names.push(item.find("textarea").attr("name")); | |
| 713 | + } else if (item.find("select").attr("name")) { | |
| 714 | + names.push(item.find("select").attr("name")); | |
| 715 | + } else { | |
| 716 | + var type = item.find("input").attr("type"); | |
| 717 | + names.push(item.find("input").attr("name")); | |
| 718 | + } | |
| 719 | + } | |
| 303 | 720 | }) |
| 304 | - var text_html = "<div class='container-repeater-field'>"+html_step.html()+"</div>"; | |
| 721 | + var text_html = "<div class='container-repeater-field'>" + html_step.html() + "</div>"; | |
| 305 | 722 | step_field.find(".gf-field-repeater-data-html").val(text_html); |
| 306 | - var initial_rows = 0; | |
| 723 | + step_field.find(".gf-field-repeater-data-html").attr("value", text_html); | |
| 724 | + var initial_rows = 1; | |
| 307 | 725 | initial_rows = step_field.find(".repeater-field-warp-item-data").data("initial_rows"); |
| 308 | - | |
| 309 | - var initial_rows_map_field = step_field.find(".repeater-field-warp-item-data").data("initial_rows_map"); | |
| 310 | - var initial_rows_map_number = $("#"+initial_rows_map_field).val(); | |
| 311 | - | |
| 312 | - if(initial_rows_map_number > 0){ | |
| 313 | - $("#"+initial_rows_map_field).attr("data-repeater",step_field.find(".repeater-field-warp-item-data").data("map_id")); | |
| 314 | - $("#"+initial_rows_map_field).attr("repeater_initial_rows","ok"); | |
| 726 | + var initial_rows_map_field_check = step_field.find(".repeater-field-warp-item-data").data("initial_rows_map_check"); | |
| 727 | + if (initial_rows_map_field_check != "" && initial_rows_map_field_check !== undefined) { | |
| 728 | + var initial_rows_map_field = step_field.find(".repeater-field-warp-item-data").data("initial_rows_map"); | |
| 729 | + var initial_rows_map_number = $("#" + initial_rows_map_field).val(); | |
| 730 | + if (initial_rows_map_number == "") { | |
| 731 | + initial_rows_map_number = $("#" + initial_rows_map_field).attr("value"); | |
| 732 | + } | |
| 733 | + if (initial_rows_map_number == "") { | |
| 734 | + initial_rows_map_number = 0; | |
| 735 | + } | |
| 736 | + $("#" + initial_rows_map_field).attr("data-repeater", step_field.find(".repeater-field-warp-item-data").data("map_id")); | |
| 737 | + $("#" + initial_rows_map_field).attr("repeater_initial_rows", "ok"); | |
| 315 | 738 | initial_rows = initial_rows_map_number; |
| 316 | 739 | step_field.find(".gf-repeater-field-button-add").addClass("hidden"); |
| 317 | 740 | step_field.addClass("repeater-remove-toolbar"); |
| 318 | 741 | } |
| 319 | - | |
| 320 | - if( value != "" ){ | |
| 321 | - value = JSON.parse(value); | |
| 322 | - initial_rows = value.count; | |
| 323 | - var data_arr_ids = value.id; | |
| 324 | - setTimeout(function() { | |
| 325 | - for (var j = 0; j < initial_rows; j++) { | |
| 326 | - add_repeater_data(step_field.closest(".gfield--type-repeater_end"),data_arr_ids[j]); | |
| 742 | + if (initial_rows === undefined || initial_rows === "") { | |
| 743 | + initial_rows = 1; | |
| 744 | + } | |
| 745 | + if (value != "") { | |
| 746 | + try { | |
| 747 | + var parsed_val = typeof value === "string" ? JSON.parse(value) : value; | |
| 748 | + initial_rows = parsed_val.count !== undefined ? parsed_val.count : (parsed_val.id ? parsed_val.id.length : 1); | |
| 749 | + var data_arr_ids = parsed_val.id || []; | |
| 750 | + var saved_values = parsed_val.saved_values || null; | |
| 751 | + setTimeout(function () { | |
| 752 | + for (var j = 0; j < initial_rows; j++) { | |
| 753 | + var row_id = data_arr_ids[j] !== undefined ? data_arr_ids[j] : null; | |
| 754 | + var row_data = (saved_values && row_id && saved_values[row_id]) ? saved_values[row_id] : null; | |
| 755 | + add_repeater_data(step_field.closest(".gfield--type-repeater_end"), row_id, row_data); | |
| 756 | + } | |
| 757 | + }, 100); | |
| 758 | + } catch (e) { | |
| 759 | + setTimeout(function () { | |
| 760 | + for (var j = 0; j < initial_rows; j++) { | |
| 761 | + add_repeater_data(step_field.closest(".gfield--type-repeater_end")); | |
| 762 | + } | |
| 763 | + }, 100); | |
| 327 | 764 | } |
| 328 | - }, 100); | |
| 329 | - }else{ | |
| 330 | - setTimeout(function() { | |
| 331 | - for (var j = 0; j < initial_rows; j++) { | |
| 765 | + } else { | |
| 766 | + setTimeout(function () { | |
| 767 | + for (var j = 0; j < initial_rows; j++) { | |
| 332 | 768 | add_repeater_data(step_field.closest(".gfield--type-repeater_end")); |
| 333 | 769 | } |
| 334 | - }, 100); | |
| 770 | + }, 100); | |
| 335 | 771 | } |
| 336 | 772 | i++; |
| 337 | 773 | }) |
| 338 | 774 | } |
| 339 | - $("body").on("change","[repeater_initial_rows='ok']",function (e){ | |
| 775 | + $("body").on("change", "[repeater_initial_rows='ok']", function (e) { | |
| 340 | 776 | var repeater_id = $(this).data("repeater"); |
| 341 | - $("#"+repeater_id).find(".repeater-field-item").remove(); | |
| 777 | + $("#" + repeater_id).find(".repeater-field-item").remove(); | |
| 342 | 778 | var number = $(this).val(); |
| 779 | + if (number == "") { | |
| 780 | + number = $(this).attr("value"); | |
| 781 | + } | |
| 343 | 782 | for (let i = 0; i < number; i++) { |
| 344 | - $("#"+repeater_id).find(".gf-repeater-field-button-add").click(); | |
| 345 | - } | |
| 783 | + $("#" + repeater_id).find(".gf-repeater-field-button-add").click(); | |
| 784 | + } | |
| 346 | 785 | }) |
| 347 | - function get_repeater_data_header(start_field){ | |
| 786 | + function get_repeater_data_header(start_field) { | |
| 348 | 787 | var html_step = start_field.find(".repeater-field-header-data").val(); |
| 788 | + if (html_step == "") { | |
| 789 | + html_step = start_field.find(".repeater-field-header-data").attr("value"); | |
| 790 | + } | |
| 349 | 791 | return html_step; |
| 350 | 792 | } |
| 351 | - function update_repeater_count_header(){ | |
| 352 | - $(".gfield--type-repeater_end").each(function(){ | |
| 353 | - var i = 1; | |
| 354 | - $(".repeater-field-item",$(this)).each(function(){ | |
| 355 | - $(this).find(".repeater-field-header-count").html(i); | |
| 356 | - i++; | |
| 357 | - }) | |
| 358 | - var datas = JSON.parse($(this).find(".gf-field-repeater-data").val()); | |
| 359 | - datas.count = i-1; | |
| 360 | - $(this).find(".gf-field-repeater-data").val(JSON.stringify(datas)); | |
| 793 | + function update_repeater_count_header() { | |
| 794 | + $(".gfield--type-repeater_end").each(function () { | |
| 795 | + var i = 1; | |
| 796 | + $(".repeater-field-item", $(this)).each(function () { | |
| 797 | + $(this).find(".repeater-field-header-count").html(i); | |
| 798 | + i++; | |
| 799 | + }) | |
| 800 | + var data_js = $(this).find(".gf-field-repeater-data").val(); | |
| 801 | + if (data_js == "") { | |
| 802 | + $(this).find(".gf-field-repeater-data").attr("value"); | |
| 803 | + } | |
| 804 | + var datas = JSON.parse(data_js); | |
| 805 | + datas.count = i - 1; | |
| 806 | + $(this).find(".gf-field-repeater-data").val(JSON.stringify(datas)); | |
| 807 | + $(this).find(".gf-field-repeater-data").attr("value", JSON.stringify(datas)); | |
| 361 | 808 | }); |
| 362 | 809 | } |
| 363 | - function check_max_row(step_field){ | |
| 810 | + function check_max_row(step_field) { | |
| 364 | 811 | var max = step_field.find(".repeater-field-warp-item-data").data("limit"); |
| 365 | - var number_item = $('.repeater-field-item',step_field).length; | |
| 366 | - if( number_item >= max ){ | |
| 812 | + var number_item = $('.repeater-field-item', step_field).length; | |
| 813 | + if (number_item >= max) { | |
| 367 | 814 | return false; |
| 368 | - }else{ | |
| 815 | + } else { | |
| 369 | 816 | return true; |
| 370 | 817 | } |
| 371 | 818 | } |
| 372 | - function check_min_row(step_field){ | |
| 819 | + function check_min_row(step_field) { | |
| 373 | 820 | var min = step_field.find(".repeater-field-warp-item-data").data("initial_rows"); |
| 374 | - var number_item = $('.repeater-field-item',step_field).length; | |
| 375 | - if( number_item <= min ){ | |
| 821 | + var number_item = $('.repeater-field-item', step_field).length; | |
| 822 | + if (number_item <= min) { | |
| 376 | 823 | return false; |
| 377 | - }else{ | |
| 824 | + } else { | |
| 378 | 825 | return true; |
| 379 | 826 | } |
| 380 | 827 | } |
| 381 | 828 | function removeAR(arr) { |
| 382 | - var what, a = arguments, L = a.length, ax; | |
| 383 | - while (L > 1 && arr.length) { | |
| 384 | - what = a[--L]; | |
| 385 | - while ((ax= arr.indexOf(what)) !== -1) { | |
| 386 | - arr.splice(ax, 1); | |
| 387 | - } | |
| 388 | - } | |
| 389 | - return arr; | |
| 829 | + var what, a = arguments, L = a.length, ax; | |
| 830 | + while (L > 1 && arr.length) { | |
| 831 | + what = a[--L]; | |
| 832 | + while ((ax = arr.indexOf(what)) !== -1) { | |
| 833 | + arr.splice(ax, 1); | |
| 834 | + } | |
| 835 | + } | |
| 836 | + return arr; | |
| 390 | 837 | } |
| 391 | - $("body").on("click",".gf-repeater-field-button-add",function(e){ | |
| 392 | - e.preventDefault(); | |
| 393 | - if( check_max_row($(this).closest(".gfield--type-repeater_end")) ){ | |
| 394 | - add_repeater_data($(this).closest(".gfield--type-repeater_end")); | |
| 395 | - }else{ | |
| 396 | - $(this).addClass('hidden'); | |
| 397 | - } | |
| 398 | - }) | |
| 399 | - $("body").on("click",".repeater-field-header-acctions-toogle",function(e){ | |
| 400 | - e.preventDefault(); | |
| 401 | - if( $(this).hasClass("icon-down-open")){ | |
| 402 | - $(this).removeClass("icon-down-open"); | |
| 403 | - $(this).addClass("icon-up-open"); | |
| 404 | - }else{ | |
| 405 | - $(this).addClass("icon-down-open"); | |
| 406 | - $(this).removeClass("icon-up-open"); | |
| 407 | - } | |
| 408 | - $(this).closest(".repeater-field-item").find(".repeater-field-content").slideToggle("slow"); | |
| 409 | - $(this).closest(".repeater-field-item").find(".repeater-field-header").toggleClass('repeater-content-show'); | |
| 410 | - }) | |
| 411 | - $("body").on("click",".repeater-field-header-acctions-remove",function(e){ | |
| 412 | - e.preventDefault(); | |
| 413 | - $(this).closest(".gfield--type-repeater_end").find(".gf-repeater-field-button-add").removeClass('hidden'); | |
| 414 | - if( check_min_row($(this).closest(".gfield--type-repeater_end")) ){ | |
| 415 | - var id = $(this).closest(".repeater-field-item").find(".container-repeater-field").data("id"); | |
| 416 | - var datas = JSON.parse($(this).closest(".gfield--type-repeater_end").find(".gf-field-repeater-data").val()); | |
| 838 | + $("body").on("click", ".gf-repeater-field-button-add", function (e) { | |
| 839 | + e.preventDefault(); | |
| 840 | + if (check_max_row($(this).closest(".gfield--type-repeater_end"))) { | |
| 841 | + add_repeater_data($(this).closest(".gfield--type-repeater_end")); | |
| 842 | + } else { | |
| 843 | + $(this).addClass('hidden'); | |
| 844 | + } | |
| 845 | + }) | |
| 846 | + $("body").on("click", ".repeater-field-header-acctions-toogle", function (e) { | |
| 847 | + e.preventDefault(); | |
| 848 | + if ($(this).hasClass("icon-down-open")) { | |
| 849 | + $(this).removeClass("icon-down-open"); | |
| 850 | + $(this).addClass("icon-up-open"); | |
| 851 | + } else { | |
| 852 | + $(this).addClass("icon-down-open"); | |
| 853 | + $(this).removeClass("icon-up-open"); | |
| 854 | + } | |
| 855 | + $(this).closest(".repeater-field-item").find(".repeater-field-content").slideToggle("slow"); | |
| 856 | + $(this).closest(".repeater-field-item").find(".repeater-field-header").toggleClass('repeater-content-show'); | |
| 857 | + }) | |
| 858 | + $("body").on("click", ".repeater-field-header-acctions-remove", function (e) { | |
| 859 | + e.preventDefault(); | |
| 860 | + $(this).closest(".gfield--type-repeater_end").find(".gf-repeater-field-button-add").removeClass('hidden'); | |
| 861 | + if (check_min_row($(this).closest(".gfield--type-repeater_end"))) { | |
| 862 | + var id = $(this).closest(".repeater-field-item").find(".container-repeater-field").data("id"); | |
| 863 | + var data_js = $(this).closest(".gfield--type-repeater_end").find(".gf-field-repeater-data").val(); | |
| 864 | + if (data_js == "") { | |
| 865 | + data_js = $(this).closest(".gfield--type-repeater_end").find(".gf-field-repeater-data").attr("value"); | |
| 866 | + } | |
| 867 | + var datas = JSON.parse(data_js); | |
| 417 | 868 | var datas_ids = datas.id; |
| 418 | - datas_ids = removeAR(datas_ids,id); | |
| 869 | + datas_ids = removeAR(datas_ids, id); | |
| 419 | 870 | datas.id = datas_ids; |
| 420 | 871 | $(this).closest(".gfield--type-repeater_end").find(".gf-field-repeater-data").val(JSON.stringify(datas)); |
| 421 | - $(this).closest(".repeater-field-item").remove(); | |
| 422 | - }else{ | |
| 423 | - } | |
| 424 | - update_repeater_count_header(); | |
| 425 | - }) | |
| 426 | - //date pick | |
| 427 | - function getDatepickerI18n() { | |
| 872 | + $(this).closest(".gfield--type-repeater_end").find(".gf-field-repeater-data").attr("value", JSON.stringify(datas)); | |
| 873 | + $(this).closest(".repeater-field-item").remove(); | |
| 874 | + } else { | |
| 875 | + } | |
| 876 | + update_repeater_count_header(); | |
| 877 | + }) | |
| 878 | + //date pick | |
| 879 | + function getDatepickerI18n() { | |
| 428 | 880 | var i18n = gform_i18n.datepicker; |
| 429 | 881 | return { |
| 430 | 882 | dayNamesMin: [ |
| 431 | 883 | i18n.days.sunday, |
| @@ -473,16 +925,16 @@ | ||
| 473 | 925 | * beforeShow: (function(*, *): boolean), |
| 474 | 926 | * showOtherMonths: boolean |
| 475 | 927 | * }} |
| 476 | 928 | */ |
| 477 | - function getDatepickerBaseOptions( $element ) { | |
| 929 | + function getDatepickerBaseOptions($element) { | |
| 478 | 930 | var i18n = getDatepickerI18n(); |
| 479 | - var isThemeDatepicker = $element.closest( '.gform_wrapper' ).length > 0; | |
| 480 | - var isPreview = $( '#preview_form_container' ).length > 0; | |
| 931 | + var isThemeDatepicker = $element.closest('.gform_wrapper').length > 0; | |
| 932 | + var isPreview = $('#preview_form_container').length > 0; | |
| 481 | 933 | var isRTL = window.getComputedStyle($element[0], null).getPropertyValue('direction') === 'rtl'; |
| 482 | - var formTheme = isThemeDatepicker ? $element.closest( '.gform_wrapper' ).data( 'form-theme' ) : 'gravity-theme'; | |
| 483 | - var formId = isThemeDatepicker ? $element.closest( '.gform_wrapper' ).attr( 'id' ).replace( 'gform_wrapper_', '' ) : ''; | |
| 484 | - var formPageInstance = isThemeDatepicker ? $element.closest( '.gform_wrapper' ).attr( 'data-form-index' ) : ''; | |
| 934 | + var formTheme = isThemeDatepicker ? $element.closest('.gform_wrapper').data('form-theme') : 'gravity-theme'; | |
| 935 | + var formId = isThemeDatepicker ? $element.closest('.gform_wrapper').attr('id').replace('gform_wrapper_', '') : ''; | |
| 936 | + var formPageInstance = isThemeDatepicker ? $element.closest('.gform_wrapper').attr('data-form-index') : ''; | |
| 485 | 937 | return { |
| 486 | 938 | yearRange: '-100:+20', |
| 487 | 939 | showOn: 'focus', |
| 488 | 940 | dateFormat: 'mm/dd/yy', |
| @@ -493,47 +945,47 @@ | ||
| 493 | 945 | changeYear: true, |
| 494 | 946 | isRTL: isRTL, |
| 495 | 947 | showOtherMonths: isThemeDatepicker, |
| 496 | 948 | suppressDatePicker: false, |
| 497 | - onClose: function() { | |
| 949 | + onClose: function () { | |
| 498 | 950 | var self = this; |
| 499 | 951 | $element.focus(); |
| 500 | 952 | this.suppressDatePicker = true; |
| 501 | - setTimeout( function() { | |
| 953 | + setTimeout(function () { | |
| 502 | 954 | self.suppressDatePicker = false; |
| 503 | - }, 200 ); | |
| 955 | + }, 200); | |
| 504 | 956 | }, |
| 505 | - beforeShow: function( input, inst ) { | |
| 957 | + beforeShow: function (input, inst) { | |
| 506 | 958 | // Remove any classes that were added before as it could have been added to a different datepicker. |
| 507 | - inst.dpDiv[0].classList.remove( 'gform-theme-datepicker' ); | |
| 508 | - inst.dpDiv[0].classList.remove( 'gravity-theme' ); | |
| 509 | - inst.dpDiv[0].classList.remove( 'gform-theme' ); | |
| 510 | - inst.dpDiv[0].classList.remove( 'gform-legacy-datepicker' ); | |
| 511 | - inst.dpDiv[0].classList.remove( 'gform-theme--framework' ); | |
| 512 | - inst.dpDiv[0].classList.remove( 'gform-theme--foundation' ); | |
| 513 | - inst.dpDiv[0].classList.remove( 'gform-theme--orbital' ); | |
| 514 | - if ( isThemeDatepicker ) { | |
| 515 | - inst.dpDiv[ 0 ].classList.add( 'gform-theme-datepicker' ); | |
| 516 | - $( inst.dpDiv[ 0 ] ).attr( 'data-parent-form', formId + '_' + formPageInstance ); | |
| 959 | + inst.dpDiv[0].classList.remove('gform-theme-datepicker'); | |
| 960 | + inst.dpDiv[0].classList.remove('gravity-theme'); | |
| 961 | + inst.dpDiv[0].classList.remove('gform-theme'); | |
| 962 | + inst.dpDiv[0].classList.remove('gform-legacy-datepicker'); | |
| 963 | + inst.dpDiv[0].classList.remove('gform-theme--framework'); | |
| 964 | + inst.dpDiv[0].classList.remove('gform-theme--foundation'); | |
| 965 | + inst.dpDiv[0].classList.remove('gform-theme--orbital'); | |
| 966 | + if (isThemeDatepicker) { | |
| 967 | + inst.dpDiv[0].classList.add('gform-theme-datepicker'); | |
| 968 | + $(inst.dpDiv[0]).attr('data-parent-form', formId + '_' + formPageInstance); | |
| 517 | 969 | } |
| 518 | - if ( formTheme === undefined || formTheme === 'gravity-theme' ) { | |
| 519 | - $( inst.dpDiv[0] ).addClass( 'gravity-theme' ); | |
| 520 | - } else if ( formTheme === 'legacy' ) { | |
| 521 | - $( inst.dpDiv[0] ).addClass( 'gform-legacy-datepicker' ); | |
| 970 | + if (formTheme === undefined || formTheme === 'gravity-theme') { | |
| 971 | + $(inst.dpDiv[0]).addClass('gravity-theme'); | |
| 972 | + } else if (formTheme === 'legacy') { | |
| 973 | + $(inst.dpDiv[0]).addClass('gform-legacy-datepicker'); | |
| 522 | 974 | } |
| 523 | 975 | else { |
| 524 | - $( inst.dpDiv[0] ).addClass( 'gform-theme--' + formTheme ); | |
| 525 | - if ( formTheme === 'orbital' ) { | |
| 526 | - $( inst.dpDiv[0] ).addClass( 'gform-theme--framework' ); | |
| 527 | - $( inst.dpDiv[0] ).addClass( 'gform-theme--foundation' ); | |
| 976 | + $(inst.dpDiv[0]).addClass('gform-theme--' + formTheme); | |
| 977 | + if (formTheme === 'orbital') { | |
| 978 | + $(inst.dpDiv[0]).addClass('gform-theme--framework'); | |
| 979 | + $(inst.dpDiv[0]).addClass('gform-theme--foundation'); | |
| 528 | 980 | } |
| 529 | 981 | } |
| 530 | - if ( isRTL && isPreview ) { | |
| 531 | - var $inputContainer = $( input ).closest( '.gfield' ); | |
| 532 | - var rightOffset = $( document ).outerWidth() - ( $inputContainer.offset().left + $inputContainer.outerWidth() ); | |
| 533 | - inst.dpDiv[ 0 ].style.right = rightOffset + 'px'; | |
| 982 | + if (isRTL && isPreview) { | |
| 983 | + var $inputContainer = $(input).closest('.gfield'); | |
| 984 | + var rightOffset = $(document).outerWidth() - ($inputContainer.offset().left + $inputContainer.outerWidth()); | |
| 985 | + inst.dpDiv[0].style.right = rightOffset + 'px'; | |
| 534 | 986 | } |
| 535 | - return ! this.suppressDatePicker; | |
| 987 | + return !this.suppressDatePicker; | |
| 536 | 988 | }, |
| 537 | 989 | }; |
| 538 | 990 | } |
| 539 | 991 | /** |
| @@ -541,63 +993,70 @@ | ||
| 541 | 993 | * @description Initialize a datepicker assigning various additional options based on the trigger element. |
| 542 | 994 | * @param $element The datepicker trigger. |
| 543 | 995 | * @since 2.4 |
| 544 | 996 | */ |
| 545 | - function initSingleDatepicker( $element ) { | |
| 997 | + function initSingleDatepicker($element) { | |
| 546 | 998 | var i18n = getDatepickerI18n(); |
| 547 | - var inputId = $element.attr( 'id' ) ? $element.attr( 'id' ) : ''; | |
| 548 | - var optionsObj = getDatepickerBaseOptions( $element ); | |
| 549 | - if ( $element.hasClass( 'dmy' ) ) { | |
| 999 | + var inputId = $element.attr('id') ? $element.attr('id') : ''; | |
| 1000 | + var optionsObj = getDatepickerBaseOptions($element); | |
| 1001 | + if ($element.hasClass('dmy')) { | |
| 550 | 1002 | optionsObj.dateFormat = 'dd/mm/yy'; |
| 551 | - } else if ( $element.hasClass( 'dmy_dash' ) ) { | |
| 1003 | + } else if ($element.hasClass('dmy_dash')) { | |
| 552 | 1004 | optionsObj.dateFormat = 'dd-mm-yy'; |
| 553 | - } else if ( $element.hasClass( 'dmy_dot' ) ) { | |
| 1005 | + } else if ($element.hasClass('dmy_dot')) { | |
| 554 | 1006 | optionsObj.dateFormat = 'dd.mm.yy'; |
| 555 | - } else if ( $element.hasClass( 'ymd_slash' ) ) { | |
| 1007 | + } else if ($element.hasClass('ymd_slash')) { | |
| 556 | 1008 | optionsObj.dateFormat = 'yy/mm/dd'; |
| 557 | - } else if ( $element.hasClass( 'ymd_dash' ) ) { | |
| 1009 | + } else if ($element.hasClass('ymd_dash')) { | |
| 558 | 1010 | optionsObj.dateFormat = 'yy-mm-dd'; |
| 559 | - } else if ( $element.hasClass( 'ymd_dot' ) ) { | |
| 1011 | + } else if ($element.hasClass('ymd_dot')) { | |
| 560 | 1012 | optionsObj.dateFormat = 'yy.mm.dd'; |
| 561 | 1013 | } |
| 562 | - if ( $element.hasClass( 'gdatepicker_with_icon' ) ) { | |
| 1014 | + if ($element.hasClass('gdatepicker_with_icon')) { | |
| 563 | 1015 | optionsObj.showOn = 'both'; |
| 564 | - optionsObj.buttonImage = $element.parent().siblings( "[id^='gforms_calendar_icon_input']" ).val(); | |
| 1016 | + optionsObj.buttonImage = $element.parent().siblings("[id^='gforms_calendar_icon_input']").val(); | |
| 565 | 1017 | optionsObj.buttonImageOnly = true; |
| 566 | 1018 | optionsObj.buttonText = i18n.iconText; |
| 567 | 1019 | } else { |
| 568 | 1020 | optionsObj.showOn = 'focus'; |
| 569 | 1021 | } |
| 570 | - inputId = inputId.split( '_' ); | |
| 1022 | + inputId = inputId.split('_'); | |
| 571 | 1023 | // allow the user to override the datepicker options object |
| 572 | - optionsObj = gform.applyFilters( 'gform_datepicker_options_pre_init', optionsObj, inputId[ 1 ], inputId[ 2 ], $element ); | |
| 573 | - $element.datepicker( optionsObj ); | |
| 574 | - // We give the input focus after selecting a date which differs from default Datepicker behavior; this prevents | |
| 575 | - // users from clicking on the input again to open the datepicker. Let's add a manual click event to handle this. | |
| 576 | - if ( $element.is( ':input' ) ) { | |
| 577 | - $element.click( function() { | |
| 578 | - $element.datepicker( 'show' ); | |
| 579 | - } ); | |
| 1024 | + optionsObj = gform.applyFilters('gform_datepicker_options_pre_init', optionsObj, inputId[1], inputId[2], $element); | |
| 1025 | + if (typeof $element.datepicker === 'function') { | |
| 1026 | + $element.datepicker(optionsObj); | |
| 1027 | + // We give the input focus after selecting a date which differs from default Datepicker behavior; this prevents | |
| 1028 | + // users from clicking on the input again to open the datepicker. Let's add a manual click event to handle this. | |
| 1029 | + if ($element.is(':input')) { | |
| 1030 | + $element.click(function () { | |
| 1031 | + $element.datepicker('show'); | |
| 1032 | + }); | |
| 1033 | + } | |
| 580 | 1034 | } |
| 581 | 1035 | } |
| 582 | 1036 | }) |
| 583 | - $(document).on("change",".gfield--type-repeater_end input,.gfield--type-repeater_end textarea,.gfield--type-repeater_end select",function(event) { | |
| 584 | - var id = $(this).attr("id"); | |
| 585 | - if (typeof(Storage) !== "undefined") { | |
| 586 | - if ($(this).attr("name") != "" && typeof $(this).attr("name") != 'undefined') { | |
| 587 | - var type = $(this).attr("type"); | |
| 588 | - var name = $(this).attr("id"); | |
| 589 | - if( type == "checkbox" ) { | |
| 590 | - if( $("#"+name+":checked").length > 0 ) { | |
| 591 | - var value = $("#"+name+":checked").val(); | |
| 592 | - localStorage.setItem(id, value); | |
| 593 | - }else{ | |
| 594 | - localStorage.removeItem(id); | |
| 595 | - } | |
| 596 | - }else{ | |
| 597 | - var value = $(this).val(); | |
| 598 | - localStorage.setItem(id, value); | |
| 599 | - } | |
| 600 | - } | |
| 601 | - } | |
| 602 | - }); | |
| 1037 | + $(document).on("change", ".gfield--type-repeater_end input,.gfield--type-repeater_end textarea,.gfield--type-repeater_end select", function (event) { | |
| 1038 | + var id = $(this).attr("id"); | |
| 1039 | + if (typeof (Storage) !== "undefined") { | |
| 1040 | + if ($(this).attr("name") != "" && typeof $(this).attr("name") != 'undefined') { | |
| 1041 | + var type = $(this).attr("type"); | |
| 1042 | + var name = $(this).attr("id"); | |
| 1043 | + if (type == "checkbox") { | |
| 1044 | + if ($("#" + name + ":checked").length > 0) { | |
| 1045 | + var value = $("#" + name + ":checked").val(); | |
| 1046 | + localStorage.setItem(id, value); | |
| 1047 | + } else { | |
| 1048 | + localStorage.removeItem(id); | |
| 1049 | + } | |
| 1050 | + } else if (type == "radio") { | |
| 1051 | + var id = $(this).attr("name"); | |
| 1052 | + var value = $(this).val(); | |
| 1053 | + localStorage.setItem(id, value); | |
| 1054 | + } | |
| 1055 | + else { | |
| 1056 | + var value = $(this).val(); | |
| 1057 | + localStorage.setItem(id, value); | |
| 1058 | + } | |
| 1059 | + } | |
| 1060 | + } | |
| 1061 | + }); | |
| 603 | 1062 | })(jQuery); |
