Squashed 'CTFd/themes/core-beta/' changes from 9126d77d..5ce3003b

5ce3003b Merge pull request #47 from aCursedComrade/patch-1
c9887cb1 Fix team template

git-subtree-dir: CTFd/themes/core-beta
git-subtree-split: 5ce3003b4d68352e629ee2d390bc999e7d6b071e

assets/js/settings.js

@@ -0,0 +1,100 @@
+import Alpine from "alpinejs";
+import { Modal } from "bootstrap";
+import { serializeJSON } from "@ctfdio/ctfd-js/forms";
+
+import CTFd from "./index";
+import { copyToClipboard } from "./utils/clipboard";
+
+window.Alpine = Alpine;
+
+Alpine.data("SettingsForm", () => ({
+  success: null,
+  error: null,
+  initial: null,
+  errors: [],
+
+  init() {
+    this.initial = serializeJSON(this.$el);
+  },
+
+  async updateProfile() {
+    this.success = null;
+    this.error = null;
+    this.errors = [];
+
+    let data = serializeJSON(this.$el, this.initial, true);
+
+    // Process fields[id] to fields: {}
+    data.fields = [];
+    for (const property in data) {
+      if (property.match(/fields\[\d+\]/)) {
+        let field = {};
+        let id = parseInt(property.slice(7, -1));
+        field["field_id"] = id;
+        field["value"] = data[property];
+        data.fields.push(field);
+        delete data[property];
+      }
+    }
+
+    // Send API request
+    const response = await CTFd.pages.settings.updateSettings(data);
+    if (response.success) {
+      this.success = true;
+      this.error = false;
+
+      setTimeout(() => {
+        this.success = null;
+        this.error = null;
+      }, 3000);
+    } else {
+      this.success = false;
+      this.error = true;
+
+      Object.keys(response.errors).map(error => {
+        const error_msg = response.errors[error];
+        this.errors.push(error_msg);
+      });
+    }
+  },
+}));
+
+Alpine.data("TokensForm", () => ({
+  token: null,
+
+  async generateToken() {
+    const data = serializeJSON(this.$el);
+
+    if (!data.expiration) {
+      delete data.expiration;
+    }
+    const response = await CTFd.pages.settings.generateToken(data);
+    this.token = response.data.value;
+
+    new Modal(this.$refs.tokenModal).show();
+  },
+
+  copyToken() {
+    copyToClipboard(this.$refs.token);
+  },
+}));
+
+Alpine.data("Tokens", () => ({
+  selectedTokenId: null,
+
+  async deleteTokenModal(tokenId) {
+    this.selectedTokenId = tokenId;
+    new Modal(this.$refs.confirmModal).show();
+  },
+
+  async deleteSelectedToken() {
+    await CTFd.pages.settings.deleteToken(this.selectedTokenId);
+    const $token = this.$refs[`token-${this.selectedTokenId}`];
+
+    if ($token) {
+      $token.remove();
+    }
+  },
+}));
+
+Alpine.start();