Browse Source

Apply ESLint + Prettier to JS files, fix errors

merge-requests/70/head
Deimos 6 years ago
parent
commit
3305da2fef
  1. 9
      tildes/static/js/behaviors/auto-focus.js
  2. 12
      tildes/static/js/behaviors/autocomplete-chip-clear.js
  3. 160
      tildes/static/js/behaviors/autocomplete-input.js
  4. 69
      tildes/static/js/behaviors/autocomplete-menu-item.js
  5. 14
      tildes/static/js/behaviors/autocomplete-menu.js
  6. 4
      tildes/static/js/behaviors/autoselect-input.js
  7. 8
      tildes/static/js/behaviors/autosubmit-on-change.js
  8. 25
      tildes/static/js/behaviors/cancel-button.js
  9. 23
      tildes/static/js/behaviors/comment-collapse-all-button.js
  10. 20
      tildes/static/js/behaviors/comment-collapse-button.js
  11. 15
      tildes/static/js/behaviors/comment-expand-all-button.js
  12. 69
      tildes/static/js/behaviors/comment-label-button.js
  13. 29
      tildes/static/js/behaviors/comment-parent-button.js
  14. 58
      tildes/static/js/behaviors/comment-reply-button.js
  15. 8
      tildes/static/js/behaviors/confirm-leave-page-unsaved.js
  16. 12
      tildes/static/js/behaviors/ctrl-enter-submit-form.js
  17. 10
      tildes/static/js/behaviors/external-links-new-tabs.js
  18. 8
      tildes/static/js/behaviors/fadeout-parent-on-success.js
  19. 8
      tildes/static/js/behaviors/hide-sidebar-if-open.js
  20. 6
      tildes/static/js/behaviors/hide-sidebar-no-preventdefault.js
  21. 16
      tildes/static/js/behaviors/markdown-edit-tab.js
  22. 18
      tildes/static/js/behaviors/markdown-preview-tab.js
  23. 13
      tildes/static/js/behaviors/prevent-double-submit.js
  24. 4
      tildes/static/js/behaviors/remove-on-click.js
  25. 4
      tildes/static/js/behaviors/remove-on-success.js
  26. 4
      tildes/static/js/behaviors/sidebar-toggle.js
  27. 10
      tildes/static/js/behaviors/tab.js
  28. 38
      tildes/static/js/behaviors/theme-selector.js
  29. 16
      tildes/static/js/behaviors/time-period-select.js
  30. 43
      tildes/static/js/scripts.js

9
tildes/static/js/behaviors/auto-focus.js

@ -1,11 +1,14 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-auto-focus]', function() {
$input = $(this);
$.onmount("[data-js-auto-focus]", function() {
var $input = $(this);
// just calling .focus() will place the cursor at the start of the field, // just calling .focus() will place the cursor at the start of the field,
// so un-setting and re-setting the value moves the cursor to the end // so un-setting and re-setting the value moves the cursor to the end
var original_val = $input.val(); var original_val = $input.val();
$input.focus().val('').val(original_val);
$input
.focus()
.val("")
.val(original_val);
}); });

12
tildes/static/js/behaviors/autocomplete-chip-clear.js

@ -1,13 +1,13 @@
// Copyright (c) 2019 Tildes contributors <code@tildes.net> // Copyright (c) 2019 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autocomplete-chip-clear]', function() {
$.onmount("[data-js-autocomplete-chip-clear]", function() {
function clearChip($chip) { function clearChip($chip) {
var $tagsHiddenInput = $('[data-js-autocomplete-hidden-input]');
var $autocompleteInput = $('[data-js-autocomplete-input]');
var $tagsHiddenInput = $("[data-js-autocomplete-hidden-input]");
var $autocompleteInput = $("[data-js-autocomplete-input]");
var textToReplace = new RegExp($chip.text() + ',');
$tagsHiddenInput.val($tagsHiddenInput.val().replace(textToReplace, ''));
var textToReplace = new RegExp($chip.text() + ",");
$tagsHiddenInput.val($tagsHiddenInput.val().replace(textToReplace, ""));
$chip.remove(); $chip.remove();
$autocompleteInput.focus(); $autocompleteInput.focus();
} }
@ -19,7 +19,7 @@ $.onmount('[data-js-autocomplete-chip-clear]', function() {
$(this).keydown(function(event) { $(this).keydown(function(event) {
switch (event.key) { switch (event.key) {
case 'Backspace':
case "Backspace":
event.preventDefault(); event.preventDefault();
clearChip($(this).parent()); clearChip($(this).parent());
break; break;

160
tildes/static/js/behaviors/autocomplete-input.js

@ -1,38 +1,47 @@
// Copyright (c) 2019 Tildes contributors <code@tildes.net> // Copyright (c) 2019 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autocomplete-input]', function() {
$.onmount("[data-js-autocomplete-input]", function() {
function addChip($input) { function addChip($input) {
var $autocompleteContainer = $input.parents('[data-js-autocomplete-container]').first();
var $chips = $autocompleteContainer.find('[data-js-autocomplete-chips]').first();
var $tagsHiddenInput = $('[data-js-autocomplete-hidden-input]');
var $autocompleteContainer = $input
.parents("[data-js-autocomplete-container]")
.first();
var $chips = $autocompleteContainer
.find("[data-js-autocomplete-chips]")
.first();
var $tagsHiddenInput = $("[data-js-autocomplete-hidden-input]");
$input.val().split(',').map(function(tag) {
$input
.val()
.split(",")
.map(function(tag) {
return tag.trim(); return tag.trim();
}).filter(function(tag) {
return tag !== '';
}).forEach(function(tag) {
if (!$tagsHiddenInput.val().match(new RegExp('(^|,)' + tag + ','))) {
var clearIcon = document.createElement('a');
clearIcon.classList.add('btn');
clearIcon.classList.add('btn-clear');
clearIcon.setAttribute('data-js-autocomplete-chip-clear', '');
clearIcon.setAttribute('aria-label', 'Close');
clearIcon.setAttribute('role', 'button');
clearIcon.setAttribute('tabindex', $chips.children().length);
var $chip = $(document.createElement('div'));
$chip.addClass('chip');
})
.filter(function(tag) {
return tag !== "";
})
.forEach(function(tag) {
if (!$tagsHiddenInput.val().match(new RegExp("(^|,)" + tag + ","))) {
var clearIcon = document.createElement("a");
clearIcon.classList.add("btn");
clearIcon.classList.add("btn-clear");
clearIcon.setAttribute("data-js-autocomplete-chip-clear", "");
clearIcon.setAttribute("aria-label", "Close");
clearIcon.setAttribute("role", "button");
clearIcon.setAttribute("tabindex", $chips.children().length);
var $chip = $(document.createElement("div"));
$chip.addClass("chip");
$chip.html(tag); $chip.html(tag);
$chip.append(clearIcon); $chip.append(clearIcon);
$chips.append($chip); $chips.append($chip);
$tagsHiddenInput.val($tagsHiddenInput.val() + tag + ',');
$tagsHiddenInput.val($tagsHiddenInput.val() + tag + ",");
} }
}); });
$autocompleteContainer.find('[data-js-autocomplete-input]').val('');
$autocompleteContainer.find('[data-js-autocomplete-suggestions]').html('');
$autocompleteContainer.find("[data-js-autocomplete-input]").val("");
$autocompleteContainer.find("[data-js-autocomplete-suggestions]").html("");
$.onmount(); $.onmount();
} }
@ -46,14 +55,19 @@ $.onmount('[data-js-autocomplete-input]', function() {
// attach an event handler to the form that will add the input's value to // attach an event handler to the form that will add the input's value to
// the end of the tags list before submitting (to include any tag that's // the end of the tags list before submitting (to include any tag that's
// still in the input and wasn't converted to a chip) // still in the input and wasn't converted to a chip)
$(this).closest("form").on("beforeSend.ic", function(evt, elt, data, settings, xhr, requestId) {
$autocompleteInput = $(elt).find("[data-js-autocomplete-input]").first();
$(this)
.closest("form")
/* eslint-disable-next-line no-unused-vars */
.on("beforeSend.ic", function(evt, elt, data, settings, xhr, requestId) {
var $autocompleteInput = $(elt)
.find("[data-js-autocomplete-input]")
.first();
if (!$autocompleteInput.val()) { if (!$autocompleteInput.val()) {
return; return;
} }
var dataPieces = settings.data.split("&"); var dataPieces = settings.data.split("&");
for (i = 0; i < dataPieces.length; i++) {
for (var i = 0; i < dataPieces.length; i++) {
if (dataPieces[i].indexOf("tags=") === 0) { if (dataPieces[i].indexOf("tags=") === 0) {
dataPieces[i] += $autocompleteInput.val(); dataPieces[i] += $autocompleteInput.val();
break; break;
@ -63,53 +77,70 @@ $.onmount('[data-js-autocomplete-input]', function() {
}); });
} }
if ($(this).val() !== '') {
if ($(this).val() !== "") {
addChip($(this)); addChip($(this));
} }
$(this).focus(function(event) {
var $autocompleteContainer = $(this).parents('[data-js-autocomplete-container]').first();
var $chips = $autocompleteContainer.find('[data-js-autocomplete-chips]').first();
$(this).focus(function() {
var $autocompleteContainer = $(this)
.parents("[data-js-autocomplete-container]")
.first();
var $chips = $autocompleteContainer
.find("[data-js-autocomplete-chips]")
.first();
$chips.children().removeClass('active');
$chips.children().removeClass("active");
}); });
$(this).keydown(function(event) { $(this).keydown(function(event) {
var $autocompleteMenu = $("[data-js-autocomplete-menu]").first();
var $nextActiveItem = null;
switch (event.key) { switch (event.key) {
case 'Escape':
$('[data-js-autocomplete-menu]').remove();
case "Escape":
$("[data-js-autocomplete-menu]").remove();
$(this).blur(); $(this).blur();
break; break;
case ',':
case 'Enter':
case ",":
case "Enter":
event.preventDefault(); event.preventDefault();
addChip($(this)); addChip($(this));
break; break;
case 'ArrowDown':
case "ArrowDown":
event.preventDefault(); event.preventDefault();
var $autocompleteMenu = $('[data-js-autocomplete-menu]').first();
var $nextActiveItem = $autocompleteMenu.children('.menu-item').first();
$nextActiveItem.children('[data-js-autocomplete-menu-item]').first().focus();
$nextActiveItem = $autocompleteMenu.children(".menu-item").first();
$nextActiveItem
.children("[data-js-autocomplete-menu-item]")
.first()
.focus();
break; break;
case 'ArrowUp':
case "ArrowUp":
event.preventDefault(); event.preventDefault();
var $autocompleteMenu = $('[data-js-autocomplete-menu]').first();
var $nextActiveItem = $autocompleteMenu.children('.menu-item').last();
$nextActiveItem.children('[data-js-autocomplete-menu-item]').first().focus();
$nextActiveItem = $autocompleteMenu.children(".menu-item").last();
$nextActiveItem
.children("[data-js-autocomplete-menu-item]")
.first()
.focus();
break; break;
case 'Backspace':
if ($(this).val() === '') {
case "Backspace":
if ($(this).val() === "") {
event.preventDefault(); event.preventDefault();
var $autocompleteContainer = $(this).parents('[data-js-autocomplete-container]').first();
var $chips = $autocompleteContainer.find('[data-js-autocomplete-chips]').first();
var $tagsHiddenInput = $("[data-js-autocomplete-hidden-input]");
var $autocompleteContainer = $(this)
.parents("[data-js-autocomplete-container]")
.first();
var $chips = $autocompleteContainer
.find("[data-js-autocomplete-chips]")
.first();
var $lastChip = $chips.children().last(); var $lastChip = $chips.children().last();
if ($lastChip.length) { if ($lastChip.length) {
$(this).blur(); $(this).blur();
if (!$lastChip.hasClass('active')) {
if (!$lastChip.hasClass("active")) {
$lastChip.addClass("active"); $lastChip.addClass("active");
$lastChip.children('[data-js-autocomplete-chip-clear]').first().focus();
$lastChip
.children("[data-js-autocomplete-chip-clear]")
.first()
.focus();
} }
} }
} }
@ -117,24 +148,30 @@ $.onmount('[data-js-autocomplete-input]', function() {
} }
}); });
$(this).keyup(function(event) {
$(this).keyup(function() {
var $this = $(this); var $this = $(this);
var $autocompleteMenu = $('[data-js-autocomplete-menu]');
var $autocompleteMenu = $("[data-js-autocomplete-menu]");
if ($autocompleteMenu) { if ($autocompleteMenu) {
$autocompleteMenu.remove(); $autocompleteMenu.remove();
} }
if ($this.val() === '') {
if ($this.val() === "") {
return; return;
} }
var $tagsHiddenInput = $('[data-js-autocomplete-hidden-input]');
var suggestions = $this.data('js-autocomplete-input').filter(function(suggestion) {
return suggestion.startsWith($this.val().toLowerCase()) &&
!$tagsHiddenInput.val().match(new RegExp('(^|,)' + suggestion + ','));
var $tagsHiddenInput = $("[data-js-autocomplete-hidden-input]");
var suggestions = $this
.data("js-autocomplete-input")
.filter(function(suggestion) {
return (
suggestion.startsWith($this.val().toLowerCase()) &&
!$tagsHiddenInput
.val()
.match(new RegExp("(^|,)" + suggestion + ","))
);
}); });
if (suggestions.length === 0) { if (suggestions.length === 0) {
return; return;
} }
var $autocompleteSuggestions = $('[data-js-autocomplete-suggestions]');
var $autocompleteSuggestions = $("[data-js-autocomplete-suggestions]");
$autocompleteMenu = $('<ol class="menu" data-js-autocomplete-menu>'); $autocompleteMenu = $('<ol class="menu" data-js-autocomplete-menu>');
suggestions.forEach(function(suggestion) { suggestions.forEach(function(suggestion) {
@ -144,10 +181,11 @@ $.onmount('[data-js-autocomplete-input]', function() {
'<div class="tile tile-centered">' + '<div class="tile tile-centered">' +
'<div class="tile-content">' + '<div class="tile-content">' +
suggestion + suggestion +
'</div>' +
'</div>' +
'</a>' +
'</li>');
"</div>" +
"</div>" +
"</a>" +
"</li>"
);
}); });
$autocompleteSuggestions.append($autocompleteMenu); $autocompleteSuggestions.append($autocompleteMenu);
$.onmount(); $.onmount();

69
tildes/static/js/behaviors/autocomplete-menu-item.js

@ -1,37 +1,41 @@
// Copyright (c) 2019 Tildes contributors <code@tildes.net> // Copyright (c) 2019 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autocomplete-menu-item]', function() {
$.onmount("[data-js-autocomplete-menu-item]", function() {
function addChip($menuItem) { function addChip($menuItem) {
var $autocompleteContainer = $menuItem.parents('[data-js-autocomplete-container]').first();
var $clickedSuggestion = $menuItem.find('.tile > .tile-content').first();
var $autocompleteContainer = $menuItem
.parents("[data-js-autocomplete-container]")
.first();
var $clickedSuggestion = $menuItem.find(".tile > .tile-content").first();
var clickedSuggestionText = $clickedSuggestion.html().trim(); var clickedSuggestionText = $clickedSuggestion.html().trim();
var $tagsHiddenInput = $('[data-js-autocomplete-hidden-input]');
var $tagsHiddenInput = $("[data-js-autocomplete-hidden-input]");
var $autocompleteInput = $("[data-js-autocomplete-input]"); var $autocompleteInput = $("[data-js-autocomplete-input]");
if (!$tagsHiddenInput.val().includes(clickedSuggestionText + ',')) {
var $chips = $autocompleteContainer.find('[data-js-autocomplete-chips]').first();
if (!$tagsHiddenInput.val().includes(clickedSuggestionText + ",")) {
var $chips = $autocompleteContainer
.find("[data-js-autocomplete-chips]")
.first();
var clearIcon = document.createElement('a');
clearIcon.classList.add('btn');
clearIcon.classList.add('btn-clear');
clearIcon.setAttribute('data-js-autocomplete-chip-clear', '');
clearIcon.setAttribute('aria-label', 'Close');
clearIcon.setAttribute('role', 'button');
var clearIcon = document.createElement("a");
clearIcon.classList.add("btn");
clearIcon.classList.add("btn-clear");
clearIcon.setAttribute("data-js-autocomplete-chip-clear", "");
clearIcon.setAttribute("aria-label", "Close");
clearIcon.setAttribute("role", "button");
clearIcon.setAttribute("tabindex", $chips.children().length); clearIcon.setAttribute("tabindex", $chips.children().length);
var $chip = $(document.createElement('div'));
$chip.addClass('chip');
var $chip = $(document.createElement("div"));
$chip.addClass("chip");
$chip.html(clickedSuggestionText); $chip.html(clickedSuggestionText);
$chip.append(clearIcon); $chip.append(clearIcon);
$chips.append($chip); $chips.append($chip);
$tagsHiddenInput.val($tagsHiddenInput.val() + clickedSuggestionText + ',');
$tagsHiddenInput.val($tagsHiddenInput.val() + clickedSuggestionText + ",");
} }
$autocompleteContainer.find('[data-js-autocomplete-input]').val('');
$autocompleteContainer.find('[data-js-autocomplete-suggestions]').html('');
$autocompleteContainer.find("[data-js-autocomplete-input]").val("");
$autocompleteContainer.find("[data-js-autocomplete-suggestions]").html("");
$autocompleteInput.focus(); $autocompleteInput.focus();
$.onmount(); $.onmount();
@ -43,23 +47,36 @@ $.onmount('[data-js-autocomplete-menu-item]', function() {
}); });
$(this).keydown(function(event) { $(this).keydown(function(event) {
var $nextActiveItem = null;
switch (event.key) { switch (event.key) {
case 'Escape':
$('[data-js-autocomplete-menu]').parent().remove();
case "Escape":
$("[data-js-autocomplete-menu]")
.parent()
.remove();
break; break;
case 'Enter':
case "Enter":
event.preventDefault(); event.preventDefault();
addChip($(this)); addChip($(this));
break; break;
case 'ArrowDown':
case "ArrowDown":
event.preventDefault(); event.preventDefault();
var $nextActiveItem = $(this).parent().next();
$nextActiveItem.children('[data-js-autocomplete-menu-item]').first().focus();
$nextActiveItem = $(this)
.parent()
.next();
$nextActiveItem
.children("[data-js-autocomplete-menu-item]")
.first()
.focus();
break; break;
case 'ArrowUp':
case "ArrowUp":
event.preventDefault(); event.preventDefault();
var $nextActiveItem = $(this).parent().prev();
$nextActiveItem.children('[data-js-autocomplete-menu-item]').first().focus();
$nextActiveItem = $(this)
.parent()
.prev();
$nextActiveItem
.children("[data-js-autocomplete-menu-item]")
.first()
.focus();
break; break;
default: default:
break; break;

14
tildes/static/js/behaviors/autocomplete-menu.js

@ -1,11 +1,15 @@
// Copyright (c) 2019 Tildes contributors <code@tildes.net> // Copyright (c) 2019 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autocomplete-menu]', function() {
var $autocompleteContainer = $(this).parents('[data-js-autocomplete-container]').first();
var $chips = $autocompleteContainer.find('[data-js-autocomplete-chips]').first();
$.onmount("[data-js-autocomplete-menu]", function() {
var $autocompleteContainer = $(this)
.parents("[data-js-autocomplete-container]")
.first();
var $chips = $autocompleteContainer.find("[data-js-autocomplete-chips]").first();
$(this).children('[data-js-autocomplete-menu-item]').each(function(index, $menuItem) {
$menuItem.setAttribute('tabindex', $chips.children().length + index);
$(this)
.children("[data-js-autocomplete-menu-item]")
.each(function(index, $menuItem) {
$menuItem.setAttribute("tabindex", $chips.children().length + index);
}); });
}); });

4
tildes/static/js/behaviors/autoselect-input.js

@ -1,8 +1,8 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autoselect-input]', function() {
$(this).click(function(event) {
$.onmount("[data-js-autoselect-input]", function() {
$(this).click(function() {
$(this).select(); $(this).select();
}); });
}); });

8
tildes/static/js/behaviors/autosubmit-on-change.js

@ -1,8 +1,10 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-autosubmit-on-change]', function() {
$(this).change(function(event) {
$(this).closest('form').submit();
$.onmount("[data-js-autosubmit-on-change]", function() {
$(this).change(function() {
$(this)
.closest("form")
.submit();
}); });
}); });

25
tildes/static/js/behaviors/cancel-button.js

@ -1,28 +1,31 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-cancel-button]', function() {
$(this).click(function(event) {
var $parentForm = $(this).closest('form');
$.onmount("[data-js-cancel-button]", function() {
$(this).click(function() {
var $parentForm = $(this).closest("form");
var shouldRemove = true;
// confirm removal if the form specifies to // confirm removal if the form specifies to
var confirmPrompt = $parentForm.attr('data-js-confirm-cancel');
var confirmPrompt = $parentForm.attr("data-js-confirm-cancel");
if (confirmPrompt) { if (confirmPrompt) {
// only prompt if any of the inputs aren't empty // only prompt if any of the inputs aren't empty
$nonEmptyFields = $parentForm.find('input,textarea')
.filter(function() { return $(this).val(); });
var $nonEmptyFields = $parentForm.find("input,textarea").filter(function() {
return $(this).val();
});
if ($nonEmptyFields.length > 0) { if ($nonEmptyFields.length > 0) {
var shouldRemove = window.confirm(confirmPrompt);
shouldRemove = window.confirm(confirmPrompt);
} else { } else {
var shouldRemove = true;
shouldRemove = true;
} }
} else {
var shouldRemove = true;
} }
if (shouldRemove) { if (shouldRemove) {
$(this).closest('form').remove();
$(this)
.closest("form")
.remove();
} }
}); });
}); });

23
tildes/static/js/behaviors/comment-collapse-all-button.js

@ -1,20 +1,23 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-collapse-all-button]', function() {
$(this).click(function(event) {
$.onmount("[data-js-comment-collapse-all-button]", function() {
$(this).click(function() {
// first uncollapse any individually collapsed comments // first uncollapse any individually collapsed comments
$('.is-comment-collapsed-individual').each(
function(idx, child) {
$(child).find(
'[data-js-comment-collapse-button]:first').trigger('click');
$(".is-comment-collapsed-individual").each(function(idx, child) {
$(child)
.find("[data-js-comment-collapse-button]:first")
.trigger("click");
}); });
// then collapse all first-level replies // then collapse all first-level replies
$('.comment[data-comment-depth="1"]:not(.is-comment-collapsed)').each(
function(idx, child) {
$(child).find(
'[data-js-comment-collapse-button]:first').trigger('click');
$('.comment[data-comment-depth="1"]:not(.is-comment-collapsed)').each(function(
idx,
child
) {
$(child)
.find("[data-js-comment-collapse-button]:first")
.trigger("click");
}); });
$(this).blur(); $(this).blur();

20
tildes/static/js/behaviors/comment-collapse-button.js

@ -1,23 +1,23 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-collapse-button]', function() {
$(this).click(function(event) {
$this = $(this);
$comment = $this.closest('.comment');
$.onmount("[data-js-comment-collapse-button]", function() {
$(this).click(function() {
var $this = $(this);
var $comment = $this.closest(".comment");
// if the comment is individually collapsed, just remove that class, // if the comment is individually collapsed, just remove that class,
// otherwise toggle the collapsed state // otherwise toggle the collapsed state
if ($comment.hasClass('is-comment-collapsed-individual')) {
$comment.removeClass('is-comment-collapsed-individual');
if ($comment.hasClass("is-comment-collapsed-individual")) {
$comment.removeClass("is-comment-collapsed-individual");
} else { } else {
$comment.toggleClass('is-comment-collapsed');
$comment.toggleClass("is-comment-collapsed");
} }
if ($comment.hasClass('is-comment-collapsed')) {
$this.text('+');
if ($comment.hasClass("is-comment-collapsed")) {
$this.text("+");
} else { } else {
$this.html('&minus;');
$this.html("&minus;");
} }
$this.blur(); $this.blur();

15
tildes/static/js/behaviors/comment-expand-all-button.js

@ -1,12 +1,15 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-expand-all-button]', function() {
$(this).click(function(event) {
$('.is-comment-collapsed, .is-comment-collapsed-individual').each(
function(idx, child) {
$(child).find(
'[data-js-comment-collapse-button]:first').trigger('click');
$.onmount("[data-js-comment-expand-all-button]", function() {
$(this).click(function() {
$(".is-comment-collapsed, .is-comment-collapsed-individual").each(function(
idx,
child
) {
$(child)
.find("[data-js-comment-collapse-button]:first")
.trigger("click");
}); });
$(this).blur(); $(this).blur();

69
tildes/static/js/behaviors/comment-label-button.js

@ -1,28 +1,32 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-label-button]', function() {
$.onmount("[data-js-comment-label-button]", function() {
$(this).click(function(event) { $(this).click(function(event) {
event.preventDefault(); event.preventDefault();
var $comment = $(this).parents('.comment').first();
var userLabels = $comment.attr('data-comment-user-labels');
var $comment = $(this)
.parents(".comment")
.first();
var userLabels = $comment.attr("data-comment-user-labels");
// check if the label button div already exists and just remove it if so // check if the label button div already exists and just remove it if so
$labelButtons = $comment.find('.comment-itself:first').find('.comment-label-buttons');
var $labelButtons = $comment
.find(".comment-itself:first")
.find(".comment-label-buttons");
if ($labelButtons.length > 0) { if ($labelButtons.length > 0) {
$labelButtons.remove(); $labelButtons.remove();
return; return;
} }
var commentID = $comment.attr('data-comment-id36');
var labelURL = '/api/web/comments/' + commentID + '/labels/';
var commentID = $comment.attr("data-comment-id36");
var labelURL = "/api/web/comments/" + commentID + "/labels/";
var labeltemplate = document.querySelector('#comment-label-options');
var labeltemplate = document.querySelector("#comment-label-options");
var clone = document.importNode(labeltemplate.content, true); var clone = document.importNode(labeltemplate.content, true);
var options = clone.querySelectorAll('a');
var options = clone.querySelectorAll("a");
for (i = 0; i < options.length; i++) {
for (var i = 0; i < options.length; i++) {
var label = options[i]; var label = options[i];
var labelName = label.getAttribute("data-js-label-name"); var labelName = label.getAttribute("data-js-label-name");
@ -35,34 +39,39 @@ $.onmount('[data-js-comment-label-button]', function() {
if (labelOptionActive) { if (labelOptionActive) {
label.className += " btn btn-used"; label.className += " btn btn-used";
label.setAttribute('data-ic-delete-from', labelURL + labelName);
label.setAttribute("data-ic-delete-from", labelURL + labelName);
// if the label requires a prompt, confirm that they want to remove it // if the label requires a prompt, confirm that they want to remove it
// (since we don't want to accidentally lose the reason they typed in) // (since we don't want to accidentally lose the reason they typed in)
if (labelPrompt) { if (labelPrompt) {
label.setAttribute("data-ic-confirm", "Remove your "+labelName+" label?");
label.setAttribute(
"data-ic-confirm",
"Remove your " + labelName + " label?"
);
} }
$(label).on('after.success.ic', function(evt) {
$(label).on("after.success.ic", function(evt) {
var labelName = evt.target.getAttribute("data-js-label-name"); var labelName = evt.target.getAttribute("data-js-label-name");
Tildes.removeUserLabel(commentID, labelName); Tildes.removeUserLabel(commentID, labelName);
}); });
} else { } else {
label.setAttribute('data-ic-put-to', labelURL + labelName);
label.setAttribute("data-ic-put-to", labelURL + labelName);
if (labelPrompt) { if (labelPrompt) {
label.setAttribute("data-ic-prompt", labelPrompt); label.setAttribute("data-ic-prompt", labelPrompt);
label.setAttribute("data-ic-prompt-name", "reason"); label.setAttribute("data-ic-prompt-name", "reason");
} }
$(label).on('after.success.ic', function(evt) {
$(label).on("after.success.ic", function(evt) {
var labelName = evt.target.getAttribute("data-js-label-name"); var labelName = evt.target.getAttribute("data-js-label-name");
Tildes.addUserLabel(commentID, labelName); Tildes.addUserLabel(commentID, labelName);
// if the applied label was Exemplary, remove the button from the // if the applied label was Exemplary, remove the button from the
// template since they can't use it again anyway // template since they can't use it again anyway
if (labelName === "exemplary") { if (labelName === "exemplary") {
var exemplaryButton = labeltemplate.content.querySelector('.btn-comment-label-exemplary');
var exemplaryButton = labeltemplate.content.querySelector(
".btn-comment-label-exemplary"
);
if (exemplaryButton) { if (exemplaryButton) {
exemplaryButton.parentElement.remove(); exemplaryButton.parentElement.remove();
} }
@ -70,42 +79,48 @@ $.onmount('[data-js-comment-label-button]', function() {
}); });
} }
label.setAttribute('data-ic-target', '#comment-' + commentID + ' .comment-itself:first');
label.setAttribute(
"data-ic-target",
"#comment-" + commentID + " .comment-itself:first"
);
} }
// update Intercooler so it knows about these new elements // update Intercooler so it knows about these new elements
Intercooler.processNodes(clone); Intercooler.processNodes(clone);
$comment.find(".btn-post").first().after(clone);
$comment
.find(".btn-post")
.first()
.after(clone);
}); });
}); });
Tildes.removeUserLabel = function(commentID, labelName) { Tildes.removeUserLabel = function(commentID, labelName) {
$comment = $("#comment-" + commentID);
var userLabels = $comment.attr('data-comment-user-labels').split(" ");
var $comment = $("#comment-" + commentID);
var userLabels = $comment.attr("data-comment-user-labels").split(" ");
// if the label isn't there, don't need to do anything // if the label isn't there, don't need to do anything
labelIndex = userLabels.indexOf(labelName);
var labelIndex = userLabels.indexOf(labelName);
if (labelIndex === -1) { if (labelIndex === -1) {
return; return;
} }
// remove the label from the list and update the data attr // remove the label from the list and update the data attr
userLabels.splice(labelIndex, 1); userLabels.splice(labelIndex, 1);
$comment.attr('data-comment-user-labels', userLabels.join(" "));
}
$comment.attr("data-comment-user-labels", userLabels.join(" "));
};
Tildes.addUserLabel = function(commentID, labelName) { Tildes.addUserLabel = function(commentID, labelName) {
$comment = $("#comment-" + commentID);
var userLabels = $comment.attr('data-comment-user-labels').split(" ");
var $comment = $("#comment-" + commentID);
var userLabels = $comment.attr("data-comment-user-labels").split(" ");
// don't add the label again if it's already there // don't add the label again if it's already there
labelIndex = userLabels.indexOf(labelName);
var labelIndex = userLabels.indexOf(labelName);
if (labelIndex !== -1) { if (labelIndex !== -1) {
return; return;
} }
// add the label to the list and update the data attr // add the label to the list and update the data attr
userLabels.push(labelName); userLabels.push(labelName);
$comment.attr('data-comment-user-labels', userLabels.join(" "));
}
$comment.attr("data-comment-user-labels", userLabels.join(" "));
};

29
tildes/static/js/behaviors/comment-parent-button.js

@ -1,22 +1,27 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-parent-button]', function() {
$(this).click(function(event) {
var $comment = $(this).parents('.comment').first();
var $parentComment = $comment.parents('.comment').first();
$.onmount("[data-js-comment-parent-button]", function() {
$(this).click(function() {
var $comment = $(this)
.parents(".comment")
.first();
var $parentComment = $comment.parents(".comment").first();
var backButton = document.createElement('a');
backButton.setAttribute('href', '#comment-' + $comment.attr('data-comment-id36'));
backButton.setAttribute('class', 'comment-nav-link');
backButton.setAttribute('data-js-comment-back-button', '');
backButton.setAttribute('data-js-remove-on-click', '');
backButton.innerHTML = '[Back]';
var backButton = document.createElement("a");
backButton.setAttribute(
"href",
"#comment-" + $comment.attr("data-comment-id36")
);
backButton.setAttribute("class", "comment-nav-link");
backButton.setAttribute("data-js-comment-back-button", "");
backButton.setAttribute("data-js-remove-on-click", "");
backButton.innerHTML = "[Back]";
var $parentHeader = $parentComment.find('header').first();
var $parentHeader = $parentComment.find("header").first();
// remove any existing back button // remove any existing back button
$parentHeader.find('[data-js-comment-back-button]').remove();
$parentHeader.find("[data-js-comment-back-button]").remove();
$parentHeader.append(backButton); $parentHeader.append(backButton);
$.onmount(); $.onmount();

58
tildes/static/js/behaviors/comment-reply-button.js

@ -1,55 +1,61 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-comment-reply-button]', function() {
$.onmount("[data-js-comment-reply-button]", function() {
$(this).click(function(event) { $(this).click(function(event) {
event.preventDefault(); event.preventDefault();
// disable click/hover events on the reply button // disable click/hover events on the reply button
$(this).css('pointer-events', 'none');
$(this).css("pointer-events", "none");
var $comment = $(this).parents('.comment').first();
var $comment = $(this)
.parents(".comment")
.first();
// get the replies list, or create one if it doesn't already exist // get the replies list, or create one if it doesn't already exist
var $replies = $comment.children('.comment-tree-replies');
var $replies = $comment.children(".comment-tree-replies");
if (!$replies.length) { if (!$replies.length) {
var repliesList = document.createElement('ol');
repliesList.setAttribute('class', 'comment-tree comment-tree-replies');
var repliesList = document.createElement("ol");
repliesList.setAttribute("class", "comment-tree comment-tree-replies");
$comment.append(repliesList); $comment.append(repliesList);
$replies = $(repliesList); $replies = $(repliesList);
} }
var $parentComment = $(this).parents('article.comment:first');
var parentCommentID = $parentComment.attr('data-comment-id36');
var postURL = '/api/web/comments/' + parentCommentID + '/replies';
var markdownID = 'markdown-reply-' + parentCommentID;
var previewID = markdownID + '-preview';
var $parentComment = $(this).parents("article.comment:first");
var parentCommentID = $parentComment.attr("data-comment-id36");
var postURL = "/api/web/comments/" + parentCommentID + "/replies";
var markdownID = "markdown-reply-" + parentCommentID;
var previewID = markdownID + "-preview";
if ($('#' + markdownID).length > 0) {
$('#' + markdownID).focus();
if ($("#" + markdownID).length > 0) {
$("#" + markdownID).focus();
return; return;
} }
// clone and populate the 'comment-reply' template // clone and populate the 'comment-reply' template
var template = document.getElementById('comment-reply');
var template = document.getElementById("comment-reply");
var clone = document.importNode(template.content, true); var clone = document.importNode(template.content, true);
clone.querySelector('form').setAttribute('data-ic-post-to', postURL);
var textarea = clone.querySelector('textarea');
textarea.setAttribute('id', markdownID);
clone.querySelector("form").setAttribute("data-ic-post-to", postURL);
var textarea = clone.querySelector("textarea");
textarea.setAttribute("id", markdownID);
var preview = clone.querySelector('.form-markdown-preview');
preview.setAttribute('id', previewID);
var preview = clone.querySelector(".form-markdown-preview");
preview.setAttribute("id", previewID);
clone.querySelector('[data-js-markdown-preview-tab] .btn')
.setAttribute('data-ic-target', '#' + previewID);
clone
.querySelector("[data-js-markdown-preview-tab] .btn")
.setAttribute("data-ic-target", "#" + previewID);
var cancelButton = clone.querySelector('[data-js-cancel-button]');
$(cancelButton).on('click', function (event) {
var cancelButton = clone.querySelector("[data-js-cancel-button]");
$(cancelButton).on("click", function() {
// re-enable click/hover events on the reply button // re-enable click/hover events on the reply button
$(this).parents('.comment').first()
.find('.btn-post-action[name=reply]').first()
.css('pointer-events', 'auto');
$(this)
.parents(".comment")
.first()
.find(".btn-post-action[name=reply]")
.first()
.css("pointer-events", "auto");
}); });
// If the user has text selected inside a comment when they click the reply // If the user has text selected inside a comment when they click the reply

8
tildes/static/js/behaviors/confirm-leave-page-unsaved.js

@ -1,14 +1,14 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-confirm-leave-page-unsaved]', function() {
$form = $(this);
$.onmount("[data-js-confirm-leave-page-unsaved]", function() {
var $form = $(this);
$form.areYouSure(); $form.areYouSure();
// Fixes a strange interaction between Intercooler and AreYouSure, where // Fixes a strange interaction between Intercooler and AreYouSure, where
// submitting a form by using the keyboard to push the submit button would // submitting a form by using the keyboard to push the submit button would
// trigger a confirmation prompt before leaving the page. // trigger a confirmation prompt before leaving the page.
$form.on('success.ic', function() {
$form.removeClass('dirty');
$form.on("success.ic", function() {
$form.removeClass("dirty");
}); });
}); });

12
tildes/static/js/behaviors/ctrl-enter-submit-form.js

@ -1,11 +1,15 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-ctrl-enter-submit-form]', function() {
$.onmount("[data-js-ctrl-enter-submit-form]", function() {
$(this).keydown(function(event) { $(this).keydown(function(event) {
if ((event.ctrlKey || event.metaKey) &&
(event.keyCode == 13 || event.keyCode == 10)) {
$(this).closest('form').submit();
if (
(event.ctrlKey || event.metaKey) &&
(event.keyCode == 13 || event.keyCode == 10)
) {
$(this)
.closest("form")
.submit();
} }
}); });
}); });

10
tildes/static/js/behaviors/external-links-new-tabs.js

@ -1,12 +1,14 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-external-links-new-tabs]', function() {
$.onmount("[data-js-external-links-new-tabs]", function() {
// Open external links in topic, comment, and message text in new tabs // Open external links in topic, comment, and message text in new tabs
$(this).find('a').each(function() {
$(this)
.find("a")
.each(function() {
if (this.host !== window.location.host) { if (this.host !== window.location.host) {
$(this).attr('target', '_blank');
$(this).attr('rel', 'noopener');
$(this).attr("target", "_blank");
$(this).attr("rel", "noopener");
} }
}); });
}); });

8
tildes/static/js/behaviors/fadeout-parent-on-success.js

@ -1,8 +1,10 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-fadeout-parent-on-success]', function() {
$(this).on('after.success.ic', function() {
$(this).parent().fadeOut('fast');
$.onmount("[data-js-fadeout-parent-on-success]", function() {
$(this).on("after.success.ic", function() {
$(this)
.parent()
.fadeOut("fast");
}); });
}); });

8
tildes/static/js/behaviors/hide-sidebar-if-open.js

@ -1,12 +1,12 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-hide-sidebar-if-open]', function() {
$(this).on('click', function(event) {
if ($('#sidebar').hasClass('is-sidebar-displayed')) {
$.onmount("[data-js-hide-sidebar-if-open]", function() {
$(this).on("click", function(event) {
if ($("#sidebar").hasClass("is-sidebar-displayed")) {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
$('#sidebar').removeClass('is-sidebar-displayed');
$("#sidebar").removeClass("is-sidebar-displayed");
} }
}); });
}); });

6
tildes/static/js/behaviors/hide-sidebar-no-preventdefault.js

@ -1,8 +1,8 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-hide-sidebar-no-preventdefault]', function() {
$(this).on('click', function(event) {
$('#sidebar').removeClass('is-sidebar-displayed');
$.onmount("[data-js-hide-sidebar-no-preventdefault]", function() {
$(this).on("click", function() {
$("#sidebar").removeClass("is-sidebar-displayed");
}); });
}); });

16
tildes/static/js/behaviors/markdown-edit-tab.js

@ -1,13 +1,17 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-markdown-edit-tab]', function() {
$(this).click(function(event) {
var $editTextarea = $(this).closest('form').find('[name="markdown"]');
var $previewDiv = $(this).closest('form').find('.form-markdown-preview');
$.onmount("[data-js-markdown-edit-tab]", function() {
$(this).click(function() {
var $editTextarea = $(this)
.closest("form")
.find('[name="markdown"]');
var $previewDiv = $(this)
.closest("form")
.find(".form-markdown-preview");
$editTextarea.removeClass('d-none');
$previewDiv.addClass('d-none');
$editTextarea.removeClass("d-none");
$previewDiv.addClass("d-none");
$previewDiv.empty(); $previewDiv.empty();
}); });
}); });

18
tildes/static/js/behaviors/markdown-preview-tab.js

@ -1,16 +1,20 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-markdown-preview-tab]', function() {
$(this).click(function(event) {
var $editTextarea = $(this).closest('form').find('[name="markdown"]');
var $previewDiv = $(this).closest('form').find('.form-markdown-preview');
$.onmount("[data-js-markdown-preview-tab]", function() {
$(this).click(function() {
var $editTextarea = $(this)
.closest("form")
.find('[name="markdown"]');
var $previewDiv = $(this)
.closest("form")
.find(".form-markdown-preview");
$editTextarea.addClass('d-none');
$previewDiv.removeClass('d-none');
$editTextarea.addClass("d-none");
$previewDiv.removeClass("d-none");
}); });
$(this).on('after.success.ic success.ic', function(event) {
$(this).on("after.success.ic success.ic", function(event) {
// Stop intercooler event from bubbling up past this button. This // Stop intercooler event from bubbling up past this button. This
// prevents behaviors on parent elements from mistaking a successful // prevents behaviors on parent elements from mistaking a successful
// "preview" from a successful "submit". // "preview" from a successful "submit".

13
tildes/static/js/behaviors/prevent-double-submit.js

@ -1,19 +1,20 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-prevent-double-submit]', function() {
$(this).on('beforeSend.ic', function(evt, elt, data, settings, xhr, requestId) {
$.onmount("[data-js-prevent-double-submit]", function() {
/* eslint-disable-next-line no-unused-vars */
$(this).on("beforeSend.ic", function(evt, elt, data, settings, xhr, requestId) {
var $form = $(this); var $form = $(this);
if ($form.attr('data-js-submitting') !== undefined) {
if ($form.attr("data-js-submitting") !== undefined) {
xhr.abort(); xhr.abort();
return false; return false;
} else { } else {
$form.attr('data-js-submitting', true);
$form.attr("data-js-submitting", true);
} }
}); });
$(this).on('complete.ic', function() {
$(this).removeAttr('data-js-submitting');
$(this).on("complete.ic", function() {
$(this).removeAttr("data-js-submitting");
}); });
}); });

4
tildes/static/js/behaviors/remove-on-click.js

@ -1,8 +1,8 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-remove-on-click]', function() {
$(this).on('click', function() {
$.onmount("[data-js-remove-on-click]", function() {
$(this).on("click", function() {
$(this).remove(); $(this).remove();
}); });
}); });

4
tildes/static/js/behaviors/remove-on-success.js

@ -1,8 +1,8 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-remove-on-success]', function() {
$(this).on('after.success.ic', function() {
$.onmount("[data-js-remove-on-success]", function() {
$(this).on("after.success.ic", function() {
$(this).remove(); $(this).remove();
}); });
}); });

4
tildes/static/js/behaviors/sidebar-toggle.js

@ -1,11 +1,11 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-sidebar-toggle]', function() {
$.onmount("[data-js-sidebar-toggle]", function() {
$(this).click(function(event) { $(this).click(function(event) {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
$('#sidebar').toggleClass('is-sidebar-displayed');
$("#sidebar").toggleClass("is-sidebar-displayed");
}); });
}); });

10
tildes/static/js/behaviors/tab.js

@ -1,9 +1,11 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-tab]', function() {
$(this).click(function(event) {
$(this).siblings().removeClass('active');
$(this).addClass('active');
$.onmount("[data-js-tab]", function() {
$(this).click(function() {
$(this)
.siblings()
.removeClass("active");
$(this).addClass("active");
}); });
}); });

38
tildes/static/js/behaviors/theme-selector.js

@ -1,40 +1,48 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-theme-selector]', function() {
$.onmount("[data-js-theme-selector]", function() {
$(this).change(function(event) { $(this).change(function(event) {
event.preventDefault(); event.preventDefault();
// hide any IC change message // hide any IC change message
$(this).parent().find('.form-status').hide();
$(this)
.parent()
.find(".form-status")
.hide();
var new_theme = $(this).val(); var new_theme = $(this).val();
var selected_text = $(this).find('option:selected').text();
var $setDefaultButton = $('#button-set-default-theme');
var selected_text = $(this)
.find("option:selected")
.text();
var $setDefaultButton = $("#button-set-default-theme");
// persist the new theme for the user in their cookie // persist the new theme for the user in their cookie
document.cookie = 'theme=' + new_theme + ';' +
'path=/;max-age=315360000;secure;domain=' +
document.cookie =
"theme=" +
new_theme +
";" +
"path=/;max-age=315360000;secure;domain=" +
document.location.hostname; document.location.hostname;
// remove any theme classes currently on the body // remove any theme classes currently on the body
$body = $('body').first();
var bodyClasses = $body[0].className.split(' ');
for (i = 0; i < bodyClasses.length; i++) {
cls = bodyClasses[i];
if (cls.indexOf('theme-') === 0) {
var $body = $("body").first();
var bodyClasses = $body[0].className.split(" ");
for (var i = 0; i < bodyClasses.length; i++) {
var cls = bodyClasses[i];
if (cls.indexOf("theme-") === 0) {
$body.removeClass(cls); $body.removeClass(cls);
} }
} }
// add the class for the new theme to the body // add the class for the new theme to the body
$body.addClass('theme-' + new_theme);
$body.addClass("theme-" + new_theme);
// set visibility of 'Set as account default' button // set visibility of 'Set as account default' button
if (selected_text.indexOf('account default') === -1) {
$setDefaultButton.removeClass('d-none');
if (selected_text.indexOf("account default") === -1) {
$setDefaultButton.removeClass("d-none");
} else { } else {
$setDefaultButton.addClass('d-none');
$setDefaultButton.addClass("d-none");
} }
}); });
}); });

16
tildes/static/js/behaviors/time-period-select.js

@ -1,17 +1,19 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net> // Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$.onmount('[data-js-time-period-select]', function() {
$(this).change(function(event) {
$.onmount("[data-js-time-period-select]", function() {
$(this).change(function() {
var periodValue = this.value; var periodValue = this.value;
if (periodValue === 'other') {
var enteredPeriod = '';
validRegex = /^\d+[hd]?$/i;
if (periodValue === "other") {
var enteredPeriod = "";
var validRegex = /^\d+[hd]?$/i;
// prompt for a time period until they enter a valid one // prompt for a time period until they enter a valid one
while (!validRegex.test(enteredPeriod)) { while (!validRegex.test(enteredPeriod)) {
enteredPeriod = prompt('Enter a custom time period (number of hours, or add a "d" suffix for days):');
enteredPeriod = prompt(
'Enter a custom time period (number of hours, or add a "d" suffix for days):'
);
// exit if they specifically cancelled the prompt // exit if they specifically cancelled the prompt
if (enteredPeriod === null) { if (enteredPeriod === null) {
@ -21,7 +23,7 @@ $.onmount('[data-js-time-period-select]', function() {
// if it was just a bare number, append "h" // if it was just a bare number, append "h"
if (/^\d+$/.test(enteredPeriod)) { if (/^\d+$/.test(enteredPeriod)) {
enteredPeriod += 'h';
enteredPeriod += "h";
} }
// need to add the option to the <select> so it's valid to choose // need to add the option to the <select> so it's valid to choose

43
tildes/static/js/scripts.js

@ -2,27 +2,27 @@
// SPDX-License-Identifier: AGPL-3.0-or-later // SPDX-License-Identifier: AGPL-3.0-or-later
$(function() { $(function() {
$.onmount(); $.onmount();
// Add the CSRF token to all Intercooler AJAX requests as a header // Add the CSRF token to all Intercooler AJAX requests as a header
$(document).on('beforeAjaxSend.ic', function(event, ajaxSetup, elt) {
var token = $("meta[name='csrftoken']").attr('content');
ajaxSetup.headers['X-CSRF-Token'] = token;
/* eslint-disable-next-line no-unused-vars */
$(document).on("beforeAjaxSend.ic", function(event, ajaxSetup, elt) {
var token = $("meta[name='csrftoken']").attr("content");
ajaxSetup.headers["X-CSRF-Token"] = token;
// This is pretty ugly - adds an X-IC-Trigger-Name header for DELETE // This is pretty ugly - adds an X-IC-Trigger-Name header for DELETE
// requests since the POST params are not accessible // requests since the POST params are not accessible
if (ajaxSetup.headers['X-HTTP-Method-Override'] === 'DELETE') {
if (ajaxSetup.headers["X-HTTP-Method-Override"] === "DELETE") {
var re = /ic-trigger-name=(\S+?)(&|$)/; var re = /ic-trigger-name=(\S+?)(&|$)/;
var match = re.exec(ajaxSetup.data); var match = re.exec(ajaxSetup.data);
if (match && match.length > 1) { if (match && match.length > 1) {
ajaxSetup.headers['X-IC-Trigger-Name'] = match[1];
ajaxSetup.headers["X-IC-Trigger-Name"] = match[1];
} }
} }
}); });
// Automatically call onmount whenever Intercooler swaps in new content // Automatically call onmount whenever Intercooler swaps in new content
Intercooler.ready(function(element) {
Intercooler.ready(function() {
$.onmount(); $.onmount();
}); });
@ -34,41 +34,46 @@ Intercooler.ready(function(element) {
// triggering element itself. The status div will then have its class set based // triggering element itself. The status div will then have its class set based
// on whether the response was an error or not, and the text set to either the // on whether the response was an error or not, and the text set to either the
// error message or a generic success message. // error message or a generic success message.
$(document).on('complete.ic', function(evt, elt, data, status, xhr, requestId) {
/* eslint-disable-next-line no-unused-vars */
$(document).on("complete.ic", function(evt, elt, data, status, xhr, requestId) {
// only do anything for <form> elements // only do anything for <form> elements
if (elt[0].tagName !== 'FORM') {
if (elt[0].tagName !== "FORM") {
return; return;
} }
// see if a status element already exists and remove it // see if a status element already exists and remove it
$(elt).find('.form-status').remove();
$(elt)
.find(".form-status")
.remove();
// add a new one (inside .form-buttons if possible) // add a new one (inside .form-buttons if possible)
var statusDiv = '<div class="form-status"></div>'; var statusDiv = '<div class="form-status"></div>';
var $buttonElement = $(elt).find('.form-buttons').first();
var $buttonElement = $(elt)
.find(".form-buttons")
.first();
if ($buttonElement.length) { if ($buttonElement.length) {
$buttonElement.append(statusDiv); $buttonElement.append(statusDiv);
} else { } else {
$(elt).append(statusDiv); $(elt).append(statusDiv);
} }
$statusElement = $(elt).find('.form-status').first();
var $statusElement = $(elt)
.find(".form-status")
.first();
// set the class and text, then fade in // set the class and text, then fade in
$statusElement.hide(); $statusElement.hide();
if (status === 'success') {
$statusElement.addClass('form-status-success').text('Saved successfully');
if (status === "success") {
$statusElement.addClass("form-status-success").text("Saved successfully");
} else { } else {
var errorText = xhr.responseText;
if (xhr.status === 413) { if (xhr.status === 413) {
errorText = "Too much data submitted"; errorText = "Too much data submitted";
} else {
errorText = xhr.responseText;
} }
$statusElement.addClass('form-status-error').text(errorText);
$statusElement.addClass("form-status-error").text(errorText);
} }
$statusElement.fadeIn('slow');
$statusElement.fadeIn("slow");
}); });
}); });
// Create a namespacing object to hold functions // Create a namespacing object to hold functions

Loading…
Cancel
Save