').text($app.data('empty')).appendTo($list);
+ }
+ }
+
+ function currentOrder() {
+ return itemRows().map((index, row) => {
+ return parseInt($(row).attr('data-tag-id'), 10);
+ }).get();
+ }
+
+ function restoreOrder(order) {
+ order.forEach((id) => {
+ const $row = itemRows().filter((index, row) => {
+ return parseInt($(row).attr('data-tag-id'), 10) === id;
+ }).first();
+ $list.append($row);
+ });
+ }
+
+ function persistOrder(oldOrder) {
+ const data = formTokenData(), $rows = itemRows(), $actions = $rows.find('.topic-tag-actions');
+ orderSaving = true;
+ updateOrderActions();
+ data.action = 'reorder';
+ data.tag_ids = currentOrder();
+ $actions.addClass('is-saving');
+ $rows.find('.topic-tag-drag').prop('disabled', true);
+ $.ajax({ url: $app.data('action'), type: 'POST', data: data, cache: false })
+ .done((response) => {
+ if (response.success) {
+ showNotice(response.message, false);
+ }
+ })
+ .fail((xhr) => {
+ restoreOrder(oldOrder);
+ requestError(xhr);
+ })
+ .always(() => {
+ orderSaving = false;
+ $actions.removeClass('is-saving');
+ updateListFilter();
+ });
+ }
+
+ function toggleRow($row, desired, source) {
+ const data = formTokenData(), $toggle = $row.find('.topic-tag-toggle');
+ if ($toggle.hasClass('is-saving')) {
+ return;
+ }
+ data.action = 'toggle';
+ data.tag_id = $row.attr('data-tag-id');
+ data.enabled = desired ? 1 : 0;
+ $toggle.addClass('is-saving');
+ $.ajax({ url: $app.data('action'), type: 'POST', data: data, cache: false })
+ .done((response) => {
+ if (response.success) {
+ updateEnabledState($row, response.enabled);
+ updateListFilter();
+ showNotice(response.message, false);
+ }
+ })
+ .fail((xhr) => {
+ if (source === 'editor') {
+ $enabled.prop('checked', !desired);
+ }
+ requestError(xhr);
+ })
+ .always(() => {
+ $toggle.removeClass('is-saving');
+ });
+ }
+
+ phpbb.addAjaxCallback('tp_delete', function(response) {
+ const $row = $(this).closest('.topic-tag-item');
+ if (!response.success) {
+ return;
+ }
+ if ($selectedRow.is($row)) {
+ loadNewEditor();
+ }
+ $row.remove();
+ updateListFilter();
+ showNotice(response.message, false);
});
- phpbb.addAjaxCallback('tp_toggle', function(res) {
- if (typeof res.success === 'undefined' || !res.success) {
+ $list[0].addEventListener('click', (event) => {
+ if (saving) {
+ event.preventDefault();
+ event.stopImmediatePropagation();
+ return;
+ }
+ const $delete = $(event.target).closest('[data-ajax="tp_delete"]');
+ if (!$delete.length) {
+ return;
+ }
+ const $row = $delete.closest('.topic-tag-item');
+ if (dirty && $selectedRow.is($row)) {
+ if (!window.confirm($app.data('discard'))) {
+ event.preventDefault();
+ event.stopImmediatePropagation();
+ }
+ }
+ }, true);
+
+ $list.on('click', '[data-tag-edit]', function(event) {
+ const $row = $(this).closest('.topic-tag-item');
+ event.preventDefault();
+ if ($selectedRow.is($row)) {
return;
}
+ confirmDiscard(() => {
+ loadEditor($row);
+ if (window.matchMedia && window.matchMedia('(max-width: 980px)').matches) {
+ document.querySelector('.topic-tag-inspector').scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }
+ });
+ });
+
+ $('.topic-tag-new').on('click', () => {
+ confirmDiscard(() => {
+ loadNewEditor();
+ $name.trigger('focus');
+ });
+ });
+
+ $('#topic-tag-cancel').on('click', (event) => {
+ event.preventDefault();
+ confirmDiscard(() => {
+ loadNewEditor();
+ });
+ });
- const icon = this.querySelector('i');
- icon.classList.toggle('tp-toggle-on');
- icon.classList.toggle('tp-toggle-off');
+ $list.on('click', '.topic-tag-toggle', function(event) {
+ const $row = $(this).closest('.topic-tag-item');
+ event.preventDefault();
+ toggleRow($row, $row.attr('data-tag-enabled') !== '1', 'row');
});
-})();
+
+ $list.on('keydown', '.topic-tag-toggle', function(event) {
+ if (event.key === ' ' || event.keyCode === 32) {
+ event.preventDefault();
+ $(this).trigger('click');
+ }
+ });
+
+ $enabled.on('change', function() {
+ if ($selectedRow.length) {
+ toggleRow($selectedRow, this.checked, 'editor');
+ } else {
+ setDirty(true);
+ }
+ });
+
+ $name.on('input', () => {
+ setDirty(true);
+ updatePreview();
+ });
+
+ $color.on('input change', function() {
+ $colorText.val(this.value.toUpperCase());
+ setDirty(true);
+ updatePreview();
+ validateColor(false);
+ });
+
+ $colorText.on('input', () => {
+ setDirty(true);
+ updatePreview();
+ validateColor(false);
+ }).on('blur', function() {
+ const value = normalizeColor(this.value);
+ if (/^#[0-9A-F]{6}$/.test(value)) {
+ this.value = value;
+ $color.val(value);
+ }
+ validateColor(true);
+ updatePreview();
+ });
+
+ $forumPicker.on('change', 'input[type="checkbox"]', () => {
+ setDirty(true);
+ updateForumCount();
+ });
+
+ $forumSearch.on('input', function() {
+ const query = this.value.trim().toLowerCase();
+ $forumPicker.children().each((index, forum) => {
+ $(forum).prop('hidden', String($(forum).attr('data-forum-name') || '').toLowerCase().indexOf(query) === -1);
+ });
+ });
+
+ $('#topic-tag-select-visible').on('click', () => {
+ $forumPicker.find('.topic-tag-forum-option:not([hidden]) input').prop('checked', true);
+ setDirty(true);
+ updateForumCount();
+ });
+
+ $('#topic-tag-clear-forums').on('click', () => {
+ $forumPicker.find('input[type="checkbox"]').prop('checked', false);
+ setDirty(true);
+ updateForumCount();
+ });
+
+ $tagSearch.add($statusFilter).on('input change', updateListFilter);
+
+ $list.on('click', '.topic-tag-move-up, .topic-tag-move-down', function(event) {
+ const $link = $(this), $row = $link.closest('.topic-tag-item'), oldOrder = currentOrder();
+ if ($link.attr('aria-disabled') === 'true' || orderSaving || $tagSearch.val().trim() || $statusFilter.val() !== 'all') {
+ event.preventDefault();
+ return;
+ }
+ event.preventDefault();
+ const $sibling = $link.hasClass('topic-tag-move-up') ? $row.prev('.topic-tag-item') : $row.next('.topic-tag-item');
+ if (!$sibling.length) {
+ return;
+ }
+ if ($link.hasClass('topic-tag-move-up')) {
+ $row.insertBefore($sibling);
+ } else {
+ $row.insertAfter($sibling);
+ }
+ persistOrder(oldOrder);
+ });
+
+ $list.on('mousedown', '.topic-tag-drag', function() {
+ if (!orderSaving && !$tagSearch.val().trim() && $statusFilter.val() === 'all') {
+ $(this).closest('.topic-tag-item').attr('draggable', 'true');
+ }
+ });
+
+ $list.on('dragstart', '.topic-tag-item', function(event) {
+ if ($(this).attr('draggable') !== 'true') {
+ event.preventDefault();
+ return;
+ }
+ draggedRow = this;
+ dropCommitted = false;
+ previousOrder = currentOrder();
+ $(this).addClass('is-dragging');
+ dragImage = $('
').text($(this).attr('data-tag-name')).appendTo(document.body)[0];
+ event.originalEvent.dataTransfer.effectAllowed = 'move';
+ event.originalEvent.dataTransfer.setData('text/plain', $(this).attr('data-tag-id'));
+ if (event.originalEvent.dataTransfer.setDragImage) {
+ event.originalEvent.dataTransfer.setDragImage(dragImage, 20, 20);
+ }
+ });
+
+ $list.on('dragover', '.topic-tag-item', function(event) {
+ if (!draggedRow || this === draggedRow) {
+ return;
+ }
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ const rect = this.getBoundingClientRect();
+ if (event.originalEvent.clientY < rect.top + rect.height / 2) {
+ $(draggedRow).insertBefore(this);
+ } else {
+ $(draggedRow).insertAfter(this);
+ }
+ });
+
+ $list.on('dragover', (event) => {
+ if (draggedRow) {
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ }
+ });
+
+ $list.on('drop', (event) => {
+ if (!draggedRow) {
+ return;
+ }
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ dropCommitted = true;
+ });
+
+ $list.on('dragend', '.topic-tag-item', function() {
+ const changed = previousOrder.join(',') !== currentOrder().join(',');
+ $(this).removeClass('is-dragging').attr('draggable', 'false');
+ if (dragImage) {
+ document.body.removeChild(dragImage);
+ dragImage = null;
+ }
+ draggedRow = null;
+ if (!dropCommitted) {
+ restoreOrder(previousOrder);
+ } else if (changed) {
+ persistOrder(previousOrder);
+ }
+ dropCommitted = false;
+ });
+
+ $form.on('submit', function(event) {
+ const $submit = $form.find('input[type="submit"]');
+ event.preventDefault();
+ if (saving || orderSaving || $list.find('.is-saving').length || draggedRow) {
+ return;
+ }
+ $formError.prop('hidden', true).empty();
+ if (!this.checkValidity()) {
+ this.reportValidity();
+ return;
+ }
+ if (!validateColor(true)) {
+ $colorText.trigger('focus');
+ return;
+ }
+ $colorText.val(normalizeColor($colorText.val()));
+ $color.val($colorText.val());
+ const creating = parseInt($form.find('input[name="tag_id"]').val(), 10) === 0,
+ data = $form.serialize() + '&submit=1',
+ $origin = $selectedRow,
+ $controls = $app.find('input, button, select, textarea').filter(':enabled');
+ saving = true;
+ $controls.prop('disabled', true);
+ $submit.prop('disabled', true);
+ $.ajax({ url: $form.attr('action'), type: 'POST', data: data, cache: false })
+ .always(() => {
+ saving = false;
+ $controls.prop('disabled', false);
+ $submit.prop('disabled', false);
+ })
+ .done((response) => {
+ if (!response.success) {
+ return;
+ }
+ if (creating) {
+ createRow(response.tag);
+ loadNewEditor();
+ } else {
+ populateRow($origin, response.tag);
+ loadEditor($origin);
+ }
+ updateListFilter();
+ showNotice(response.message, false);
+ if (creating) {
+ $name.trigger('focus');
+ }
+ })
+ .fail((xhr) => {
+ const response = responseData(xhr),
+ field = response.field ? document.getElementById(response.field) : null;
+ $formError.text(response.message || $app.data('request-failed')).prop('hidden', false);
+ if (field) {
+ field.focus();
+ }
+ });
+ });
+
+ $(window).on('beforeunload', () => {
+ if (dirty) {
+ return $app.data('discard');
+ }
+ });
+
+ itemRows().attr('draggable', 'false');
+ updateListFilter();
+ updateForumCount();
+ updatePreview();
+ validateColor(false);
+ const initialId = parseInt($form.find('input[name="tag_id"]').val(), 10);
+ if (initialId) {
+ const $initial = itemRows().filter((index, row) => {
+ return parseInt($(row).attr('data-tag-id'), 10) === initialId;
+ }).first();
+ if ($initial.length) {
+ $selectedRow = $initial.addClass('is-selected');
+ }
+ }
+})(jQuery);
diff --git a/build.xml b/build.xml
index b3125a4..5f8e918 100644
--- a/build.xml
+++ b/build.xml
@@ -1,5 +1,5 @@
-
+