Language chooser in navbar (#99)

* Theme radio dropdowns * Add language switch to navbar * yarn build * fixup! Add language switch to navbar * Update LanguageForm to use AlpineJS * Simplify LanguageForm --------- Co-authored-by: Kevin Chung <[email protected]>
CTFd · Nov 26, 2024 · 4ecf9da · 4ecf9da
1 parent 3f9bb7a
commit 4ecf9da
Show file tree

Hide file tree

Showing 22 changed files with 88 additions and 43 deletions.
diff --git a/assets/js/components/language.js b/assets/js/components/language.js
@@ -0,0 +1,20 @@
+import CTFd from "../index";
+import Alpine from "alpinejs";
+
+Alpine.data("LanguageForm", () => ({
+  async set(event) {
+    let language = event.target.getAttribute("value");
+    document.cookie = `language=${language};SameSite=Lax`;
+
+    // Set user language preference if logged in
+    if (CTFd.user.id) {
+      await CTFd.fetch("/api/v1/users/me", {
+        method: "PATCH",
+        body: JSON.stringify({ language }),
+      });
+    }
+
+    // Reload with new language
+    window.location.reload();
+  },
+}));
diff --git a/assets/js/index.js b/assets/js/index.js
@@ -15,6 +15,8 @@ import eventAlerts from "./utils/notifications/alerts";
 import eventToasts from "./utils/notifications/toasts";
 import eventRead from "./utils/notifications/read";
 
+import "./components/language";
+
 dayjs.extend(advancedFormat);
 CTFd.init(window.init);
 

diff --git a/static/assets/challenges.369de531.js → static/assets/challenges.bf350543.js b/static/assets/challenges.369de531.js → static/assets/challenges.bf350543.js
diff --git a/static/assets/clipboard.0c9c5ddd.js → static/assets/clipboard.3bb95f09.js b/static/assets/clipboard.0c9c5ddd.js → static/assets/clipboard.3bb95f09.js
diff --git a/static/assets/index.2e31e3b8.js → static/assets/index.8a9f494f.js b/static/assets/index.2e31e3b8.js → static/assets/index.8a9f494f.js
diff --git a/static/assets/notifications.91eecfcb.js → static/assets/notifications.c0f2004c.js b/static/assets/notifications.91eecfcb.js → static/assets/notifications.c0f2004c.js
diff --git a/static/assets/page.3c5083de.js b/static/assets/page.3c5083de.js
diff --git a/static/assets/page.811c80a2.js b/static/assets/page.811c80a2.js
@@ -0,0 +1 @@
+import{C as o,m as d}from"./index.8a9f494f.js";window.CTFd=o;window.Alpine=d;d.start();
diff --git a/static/assets/scoreboard.b1c04d97.js → static/assets/scoreboard.899daf28.js b/static/assets/scoreboard.b1c04d97.js → static/assets/scoreboard.899daf28.js
diff --git a/static/assets/settings.64728c4b.js → static/assets/settings.ce53005a.js b/static/assets/settings.64728c4b.js → static/assets/settings.ce53005a.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		import{C as o,m as d}from"./index.8a9f494f.js";window.CTFd=o;window.Alpine=d;d.start();