aboutsummaryrefslogtreecommitdiffstats
path: root/js
diff options
context:
space:
mode:
Diffstat (limited to 'js')
-rw-r--r--js/main.ts42
1 files changed, 42 insertions, 0 deletions
diff --git a/js/main.ts b/js/main.ts
new file mode 100644
index 0000000..21e589d
--- /dev/null
+++ b/js/main.ts
@@ -0,0 +1,42 @@
1let linkQryEls = document.getElementsByClassName('link--QRY');
2let i = linkQryEls.length;
3while (i--) {
4 linkQryEls[i].addEventListener('click', e => {
5 e.preventDefault();
6
7 const resp = prompt('Please enter required input: ', '');
8 if ((resp !== null) && (resp !== "")) {
9 window.location.href = (e.target as HTMLAnchorElement).href + '?' + resp;
10 }
11
12 return false;
13 });
14}
15
16let imgPreviewEls = document.getElementsByClassName('img-preview');
17i = imgPreviewEls.length;
18while (i--) {
19 const imgPreviewEl = imgPreviewEls[i] as HTMLAnchorElement;
20 const child = imgPreviewEl.children[0] as HTMLImageElement;
21 const thumbnailUrl = child.src;
22
23 child.addEventListener('load', e => {
24 child.classList.remove('faded');
25 });
26
27 imgPreviewEls[i].addEventListener('click', e => {
28 e.preventDefault();
29
30 child.classList.add('faded');
31
32 if (child.classList.contains('expanded')) {
33 child.classList.remove('expanded');
34 child.src = thumbnailUrl;
35 } else {
36 child.classList.add('expanded');
37 child.src = imgPreviewEl.href;
38 }
39
40 return false;
41 });
42}