mirror of
https://github.com/phpbb/phpbb.git
synced 2025-06-07 20:08:53 +00:00
421 lines
12 KiB
JavaScript
421 lines
12 KiB
JavaScript
/* global phpbb, statsData */
|
|
/* eslint no-var: 0 */
|
|
|
|
(function($) { // Avoid conflicts with other libraries
|
|
'use strict';
|
|
|
|
phpbb.prepareSendStats = function() {
|
|
var $form = $('#acp_help_phpbb');
|
|
var $dark = $('#darkenwrapper');
|
|
var $loadingIndicator;
|
|
|
|
$form.on('submit', function(event) {
|
|
var $this = $(this);
|
|
var currentTime = Math.floor(new Date().getTime() / 1000);
|
|
var statsTime = parseInt($this.find('input[name=help_send_statistics_time]').val(), 10);
|
|
|
|
event.preventDefault();
|
|
$this.unbind('submit');
|
|
|
|
// Skip ajax request if form is submitted too early or send stats
|
|
// checkbox is not checked
|
|
if (!$this.find('input[name=help_send_statistics]').is(':checked') || statsTime > currentTime) {
|
|
$form.find('input[type=submit]').click();
|
|
setTimeout(() => {
|
|
$form.find('input[type=submit]').click();
|
|
}, 300);
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Handler for AJAX errors
|
|
*/
|
|
function errorHandler(jqXHR, textStatus, errorThrown) {
|
|
if (typeof console !== 'undefined' && console.log) {
|
|
console.log('AJAX error. status: ' + textStatus + ', message: ' + errorThrown);
|
|
}
|
|
|
|
phpbb.clearLoadingTimeout();
|
|
var errorText = '';
|
|
|
|
if (typeof errorThrown === 'string' && errorThrown.length > 0) {
|
|
errorText = errorThrown;
|
|
} else {
|
|
errorText = $dark.attr('data-ajax-error-text-' + textStatus);
|
|
if (typeof errorText !== 'string' || !errorText.length) {
|
|
errorText = $dark.attr('data-ajax-error-text');
|
|
}
|
|
}
|
|
|
|
phpbb.alert($dark.attr('data-ajax-error-title'), errorText);
|
|
}
|
|
|
|
/**
|
|
* This is a private function used to handle the callbacks, refreshes
|
|
* and alert. It calls the callback, refreshes the page if necessary, and
|
|
* displays an alert to the user and removes it after an amount of time.
|
|
*
|
|
* It cannot be called from outside this function, and is purely here to
|
|
* avoid repetition of code.
|
|
*
|
|
* @param {object} res The object sent back by the server.
|
|
*/
|
|
function returnHandler(res) {
|
|
phpbb.clearLoadingTimeout();
|
|
|
|
// If a confirmation is not required, display an alert and call the
|
|
// callbacks.
|
|
$dark.fadeOut(phpbb.alertTime);
|
|
|
|
if ($loadingIndicator) {
|
|
$loadingIndicator.fadeOut(phpbb.alertTime);
|
|
}
|
|
|
|
var $sendStatisticsSuccess = $('<input />', {
|
|
type: 'hidden',
|
|
name: 'send_statistics_response',
|
|
value: JSON.stringify(res),
|
|
});
|
|
$sendStatisticsSuccess.appendTo('p.submit-buttons');
|
|
|
|
// Finish actual form submission
|
|
$form.find('input[type=submit]').click();
|
|
}
|
|
|
|
$loadingIndicator = phpbb.loadingIndicator();
|
|
|
|
$.ajax({
|
|
url: $this.attr('data-ajax-action').replace('&', '&'),
|
|
type: 'POST',
|
|
data: statsData,
|
|
success: returnHandler,
|
|
error: errorHandler,
|
|
cache: false,
|
|
}).always(() => {
|
|
if ($loadingIndicator && $loadingIndicator.is(':visible')) {
|
|
$loadingIndicator.fadeOut(phpbb.alertTime);
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
/**
|
|
* The following callbacks are for reording items. row_down
|
|
* is triggered when an item is moved down, and row_up is triggered when
|
|
* an item is moved up. It moves the row up or down, and deactivates /
|
|
* activates any up / down icons that require it (the ones at the top or bottom).
|
|
*/
|
|
phpbb.addAjaxCallback('row_down', function(res) {
|
|
if (typeof res.success === 'undefined' || !res.success) {
|
|
return;
|
|
}
|
|
|
|
var $firstTr = $(this).parents('tr');
|
|
var $secondTr = $firstTr.next();
|
|
|
|
$firstTr.insertAfter($secondTr);
|
|
});
|
|
|
|
phpbb.addAjaxCallback('row_up', function(res) {
|
|
if (typeof res.success === 'undefined' || !res.success) {
|
|
return;
|
|
}
|
|
|
|
var $secondTr = $(this).parents('tr');
|
|
var $firstTr = $secondTr.prev();
|
|
|
|
$secondTr.insertBefore($firstTr);
|
|
});
|
|
|
|
/**
|
|
* This callback replaces activate links with deactivate links and vice versa.
|
|
* It does this by replacing the text, and replacing all instances of "activate"
|
|
* in the href with "deactivate", and vice versa.
|
|
*/
|
|
phpbb.addAjaxCallback('activate_deactivate', function(res) {
|
|
var $this = $(this);
|
|
var newHref = $this.attr('href');
|
|
|
|
$this.text(res.text);
|
|
|
|
if (newHref.indexOf('deactivate') === -1) {
|
|
newHref = newHref.replace('activate', 'deactivate');
|
|
} else {
|
|
newHref = newHref.replace('deactivate', 'activate');
|
|
}
|
|
|
|
$this.attr('href', newHref);
|
|
});
|
|
|
|
/**
|
|
* The removes the parent row of the link or form that triggered the callback,
|
|
* and is good for stuff like the removal of forums.
|
|
*/
|
|
phpbb.addAjaxCallback('row_delete', function(res) {
|
|
if (res.SUCCESS !== false) {
|
|
$(this).parents('tr').remove();
|
|
}
|
|
});
|
|
|
|
/**
|
|
* This callback generates the VAPID keys for the web push notification service.
|
|
*/
|
|
phpbb.addAjaxCallback('generate_vapid_keys', () => {
|
|
/**
|
|
* Generate VAPID keypair with public and private key string
|
|
*
|
|
* @returns {Promise<{privateKey: string, publicKey: string}|null>}
|
|
*/
|
|
async function generateVAPIDKeys() {
|
|
try {
|
|
// Generate a new key pair using the Subtle Crypto API
|
|
const keyPair = await crypto.subtle.generateKey(
|
|
{
|
|
name: 'ECDH',
|
|
namedCurve: 'P-256',
|
|
},
|
|
true,
|
|
[ 'deriveKey', 'deriveBits' ],
|
|
);
|
|
|
|
const privateKeyJwk = await crypto.subtle.exportKey('jwk', keyPair.privateKey);
|
|
const privateKeyString = privateKeyJwk.d;
|
|
|
|
const publicKeyBuffer = await crypto.subtle.exportKey('raw', keyPair.publicKey);
|
|
const publicKeyString = phpbb.base64UrlEncode(phpbb.rawKeyToBase64(publicKeyBuffer));
|
|
|
|
return {
|
|
privateKey: privateKeyString,
|
|
publicKey: publicKeyString,
|
|
};
|
|
} catch (error) {
|
|
console.error('Error generating keys with SubtleCrypto:', error);
|
|
return null;
|
|
}
|
|
}
|
|
|
|
generateVAPIDKeys().then(keyPair => {
|
|
if (!keyPair) {
|
|
return;
|
|
}
|
|
|
|
const publicKeyInput = document.querySelector('#webpush_vapid_public');
|
|
const privateKeyInput = document.querySelector('#webpush_vapid_private');
|
|
publicKeyInput.value = keyPair.publicKey;
|
|
privateKeyInput.value = keyPair.privateKey;
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Handler for submitting permissions form in chunks
|
|
* This call will submit permissions forms in chunks of 5 fieldsets.
|
|
*/
|
|
function submitPermissions() {
|
|
var $form = $('form#set-permissions');
|
|
var fieldsetList = $form.find('fieldset[id^=perm]');
|
|
var formDataSets = [];
|
|
var dataSetIndex = 0;
|
|
var $submitAllButton = $form.find('input[type=submit][name^=action]')[0];
|
|
var $submitButton = $form.find('input[type=submit][data-clicked=true]')[0];
|
|
|
|
// Set proper start values for handling refresh of page
|
|
var permissionSubmitSize = 0;
|
|
var permissionRequestCount = 0;
|
|
var forumIds = [];
|
|
var permissionSubmitFailed = false;
|
|
var clearIndicator = true;
|
|
|
|
if ($submitAllButton !== $submitButton) {
|
|
fieldsetList = $form.find('fieldset#' + $submitButton.closest('fieldset.permissions').id);
|
|
}
|
|
|
|
$.each(fieldsetList, (key, value) => {
|
|
dataSetIndex = Math.floor(key / 5);
|
|
var $fieldset = $('fieldset#' + value.id);
|
|
if (key % 5 === 0) {
|
|
formDataSets[dataSetIndex] = $fieldset.find('select:visible, input:not([data-name])').serialize();
|
|
} else {
|
|
formDataSets[dataSetIndex] += '&' + $fieldset.find('select:visible, input:not([data-name])').serialize();
|
|
}
|
|
|
|
// Find proper role value
|
|
var roleInput = $fieldset.find('input[name^=role][data-name]');
|
|
if (roleInput.val()) {
|
|
formDataSets[dataSetIndex] += '&' + roleInput.attr('name') + '=' + roleInput.val();
|
|
} else {
|
|
formDataSets[dataSetIndex] += '&' + roleInput.attr('name') + '='
|
|
+ $fieldset.find('select[name="' + roleInput.attr('name') + '"]').val();
|
|
}
|
|
});
|
|
|
|
permissionSubmitSize = formDataSets.length;
|
|
|
|
// Add each forum ID to forum ID list to preserve selected forums
|
|
$.each($form.find('input[type=hidden][name^=forum_id]'), (key, value) => {
|
|
if (value.name.match(/^forum_id\[([0-9]+)\]$/)) {
|
|
forumIds.push(value.value);
|
|
}
|
|
});
|
|
|
|
var $loadingIndicator = phpbb.loadingIndicator();
|
|
|
|
/**
|
|
* Handler for submitted permissions form chunk
|
|
*
|
|
* @param {object} res Object returned by AJAX call
|
|
*/
|
|
function handlePermissionReturn(res) {
|
|
permissionRequestCount++;
|
|
var $dark = $('#darkenwrapper');
|
|
|
|
if (res.S_USER_WARNING) {
|
|
phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
|
|
permissionSubmitFailed = true;
|
|
} else if (!permissionSubmitFailed && res.S_USER_NOTICE) {
|
|
// Display success message at the end of submitting the form
|
|
if (permissionRequestCount >= permissionSubmitSize) {
|
|
clearIndicator = true;
|
|
|
|
var $alert = phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
|
|
var $alertBoxLink = $alert.find('p.alert_text > a');
|
|
|
|
// Create form to submit instead of normal "Back to previous page" link
|
|
if ($alertBoxLink) {
|
|
// Remove forum_id[] from URL
|
|
$alertBoxLink.attr('href', $alertBoxLink.attr('href').replace(/(&forum_id\[\]=[0-9]+)/g, ''));
|
|
const $previousPageForm = $('<form>').attr({
|
|
action: $alertBoxLink.attr('href'),
|
|
method: 'post',
|
|
});
|
|
|
|
$.each(forumIds, (key, value) => {
|
|
$previousPageForm.append($('<input>').attr({
|
|
type: 'text',
|
|
name: 'forum_id[]',
|
|
value,
|
|
}));
|
|
});
|
|
|
|
$alertBoxLink.on('click', e => {
|
|
$('body').append($previousPageForm);
|
|
e.preventDefault();
|
|
$previousPageForm.submit();
|
|
});
|
|
}
|
|
|
|
// Do not allow closing alert
|
|
$dark.off('click');
|
|
$alert.find('.alert_close').hide();
|
|
|
|
if (typeof res.REFRESH_DATA !== 'undefined') {
|
|
setTimeout(() => {
|
|
// Create forum to submit using POST. This will prevent
|
|
// exceeding the maximum length of URLs
|
|
const $form = $('<form>').attr({
|
|
action: res.REFRESH_DATA.url.replace(/(&forum_id\[\]=[0-9]+)/g, ''),
|
|
method: 'post',
|
|
});
|
|
|
|
$.each(forumIds, (key, value) => {
|
|
$form.append($('<input>').attr({
|
|
type: 'text',
|
|
name: 'forum_id[]',
|
|
value,
|
|
}));
|
|
});
|
|
|
|
$('body').append($form);
|
|
|
|
// Hide the alert even if we refresh the page, in case the user
|
|
// presses the back button.
|
|
$dark.fadeOut(phpbb.alertTime, () => {
|
|
if (typeof $alert !== 'undefined') {
|
|
$alert.hide();
|
|
}
|
|
});
|
|
|
|
// Submit form
|
|
$form.submit();
|
|
}, res.REFRESH_DATA.time * 1000); // Server specifies time in seconds
|
|
}
|
|
} else {
|
|
// Still more forms to submit, so do not clear indicator
|
|
clearIndicator = false;
|
|
}
|
|
}
|
|
|
|
if (clearIndicator) {
|
|
phpbb.clearLoadingTimeout();
|
|
|
|
if ($loadingIndicator) {
|
|
$loadingIndicator.fadeOut(phpbb.alertTime);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Create AJAX request for each form data set
|
|
$.each(formDataSets, (key, formData) => {
|
|
$.ajax({
|
|
url: $form.action,
|
|
type: 'POST',
|
|
data: formData + '&' + $submitButton.name + '=' + encodeURIComponent($submitButton.value)
|
|
+ '&creation_time=' + $form.find('input[type=hidden][name=creation_time]')[0].value
|
|
+ '&form_token=' + $form.find('input[type=hidden][name=form_token]')[0].value
|
|
+ '&' + $form.children('input[type=hidden]').serialize()
|
|
+ '&' + $form.find('input[type=checkbox][name^=inherit]').serialize(),
|
|
success: handlePermissionReturn,
|
|
error: handlePermissionReturn,
|
|
});
|
|
});
|
|
}
|
|
|
|
$('[data-ajax]').each(function() {
|
|
var $this = $(this);
|
|
var ajax = $this.attr('data-ajax');
|
|
|
|
if (ajax !== 'false') {
|
|
var fn = (ajax === 'true') ? null : ajax;
|
|
phpbb.ajaxify({
|
|
selector: this,
|
|
refresh: $this.attr('data-refresh') !== undefined,
|
|
callback: fn,
|
|
});
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Automatically resize textarea
|
|
*/
|
|
$(() => {
|
|
phpbb.resizeTextArea($('textarea:not(.no-auto-resize)'), { minHeight: 75 });
|
|
|
|
var $setPermissionsForm = $('form#set-permissions');
|
|
if ($setPermissionsForm.length) {
|
|
$setPermissionsForm.on('submit', e => {
|
|
submitPermissions();
|
|
e.preventDefault();
|
|
});
|
|
$setPermissionsForm.find('input[type=submit]').click(function() {
|
|
$('input[type=submit]', $(this).parents($('form#set-permissions'))).removeAttr('data-clicked');
|
|
$(this).attr('data-clicked', true);
|
|
});
|
|
}
|
|
|
|
// Handle date option changes
|
|
const dateoptionSelect = document.getElementById('dateoptions');
|
|
if (dateoptionSelect) {
|
|
dateoptionSelect.addEventListener('change', function() {
|
|
const dateoptionInput = document.getElementById(this.getAttribute('data-dateoption'));
|
|
if (this.value === 'custom') {
|
|
dateoptionInput.value = this.getAttribute('data-dateoption-default');
|
|
} else {
|
|
dateoptionInput.value = this.value;
|
|
}
|
|
});
|
|
}
|
|
|
|
if ($('#acp_help_phpbb')) {
|
|
phpbb.prepareSendStats();
|
|
}
|
|
});
|
|
})(jQuery); // Avoid conflicts with other libraries
|