image hide buttons improvements. changes between "show"/"hide" works across refresh and clearing/post updates

merge-requests/218/head
Thomas Lynch 3 years ago
parent d31a60e69a
commit 1430c8173d
  1. 2
      gulp/res/js/hideimages.js
  2. 2
      views/mixins/post.pug

@ -6,6 +6,8 @@ const toggleAllHidden = (state) => imageSources.forEach(i => toggleSource(i, sta
const toggleSource = (source, state) => {
const images = document.querySelectorAll(`img.file-thumb[src="${source}"], img.catalog-thumb[src="${source}"]`);
images.forEach(i => i.classList[state?'add':'remove']('vh'));
const buttons = document.querySelectorAll(`a.hide-image[data-src="${source}"]`);
buttons.forEach(b => b.textContent = state ? 'Show' : 'Hide');
}
toggleAllHidden(true);

@ -75,7 +75,7 @@ mixin post(post, truncate, manage=false, globalmanage=false, ban=false, overboar
if file.hasThumb && !(post.spoiler || file.spoiler)
span.jsonly
b [
a.dummy-link.hide-image(data-src=`/file/thumb/${file.hash}${file.thumbextension}`) Hide
a.dummy-link.hide-image.noselect(data-src=`/file/thumb/${file.hash}${file.thumbextension}`) Hide
b ]
span
| (#{file.sizeString}

Loading…
Cancel
Save