userpage: respect 12h/24h choice

scripts/compile_mjml.py

@@ -3,7 +3,7 @@ import shutil
 import os
 import argparse
 from pathlib import Path
-from threading import Thread
+from multiprocessing import Process
 
 parser = argparse.ArgumentParser()
 parser.add_argument("-o", "--output", help="output directory for .html and .txt files")
@@ -27,10 +27,10 @@ local_path = Path("mail")
 threads = []
 
 for mjml in [f for f in local_path.iterdir() if f.is_file() and "mjml" in f.suffix]:
-    threads.append(Thread(target=compile, args=(mjml,)))
+    p = Process(target=compile, args=(mjml,))
+    p.start()
+    threads.append(p)
 
-for thread in threads:
-    thread.start()
 for thread in threads:
     thread.join()
 

ts/modules/lang.ts

@@ -47,11 +47,12 @@ export class lang implements Lang {
     }
 }
 
+export var TimeFmtChange = new CustomEvent("timefmt-change");
+
 export const loadLangSelector = (page: string) => {
-    if (page == "admin") {
-        const ev = new CustomEvent("timefmt-change");
+    if (page == "admin" || "user") {
         const setTimefmt = (fmt: string) => {
-            document.dispatchEvent(ev);
+            document.dispatchEvent(TimeFmtChange);
             localStorage.setItem("timefmt", fmt);
         };
         const t12 = document.getElementById("lang-12h") as HTMLInputElement;

ts/user.ts

@@ -243,11 +243,16 @@ class ExpiryCard {
     private _aside: HTMLElement;
     private _countdown: HTMLElement;
     private _interval: number = null;
+    private _expiryUnix: number = 0;
 
     constructor(card: HTMLElement) {
         this._card = card;
         this._aside = this._card.querySelector(".user-expiry") as HTMLElement;
         this._countdown = this._card.querySelector(".user-expiry-countdown") as HTMLElement;
+
+        document.addEventListener("timefmt-change", () => {
+            this.expiry = this._expiryUnix;
+        });
     }
 
     private _drawCountdown = () => {
@@ -297,7 +302,11 @@ class ExpiryCard {
             window.clearInterval(this._interval);
             this._interval = null;
         }
-        if (expiryUnix == 0) return;
+        this._expiryUnix = expiryUnix;
+        if (expiryUnix == 0) {
+            this._card.classList.add("unfocused");
+            return;
+        }
         this._expiry = new Date(expiryUnix * 1000);
         this._aside.textContent = window.lang.strings("yourAccountIsValidUntil").replace("{date}", toDateString(this._expiry));
         this._card.classList.remove("unfocused");