335 lines
11 KiB
JavaScript
335 lines
11 KiB
JavaScript
/**
|
|
* Inline Ajax site registration on plugin settings tab (Marketplace free edition).
|
|
*
|
|
* @package mod_meetletacbfree
|
|
* @copyright 2026 MeetLet
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
|
*/
|
|
(function () {
|
|
'use strict';
|
|
|
|
function byId(id) {
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
function setFlash(el, ok, message) {
|
|
if (!el) {
|
|
return;
|
|
}
|
|
el.className = 'alert mt-3 ' + (ok ? 'alert-success' : 'alert-danger');
|
|
el.textContent = message || '';
|
|
el.classList.toggle('d-none', !message);
|
|
}
|
|
|
|
function setActiveUi(active) {
|
|
var inactive = byId('meetlet-registration-actions-inactive');
|
|
var activeEl = byId('meetlet-registration-actions-active');
|
|
var product = byId('meetlet-registration-product');
|
|
if (inactive) {
|
|
inactive.classList.toggle('d-none', !!active);
|
|
}
|
|
if (activeEl) {
|
|
activeEl.classList.toggle('d-none', !active);
|
|
}
|
|
if (product) {
|
|
product.classList.toggle('d-none', !active);
|
|
}
|
|
}
|
|
|
|
function renderSummary(summary) {
|
|
if (!summary) {
|
|
return;
|
|
}
|
|
var badge = byId('meetlet-registration-status-badge');
|
|
var cfg = byId('meetlet-registration-config');
|
|
if (badge) {
|
|
badge.className = 'badge meetlet-license-badge '
|
|
+ (summary.active ? 'meetlet-license-badge--active' : 'meetlet-license-badge--inactive');
|
|
badge.textContent = summary.status_label
|
|
|| (summary.active
|
|
? (cfg && cfg.dataset.labelActive) || 'Active'
|
|
: (cfg && cfg.dataset.labelInactive) || 'Inactive');
|
|
}
|
|
var domain = byId('meetlet-registration-domain');
|
|
if (domain && cfg && cfg.dataset.labelDomain) {
|
|
domain.textContent = cfg.dataset.labelDomain.replace('__V__', summary.domain || '—');
|
|
}
|
|
var installation = byId('meetlet-registration-installation');
|
|
if (installation && cfg && cfg.dataset.labelInstallation) {
|
|
installation.textContent = cfg.dataset.labelInstallation.replace('__V__', summary.installation_id || '—');
|
|
}
|
|
var product = byId('meetlet-registration-product');
|
|
if (product) {
|
|
product.textContent = summary.product_label || '';
|
|
}
|
|
var err = byId('meetlet-registration-error');
|
|
if (err) {
|
|
if (summary.error) {
|
|
err.textContent = summary.error;
|
|
err.classList.remove('d-none');
|
|
} else {
|
|
err.textContent = '';
|
|
err.classList.add('d-none');
|
|
}
|
|
}
|
|
setActiveUi(!!summary.active);
|
|
}
|
|
|
|
function currentApiUrl(cfg) {
|
|
var input = cfg && cfg.dataset.apiInput ? document.getElementById(cfg.dataset.apiInput) : null;
|
|
if (input && input.value) {
|
|
return input.value.trim();
|
|
}
|
|
return '';
|
|
}
|
|
|
|
var modalState = {
|
|
open: false,
|
|
resolve: null,
|
|
lastFocus: null,
|
|
onKey: null,
|
|
};
|
|
|
|
function ensureModalOnBody(modal) {
|
|
if (modal && modal.parentNode !== document.body) {
|
|
document.body.appendChild(modal);
|
|
}
|
|
return modal;
|
|
}
|
|
|
|
function modalScroll() {
|
|
return window.MeetletModalScroll || {
|
|
lock: function () {},
|
|
unlock: function () {},
|
|
focusNoScroll: function (el) {
|
|
if (el && typeof el.focus === 'function') {
|
|
el.focus();
|
|
}
|
|
},
|
|
};
|
|
}
|
|
|
|
function closeRegistrationModal(result) {
|
|
var modal = byId('meetlet-registration-modal');
|
|
if (!modal) {
|
|
return;
|
|
}
|
|
modal.setAttribute('hidden', 'hidden');
|
|
modal.style.display = 'none';
|
|
modalScroll().unlock();
|
|
if (modalState.onKey) {
|
|
document.removeEventListener('keydown', modalState.onKey, true);
|
|
modalState.onKey = null;
|
|
}
|
|
modalState.open = false;
|
|
var resolve = modalState.resolve;
|
|
modalState.resolve = null;
|
|
if (modalState.lastFocus) {
|
|
modalScroll().focusNoScroll(modalState.lastFocus);
|
|
}
|
|
modalState.lastFocus = null;
|
|
if (typeof resolve === 'function') {
|
|
resolve(!!result);
|
|
}
|
|
}
|
|
|
|
function openRegistrationModal(opts) {
|
|
var modal = ensureModalOnBody(byId('meetlet-registration-modal'));
|
|
var cfg = byId('meetlet-registration-config');
|
|
if (!modal) {
|
|
return Promise.resolve(false);
|
|
}
|
|
if (modalState.open) {
|
|
closeRegistrationModal(false);
|
|
}
|
|
|
|
var title = byId('meetlet-registration-modal-title');
|
|
var body = byId('meetlet-registration-modal-body');
|
|
var confirmBtn = byId('meetlet-registration-modal-confirm');
|
|
var tpl = opts.templateId ? document.getElementById(opts.templateId) : null;
|
|
if (!title || !body || !confirmBtn) {
|
|
return Promise.resolve(false);
|
|
}
|
|
|
|
title.textContent = opts.title || '';
|
|
if (tpl) {
|
|
body.innerHTML = '';
|
|
if (tpl.content && tpl.content.cloneNode) {
|
|
body.appendChild(tpl.content.cloneNode(true));
|
|
} else {
|
|
body.innerHTML = tpl.innerHTML;
|
|
}
|
|
} else {
|
|
body.innerHTML = '';
|
|
}
|
|
confirmBtn.textContent = opts.confirmLabel || '';
|
|
confirmBtn.className = 'btn ' + (opts.danger ? 'btn-outline-danger' : 'btn-primary');
|
|
|
|
modalState.lastFocus = document.activeElement;
|
|
modalScroll().lock();
|
|
modal.removeAttribute('hidden');
|
|
modal.style.display = 'flex';
|
|
modalState.open = true;
|
|
|
|
modalState.onKey = function (e) {
|
|
if (!modalState.open) {
|
|
return;
|
|
}
|
|
if (e.key === 'Escape') {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
closeRegistrationModal(false);
|
|
return;
|
|
}
|
|
if (e.key !== 'Tab') {
|
|
return;
|
|
}
|
|
var focusable = modal.querySelectorAll(
|
|
'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
);
|
|
if (!focusable.length) {
|
|
return;
|
|
}
|
|
var first = focusable[0];
|
|
var last = focusable[focusable.length - 1];
|
|
if (e.shiftKey && document.activeElement === first) {
|
|
e.preventDefault();
|
|
modalScroll().focusNoScroll(last);
|
|
} else if (!e.shiftKey && document.activeElement === last) {
|
|
e.preventDefault();
|
|
modalScroll().focusNoScroll(first);
|
|
}
|
|
};
|
|
document.addEventListener('keydown', modalState.onKey, true);
|
|
|
|
window.setTimeout(function () {
|
|
modalScroll().focusNoScroll(confirmBtn);
|
|
}, 20);
|
|
|
|
return new Promise(function (resolve) {
|
|
modalState.resolve = resolve;
|
|
});
|
|
}
|
|
|
|
function postAction(action) {
|
|
var cfg = byId('meetlet-registration-config');
|
|
var flash = byId('meetlet-registration-flash');
|
|
if (!cfg) {
|
|
return;
|
|
}
|
|
var body = new URLSearchParams();
|
|
body.set('action', action);
|
|
body.set('sesskey', cfg.dataset.sesskey || '');
|
|
body.set('registration_api_url', currentApiUrl(cfg));
|
|
|
|
setFlash(flash, true, '…');
|
|
fetch(cfg.dataset.ajaxurl, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
|
|
credentials: 'same-origin',
|
|
body: body.toString(),
|
|
})
|
|
.then(function (res) {
|
|
return res.json();
|
|
})
|
|
.then(function (data) {
|
|
if (data.summary) {
|
|
renderSummary(data.summary);
|
|
}
|
|
if (data.success) {
|
|
setFlash(flash, true, data.message);
|
|
if (action === 'activate' || action === 'deactivate') {
|
|
window.setTimeout(function () {
|
|
window.location.reload();
|
|
}, 600);
|
|
}
|
|
} else {
|
|
setFlash(flash, false, data.error || 'Request failed');
|
|
}
|
|
})
|
|
.catch(function (err) {
|
|
setFlash(flash, false, err && err.message ? err.message : 'Request failed');
|
|
});
|
|
}
|
|
|
|
function bindModalChrome() {
|
|
var modal = byId('meetlet-registration-modal');
|
|
if (!modal || modal.dataset.bound === '1') {
|
|
return;
|
|
}
|
|
modal.dataset.bound = '1';
|
|
modal.addEventListener('click', function (e) {
|
|
if (e.target.closest('[data-meetlet-modal-dismiss]')) {
|
|
e.preventDefault();
|
|
closeRegistrationModal(false);
|
|
}
|
|
});
|
|
var confirmBtn = byId('meetlet-registration-modal-confirm');
|
|
if (confirmBtn) {
|
|
confirmBtn.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
closeRegistrationModal(true);
|
|
});
|
|
}
|
|
}
|
|
|
|
function bindDeactivateButton(btn) {
|
|
if (!btn || btn.dataset.bound === '1') {
|
|
return;
|
|
}
|
|
var cfg = byId('meetlet-registration-config');
|
|
btn.dataset.bound = '1';
|
|
btn.addEventListener('click', function () {
|
|
openRegistrationModal({
|
|
title: (cfg && cfg.dataset.confirmDeactivateTitle) || '',
|
|
templateId: 'meetlet-registration-tpl-deactivate',
|
|
confirmLabel: (cfg && cfg.dataset.confirmDeactivateOk) || '',
|
|
danger: true,
|
|
}).then(function (ok) {
|
|
if (ok) {
|
|
postAction('deactivate');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function bind() {
|
|
var activate = byId('meetlet-registration-activate');
|
|
var recheck = byId('meetlet-registration-recheck');
|
|
var deactivate = byId('meetlet-registration-deactivate');
|
|
var cfg = byId('meetlet-registration-config');
|
|
if ((!activate && !recheck) || (activate && activate.dataset.bound === '1')) {
|
|
return;
|
|
}
|
|
bindModalChrome();
|
|
if (activate) {
|
|
activate.dataset.bound = '1';
|
|
activate.addEventListener('click', function () {
|
|
openRegistrationModal({
|
|
title: (cfg && cfg.dataset.confirmActivateTitle) || '',
|
|
templateId: 'meetlet-registration-tpl-activate',
|
|
confirmLabel: (cfg && cfg.dataset.confirmActivateOk) || '',
|
|
danger: false,
|
|
}).then(function (ok) {
|
|
if (ok) {
|
|
postAction('activate');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
if (recheck) {
|
|
recheck.dataset.bound = '1';
|
|
recheck.addEventListener('click', function () {
|
|
postAction('recheck');
|
|
});
|
|
}
|
|
bindDeactivateButton(deactivate);
|
|
}
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', bind);
|
|
} else {
|
|
bind();
|
|
}
|
|
})();
|