PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2024-11-30 14:57:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

convert misc scripts to ts

Browse source
This commit is contained in:
Luna D. 2024-06-23 19:59:06 +02:00
parent 677ecc265c
commit e30a1922ed
No known key found for this signature in database
GPG key ID: 4B1C63448394F688
1 changed files with 26 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
assets/js/misc.js → assets/js/misc.ts
View file

@ -4,35 +4,40 @@
import store from './utils/store';
import { $, $$ } from './utils/dom';
import { assertNotNull } from './utils/assert';
import '../types/ujs';
let touchMoved = false;
function formResult({target, detail}) {
const elements = {
function formResult({target, detail}: FetchcompleteEvent) {
const elements: {[key: string]: string} = {
'#description-form': '.image-description',
'#uploader-form': '.image_uploader'
};
function showResult(resultEl, formEl, response) {
function showResult(resultEl: HTMLElement, formEl: HTMLFormElement, response: string) {
resultEl.innerHTML = response;
resultEl.classList.remove('hidden');
formEl.classList.add('hidden');
formEl.querySelector('input[type="submit"],button').disabled = false;
const inputEl = $<HTMLInputElement>('input[type="submit"]', formEl);
const buttonEl = $<HTMLButtonElement>('button', formEl);
if (inputEl) inputEl.disabled = false;
if (buttonEl) buttonEl.disabled = false;
}
for (const element in elements) {
if (target.matches(element)) detail.text().then(text => showResult($(elements[element]), target, text));
if (target.matches(element)) {
detail.text().then(text => showResult(assertNotNull($<HTMLElement>(elements[element])), target as HTMLFormElement, text));
}
}
}
}
function revealSpoiler(event) {
const { target } = event;
function revealSpoiler(event: MouseEvent | TouchEvent) {
const target = assertNotNull(event.target) as HTMLElement;
const spoiler = target.closest('.spoiler');
let imgspoiler = target.closest('.spoiler .imgspoiler, .spoiler-revealed .imgspoiler');
const showContainer = target.closest('.image-show-container');
let imgspoiler = target.closest('.spoiler .imgspoiler, .spoiler-revealed .imgspoiler');
// Prevent reveal if touchend came after touchmove event
if (touchMoved) {
@ -42,7 +47,8 @@ function revealSpoiler(event) {
if (spoiler) {
if (showContainer) {
const imageShow = showContainer.querySelector('.image-show');
const imageShow = assertNotNull(showContainer.querySelector('.image-show'));
if (!imageShow.classList.contains('hidden') && imageShow.classList.contains('spoiler-pending')) {
imageShow.classList.remove('spoiler-pending');
return;
@ -62,19 +68,22 @@ function revealSpoiler(event) {
if (imgspoiler) {
imgspoiler.classList.remove('imgspoiler');
imgspoiler.classList.add('imgspoiler-revealed');
if (event.type === 'touchend' && !event.defaultPrevented) {
event.preventDefault();
}
}
}
function setupEvents() {
const extrameta = $('#extrameta');
export function setupEvents() {
const extrameta = $<HTMLElement>('#extrameta');
if (extrameta && store.get('hide_uploader')) {
extrameta.classList.add('hidden');
}
if (store.get('hide_uploader') && extrameta) extrameta.classList.add('hidden');
if (store.get('hide_score')) {
$$('.upvotes,.score,.downvotes').forEach(s => s.classList.add('hidden'));
$$<HTMLElement>('.upvotes,.score,.downvotes').forEach(s => s.classList.add('hidden'));
}
document.addEventListener('fetchcomplete', formResult);
@ -82,5 +91,3 @@ function setupEvents() {
document.addEventListener('touchend', revealSpoiler);
document.addEventListener('touchmove', () => touchMoved = true);
}
export { setupEvents };