Update LanguageForm to use AlpineJS

CTFd · Nov 26, 2024 · 6a9f7fe · 6a9f7fe
1 parent 9d5cf49
commit 6a9f7fe
Show file tree

Hide file tree

Showing 23 changed files with 71 additions and 79 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
@@ -6,7 +6,6 @@ import advancedFormat from "dayjs/plugin/advancedFormat";
 import times from "./theme/times";
 import styles from "./theme/styles";
 import highlight from "./theme/highlight";
-import languageSwitch from "./theme/languageSwitch";
 
 import alerts from "./utils/alerts";
 import tooltips from "./utils/tooltips";
@@ -16,14 +15,15 @@ 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);
 
 (() => {
   styles();
   times();
   highlight();
-  languageSwitch();
 
   alerts();
   tooltips();

diff --git a/assets/js/theme/languageSwitch.js b/assets/js/theme/languageSwitch.js
diff --git a/static/assets/challenges.c5713f4f.js → static/assets/challenges.bf350543.js b/static/assets/challenges.c5713f4f.js → static/assets/challenges.bf350543.js
diff --git a/static/assets/clipboard.592d8c3d.js → static/assets/clipboard.3bb95f09.js b/static/assets/clipboard.592d8c3d.js → static/assets/clipboard.3bb95f09.js
diff --git a/static/assets/index.bf5589e5.js → static/assets/index.8a9f494f.js b/static/assets/index.bf5589e5.js → static/assets/index.8a9f494f.js
diff --git a/static/assets/notifications.30d3b230.js → static/assets/notifications.c0f2004c.js b/static/assets/notifications.30d3b230.js → static/assets/notifications.c0f2004c.js
diff --git a/static/assets/page.165da550.js b/static/assets/page.165da550.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.f6c53eaa.js → static/assets/scoreboard.899daf28.js b/static/assets/scoreboard.f6c53eaa.js → static/assets/scoreboard.899daf28.js
diff --git a/static/assets/settings.ffc45168.js → static/assets/settings.ce53005a.js b/static/assets/settings.ffc45168.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();