').text($app.data('empty')).appendTo($list);
+ }
+ }
+
+ function currentOrder() {
+ return itemRows().map(function() {
+ return parseInt($(this).attr('data-tag-id'), 10);
+ }).get();
+ }
+
+ function restoreOrder(order) {
+ $.each(order, function(index, id) {
+ var $row = itemRows().filter(function() {
+ return parseInt($(this).attr('data-tag-id'), 10) === id;
+ }).first();
+ $list.append($row);
+ });
+ }
+
+ function persistOrder(oldOrder) {
+ var data = formTokenData(), $rows = itemRows(), $actions = $rows.find('.topic-tag-actions');
+ orderSaving = true;
+ 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(function(response) {
+ if (response.success) {
+ showNotice(response.message, false);
+ }
+ })
+ .fail(function(xhr) {
+ restoreOrder(oldOrder);
+ requestError(xhr);
+ })
+ .always(function() {
+ orderSaving = false;
+ $actions.removeClass('is-saving');
+ updateListFilter();
+ });
+ }
+
+ function toggleRow($row, desired, source) {
+ var 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(function(response) {
+ if (response.success) {
+ updateEnabledState($row, response.enabled);
+ updateListFilter();
+ showNotice(response.message, false);
+ }
+ })
+ .fail(function(xhr) {
+ if (source === 'editor') {
+ $enabled.prop('checked', !desired);
+ }
+ requestError(xhr);
+ })
+ .always(function() {
+ $toggle.removeClass('is-saving');
+ });
+ }
+
+ phpbb.addAjaxCallback('tp_delete', function(response) {
+ var $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', function(event) {
+ var $delete = $(event.target).closest('[data-ajax="tp_delete"]'), $row;
+ if (!$delete.length) {
+ return;
+ }
+ $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) {
+ var $row = $(this).closest('.topic-tag-item');
+ event.preventDefault();
+ if ($selectedRow.is($row)) {
return;
}
+ confirmDiscard(function() {
+ 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', function() {
+ confirmDiscard(function() {
+ loadNewEditor();
+ $name.trigger('focus');
+ });
+ });
- const icon = this.querySelector('i');
- icon.classList.toggle('tp-toggle-on');
- icon.classList.toggle('tp-toggle-off');
+ $('#topic-tag-cancel').on('click', function(event) {
+ event.preventDefault();
+ confirmDiscard(function() {
+ loadNewEditor();
+ });
});
-})();
+
+ $list.on('click', '.topic-tag-toggle', function(event) {
+ var $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', function() {
+ setDirty(true);
+ updatePreview();
+ });
+
+ $color.on('input change', function() {
+ $colorText.val(this.value.toUpperCase());
+ setDirty(true);
+ updatePreview();
+ validateColor(false);
+ });
+
+ $colorText.on('input', function() {
+ setDirty(true);
+ updatePreview();
+ validateColor(false);
+ }).on('blur', function() {
+ var 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"]', function() {
+ setDirty(true);
+ updateForumCount();
+ });
+
+ $forumSearch.on('input', function() {
+ var query = this.value.trim().toLowerCase();
+ $forumPicker.children().each(function() {
+ $(this).prop('hidden', String($(this).attr('data-forum-name') || '').toLowerCase().indexOf(query) === -1);
+ });
+ });
+
+ $('#topic-tag-select-visible').on('click', function() {
+ $forumPicker.find('.topic-tag-forum-option:not([hidden]) input').prop('checked', true);
+ setDirty(true);
+ updateForumCount();
+ });
+
+ $('#topic-tag-clear-forums').on('click', function() {
+ $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) {
+ var $link = $(this), $row = $link.closest('.topic-tag-item'), oldOrder = currentOrder(), $sibling;
+ if (orderSaving || $tagSearch.val().trim() || $statusFilter.val() !== 'all') {
+ event.preventDefault();
+ return;
+ }
+ event.preventDefault();
+ $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) {
+ var rect;
+ if (!draggedRow || this === draggedRow) {
+ return;
+ }
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ rect = this.getBoundingClientRect();
+ $(this).addClass('is-drag-over');
+ if (event.originalEvent.clientY < rect.top + rect.height / 2) {
+ $(draggedRow).insertBefore(this);
+ } else {
+ $(draggedRow).insertAfter(this);
+ }
+ });
+
+ $list.on('dragleave', '.topic-tag-item', function() {
+ $(this).removeClass('is-drag-over');
+ });
+
+ $list.on('dragover', function(event) {
+ if (draggedRow) {
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ }
+ });
+
+ $list.on('drop', function(event) {
+ if (!draggedRow) {
+ return;
+ }
+ event.preventDefault();
+ event.originalEvent.dataTransfer.dropEffect = 'move';
+ dropCommitted = true;
+ itemRows().removeClass('is-drag-over');
+ });
+
+ $list.on('dragend', '.topic-tag-item', function() {
+ var changed = previousOrder.join(',') !== currentOrder().join(',');
+ $(this).removeClass('is-dragging').attr('draggable', 'false');
+ itemRows().removeClass('is-drag-over');
+ 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) {
+ var $submit = $form.find('input[type="submit"]'), data;
+ event.preventDefault();
+ $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());
+ data = $form.serialize() + '&submit=1';
+ $submit.prop('disabled', true);
+ $.ajax({url: $form.attr('action'), type: 'POST', data: data, cache: false})
+ .done(function(response) {
+ var $row;
+ if (!response.success) {
+ return;
+ }
+ $row = $selectedRow.length ? $selectedRow : createRow(response.tag);
+ populateRow($row, response.tag);
+ loadEditor($row);
+ updateListFilter();
+ showNotice(response.message, false);
+ })
+ .fail(function(xhr) {
+ var response = responseData(xhr), field;
+ $formError.text(response.message || $app.data('request-failed')).prop('hidden', false);
+ field = response.field ? document.getElementById(response.field) : null;
+ if (field) {
+ field.focus();
+ }
+ })
+ .always(function() {
+ $submit.prop('disabled', false);
+ });
+ });
+
+ $(window).on('beforeunload', function() {
+ if (dirty) {
+ return $app.data('discard');
+ }
+ });
+
+ itemRows().attr('draggable', 'false');
+ updateListFilter();
+ updateForumCount();
+ updatePreview();
+ validateColor(false);
+ var initialId = parseInt($form.find('input[name="tag_id"]').val(), 10);
+ if (initialId) {
+ var $initial = itemRows().filter(function() {
+ return parseInt($(this).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 @@
-
+