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]>

Author: erdnaxe

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();
+  },
+}));

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);
 

static/assets/challenges.369de531.js renamed to static/assets/challenges.bf350543.js

@@ -0,0 +1 @@
+import{C as o,m as d}from"./index.8a9f494f.js";window.CTFd=o;window.Alpine=d;d.start();