ajax-submission.js
2 days ago
ajax-submission.min.js
2 days ago
everest-forms-file-upload.js
4 months ago
everest-forms-file-upload.min.js
4 months ago
everest-forms-survey-polls-quiz.js
1 year ago
everest-forms-survey-polls-quiz.min.js
2 years ago
everest-forms.js
2 days ago
everest-forms.min.js
2 days ago
evf-form-preview.js
1 year ago
evf-form-preview.min.js
1 year ago
text-limit.js
1 year ago
text-limit.min.js
1 year ago
evf-form-preview.js
154 lines
| 1 | jQuery(function ($) { |
| 2 | /** |
| 3 | * Save form applying theme style. |
| 4 | */ |
| 5 | $(document.body).on("change", "#evf_toggle_form_preview_theme", function () { |
| 6 | $(".everest-forms").toggleClass("evf-frontend-form-preview"); |
| 7 | $("#evf-form-save").toggleClass("hidden"); |
| 8 | }); |
| 9 | /** |
| 10 | * Toggle sidepanel. |
| 11 | */ |
| 12 | $(document.body).on( |
| 13 | "click", |
| 14 | ".evf-form-preview-sidepanel-toggler", |
| 15 | function () { |
| 16 | $(".evf-form-side-panel").toggleClass("hidden"); |
| 17 | $(this).toggleClass("inactive"); |
| 18 | $(".evf-form-preview-main-content").toggleClass( |
| 19 | "evf-form-preview-overlay" |
| 20 | ); |
| 21 | } |
| 22 | ); |
| 23 | |
| 24 | /** |
| 25 | * Change form preview based on device selected. |
| 26 | */ |
| 27 | $(document.body).on("click", ".evf-form-preview-device", function () { |
| 28 | var device = $(this).data("device"); |
| 29 | var container_wrapper = $(".evf-frontend-form"); |
| 30 | var preview_form = $(".evf-preview-content"); |
| 31 | $(this) |
| 32 | .closest(".evf-form-preview-devices") |
| 33 | .find(".evf-form-preview-device") |
| 34 | .removeClass("active"); |
| 35 | $(this).parent().find("svg path").css("fill", "#383838"); |
| 36 | $(this).find("path").css("fill", "#7545BB"); |
| 37 | |
| 38 | if (device === "desktop") { |
| 39 | container_wrapper.addClass("evf-frontend-form-desktop-view"); |
| 40 | container_wrapper.removeClass("evf-frontend-form-table-view"); |
| 41 | container_wrapper.removeClass("evf-frontend-form-mobile-view"); |
| 42 | preview_form.removeClass("evf-preview-tablet-wrapper"); |
| 43 | preview_form.removeClass("evf-preview-mobile-wrapper"); |
| 44 | $(this).addClass("active"); |
| 45 | } else if (device === "tablet") { |
| 46 | container_wrapper.addClass("evf-frontend-form-table-view"); |
| 47 | container_wrapper.removeClass("evf-frontend-form-desktop-view"); |
| 48 | container_wrapper.removeClass("evf-frontend-form-mobile-view"); |
| 49 | preview_form.addClass("evf-preview-tablet-wrapper"); |
| 50 | preview_form.removeClass("evf-preview-mobile-wrapper"); |
| 51 | $(this).addClass("active"); |
| 52 | } else if (device === "mobile") { |
| 53 | container_wrapper.addClass("evf-frontend-form-mobile-view"); |
| 54 | container_wrapper.removeClass("evf-frontend-form-desktop-view"); |
| 55 | container_wrapper.removeClass("evf-frontend-form-table-view"); |
| 56 | preview_form.addClass("evf-preview-mobile-wrapper"); |
| 57 | preview_form.removeClass("evf-preview-tablet-wrapper"); |
| 58 | |
| 59 | $(this).addClass("active"); |
| 60 | } else { |
| 61 | container_wrapper.removeClass("evf-frontend-form-desktop-view"); |
| 62 | container_wrapper.removeClass("evf-frontend-form-table-view"); |
| 63 | container_wrapper.removeClass("evf-frontend-form-mobile-view"); |
| 64 | $(this).addClass("active"); |
| 65 | } |
| 66 | }); |
| 67 | |
| 68 | /** |
| 69 | * Save form preview settings. |
| 70 | */ |
| 71 | $(document.body).on("click", "#evf-form-save", function () { |
| 72 | var form_id = $(this).data("id"); |
| 73 | var is_enabled = $("#evf_toggle_form_preview_theme").is(":checked"); |
| 74 | if (is_enabled) { |
| 75 | form_theme = "theme"; |
| 76 | } else { |
| 77 | form_theme = "default"; |
| 78 | } |
| 79 | |
| 80 | $.ajax({ |
| 81 | url: everest_forms_form_preview.ajax_url, |
| 82 | type: "POST", |
| 83 | data: { |
| 84 | action: "everest_forms_form_preview_save", |
| 85 | id: form_id, |
| 86 | theme: form_theme, |
| 87 | security: everest_forms_form_preview.form_preview_nonce |
| 88 | }, |
| 89 | beforeSend: function () { |
| 90 | var spinner = '<i class="evf-loading evf-loading-active"></i>'; |
| 91 | $( '.evf-form-preview-save' ).append( spinner ); |
| 92 | }, |
| 93 | complete: function (response) { |
| 94 | $(".evf-loading").remove(); |
| 95 | $("#evf-form-save").addClass("hidden"); |
| 96 | // $('.evf-form-preview-save').find('img').remove() |
| 97 | // if (response.responseJSON.success === true) { |
| 98 | // $(".evf-form-preview-save-title").html( response.responseJSON.data.message); |
| 99 | |
| 100 | // } else { |
| 101 | // $(".evf-form-preview-save-title").html( response.responseJSON.data.message); |
| 102 | // } |
| 103 | } |
| 104 | }); |
| 105 | }); |
| 106 | |
| 107 | $(document).ready(function () { |
| 108 | // $('#evf_toggle_form_preview_theme').is(":checked") ? $('link#evf-form-preview-theme-style-css').prop('disabled', true) : $('link#evf-form-preview-default-style-css').prop('disabled', false); |
| 109 | $("#evf_toggle_form_preview_theme").is(":checked") |
| 110 | ? $(".everest-forms").addClass("evf-frontend-form-preview") |
| 111 | : $(".everest-forms").removeClass("evf-frontend-form-preview"); |
| 112 | }); |
| 113 | |
| 114 | $(document.body).on("click", ".evf-form-preview-upgrade", function () { |
| 115 | window.open(everest_forms_form_preview.pro_upgrade_link, "_blank"); |
| 116 | }); |
| 117 | |
| 118 | /** |
| 119 | * Copy shortcode to clipboard. |
| 120 | * |
| 121 | * @since 3.2.2 |
| 122 | */ |
| 123 | jQuery(document).ready(function ($) { |
| 124 | const $copyButton = $('#copy-shortcode'); |
| 125 | |
| 126 | if (!$copyButton.data('tooltipster-initialized')) { |
| 127 | $copyButton.tooltipster({ |
| 128 | theme: 'tooltipster-noir', |
| 129 | interactive: true, |
| 130 | trigger: 'hover', |
| 131 | maxWidth: 200, |
| 132 | content: $copyButton.attr('data-tip'), |
| 133 | position: 'bottom' |
| 134 | }); |
| 135 | $copyButton.data('tooltipster-initialized', true); |
| 136 | } |
| 137 | |
| 138 | $copyButton.on('click', async function () { |
| 139 | try { |
| 140 | const textToCopy = $copyButton.siblings('input').val(); |
| 141 | await navigator.clipboard.writeText(textToCopy); |
| 142 | |
| 143 | $copyButton.tooltipster('content', $copyButton.attr('data-copied')).tooltipster('open'); |
| 144 | |
| 145 | setTimeout(() => { |
| 146 | $copyButton.tooltipster('content', $copyButton.attr('data-tip')).tooltipster('close'); |
| 147 | }, 2000); |
| 148 | } catch (error) { |
| 149 | console.error('Failed to copy text:', error); |
| 150 | } |
| 151 | }); |
| 152 | }); |
| 153 | }); |
| 154 |