| @@ -1,4 +1,125 @@ | ||
| 1 | +/* global subscrptIntegrations */ | |
| 2 | + | |
| 3 | +var SUBSCRPT_SPINNER_SVG = | |
| 4 | + '<svg xmlns="http://www.w3.org/2000/svg"' + | |
| 5 | + ' style="animation:subscrptSpin 0.75s linear infinite;vertical-align:-3px;margin-right:5px;display:inline-block;"' + | |
| 6 | + ' width="13" height="13" viewBox="0 0 13 13" fill="none">' + | |
| 7 | + '<circle cx="6.5" cy="6.5" r="5" stroke="currentColor" stroke-opacity="0.25" stroke-width="2"/>' + | |
| 8 | + '<path d="M6.5 1.5A5 5 0 0 1 11.5 6.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>' + | |
| 9 | + "</svg>"; | |
| 10 | + | |
| 11 | +(function () { | |
| 12 | + var style = document.createElement("style"); | |
| 13 | + style.textContent = "@keyframes subscrptSpin{to{transform:rotate(360deg)}}"; | |
| 14 | + document.head.appendChild(style); | |
| 15 | +})(); | |
| 16 | + | |
| 17 | +/** | |
| 18 | + * One-click install and activate a payment gateway plugin from the integrations page. | |
| 19 | + * | |
| 20 | + * @param {HTMLButtonElement} btn The clicked button element. | |
| 21 | + * @param {string} slug The wp.org plugin slug. | |
| 22 | + */ | |
| 23 | +function subscrptInstallPlugin(btn, slug) { | |
| 24 | + var originalHTML = btn.innerHTML; | |
| 25 | + var originalCursor = btn.style.cursor; | |
| 26 | + | |
| 27 | + btn.disabled = true; | |
| 28 | + btn.style.cursor = "wait"; | |
| 29 | + btn.innerHTML = SUBSCRPT_SPINNER_SVG + (btn.dataset.busyLabel || "Installing…"); | |
| 30 | + | |
| 31 | + var data = new FormData(); | |
| 32 | + data.append("action", "subscrpt_install_integration_plugin"); | |
| 33 | + data.append("plugin_slug", slug); | |
| 34 | + data.append("nonce", subscrptIntegrations.nonce); | |
| 35 | + | |
| 36 | + fetch(subscrptIntegrations.ajaxUrl, { method: "POST", body: data }) | |
| 37 | + .then(function (response) { | |
| 38 | + return response.json(); | |
| 39 | + }) | |
| 40 | + .then(function (result) { | |
| 41 | + if (result.success) { | |
| 42 | + var url = new URL(window.location.href); | |
| 43 | + url.searchParams.set("subscrpt_installed", "1"); | |
| 44 | + window.location.href = url.toString(); | |
| 45 | + } else { | |
| 46 | + btn.disabled = false; | |
| 47 | + btn.style.cursor = originalCursor; | |
| 48 | + btn.innerHTML = originalHTML; | |
| 49 | + // eslint-disable-next-line no-alert | |
| 50 | + window.alert((result.data && result.data.message) || "Installation failed. Please try again."); | |
| 51 | + } | |
| 52 | + }) | |
| 53 | + .catch(function () { | |
| 54 | + btn.disabled = false; | |
| 55 | + btn.style.cursor = originalCursor; | |
| 56 | + btn.innerHTML = originalHTML; | |
| 57 | + // eslint-disable-next-line no-alert | |
| 58 | + window.alert("Installation failed. Please try again."); | |
| 59 | + }); | |
| 60 | +} | |
| 61 | + | |
| 62 | +/** | |
| 63 | + * Links and buttons that cannot carry an inline handler — e.g. inside a settings field | |
| 64 | + * description, which is passed through wp_kses_post() — declare the slug in | |
| 65 | + * data-subscrpt-install-plugin instead. | |
| 66 | + */ | |
| 67 | +document.addEventListener("click", function (event) { | |
| 68 | + var btn = event.target.closest("[data-subscrpt-install-plugin]"); | |
| 69 | + if (!btn || btn.disabled) { | |
| 70 | + return; | |
| 71 | + } | |
| 72 | + event.preventDefault(); | |
| 73 | + subscrptInstallPlugin(btn, btn.dataset.subscrptInstallPlugin); | |
| 74 | +}); | |
| 75 | + | |
| 76 | +/** | |
| 77 | + * Activate an already installed integration plugin from the integrations page. | |
| 78 | + * | |
| 79 | + * @param {HTMLButtonElement} btn The clicked button element. | |
| 80 | + * @param {string} pluginFile The plugin basename, e.g. "tutor/tutor.php". | |
| 81 | + */ | |
| 82 | +function subscrptActivatePlugin(btn, pluginFile) { | |
| 83 | + var originalHTML = btn.innerHTML; | |
| 84 | + var originalCursor = btn.style.cursor; | |
| 85 | + | |
| 86 | + btn.disabled = true; | |
| 87 | + btn.style.cursor = "wait"; | |
| 88 | + btn.innerHTML = SUBSCRPT_SPINNER_SVG + "Activating…"; | |
| 89 | + | |
| 90 | + var data = new FormData(); | |
| 91 | + data.append("action", "subscrpt_activate_integration_plugin"); | |
| 92 | + data.append("plugin_file", pluginFile); | |
| 93 | + data.append("nonce", subscrptIntegrations.nonce); | |
| 94 | + | |
| 95 | + fetch(subscrptIntegrations.ajaxUrl, { method: "POST", body: data }) | |
| 96 | + .then(function (response) { | |
| 97 | + return response.json(); | |
| 98 | + }) | |
| 99 | + .then(function (result) { | |
| 100 | + if (result.success) { | |
| 101 | + var url = new URL(window.location.href); | |
| 102 | + url.searchParams.delete("subscrpt_installed"); | |
| 103 | + url.searchParams.set("subscrpt_activated", "1"); | |
| 104 | + window.location.href = url.toString(); | |
| 105 | + } else { | |
| 106 | + btn.disabled = false; | |
| 107 | + btn.style.cursor = originalCursor; | |
| 108 | + btn.innerHTML = originalHTML; | |
| 109 | + // eslint-disable-next-line no-alert | |
| 110 | + window.alert((result.data && result.data.message) || "Activation failed. Please try again."); | |
| 111 | + } | |
| 112 | + }) | |
| 113 | + .catch(function () { | |
| 114 | + btn.disabled = false; | |
| 115 | + btn.style.cursor = originalCursor; | |
| 116 | + btn.innerHTML = originalHTML; | |
| 117 | + // eslint-disable-next-line no-alert | |
| 118 | + window.alert("Activation failed. Please try again."); | |
| 119 | + }); | |
| 120 | +} | |
| 121 | + | |
| 1 | 122 | function wpSubsInstallPaypalIntegration() { |
| 2 | 123 | jQuery |
| 3 | 124 | .post(wpSubsIntegrations.ajax_url, { |
| 4 | 125 | action_callback: "wp_subs_install_paypal_integration", |