chore: move vue components to separate js files

2023-08-10 21:12:56 +03:00 · 2021-12-19 11:23:09 +01:00
parent ba54e7bb96
commit c217f8e664
14 changed files with 114 additions and 116 deletions
--- a/static/assets/js/components/signup.js
+++ b/static/assets/js/components/signup.js
@ -0,0 +1,29 @@
+let debounceTimeout
+
+PetiteVue.createApp({
+    timezone: guessTimezone(),
+    username: '',
+    email: '',
+    avatarUrl: defaultAvatarUrl,
+    updateAvatar() {
+        if (!avatarUrlTemplate) return
+        if (debounceTimeout) {
+            clearTimeout(debounceTimeout)
+        }
+        debounceTimeout = setTimeout(() => {
+            let url = avatarUrlTemplate
+
+            if ((url.includes('{username') && !this.username) || (url.includes('{email') && !this.email)) {
+                url = defaultAvatarUrl
+            } else {
+                url = url.replaceAll('{username}', this.username)
+                url = url.replaceAll('{email}', this.email)
+                url = url.replaceAll('{username_hash}', MD5(this.username))
+                url = url.replaceAll('{email_hash}', MD5(this.email))
+                url = url.includes('{') ? defaultAvatarUrl : url
+            }
+            console.log(url)
+            this.avatarUrl = url
+        }, 500)
+    }
+}).mount('#signup-page')