finalised plugin setup

Author: Kathode-Negative

CTFd/plugins/hintpointdelay/__init__.py

@@ -1,11 +1,15 @@
 
-from flask import request
+from flask import Blueprint, render_template, request
 
 from CTFd.cache import clear_standings
+from CTFd.constants.languages import SELECT_LANGUAGE_LIST
 from CTFd.models import Hints, Unlocks, db, get_class_by_tablename
+from CTFd.plugins.LuaUtils import ConfigPanel, _LuaAsset
 from CTFd.schemas.awards import AwardSchema
 from CTFd.schemas.unlocks import UnlockSchema
+from CTFd.utils import get_config
 from CTFd.utils.decorators import (
+    admins_only,
     authed_only,
     during_ctf_time_only,
     require_verified_emails,
@@ -29,9 +33,19 @@ def __init__(self, user, hint):
         self.challenge = hint.challenge_id
 
 
+hintpoint = Blueprint(
+    "hintpointdelay",
+    __name__,
+    template_folder="templates",
+    static_folder="staticAssets",
+)
+
 def load(app):
     app.db.create_all()
-    
+
+    app.jinja_env.globals.update(hintpointassets=_LuaAsset("hintpointdelay"))
+    app.register_blueprint(hintpoint, url_prefix="/hintpointdelay")
+
     def get_modified_challenge_points(challenge):
         user = get_current_user()
         hintids = DelayedHints.query.filter(
@@ -92,6 +106,21 @@ def apply_delayed_hints(challenge):
                     clear_standings()        
 
 
+    @app.route("/admin/hintpointdelay")
+    @admins_only
+    def hintpoint_config():
+        standard = get_config("inlineTranslationStandard")
+        configs = [
+            ConfigPanel(
+                "Standard Language",
+                "Set the standard language.",
+                standard,
+                "inlineTranslationStandard",
+                SELECT_LANGUAGE_LIST,
+            )
+        ]
+        return render_template("hintconfig.html", configs=configs)
+
     @during_ctf_time_only
     @require_verified_emails
     @authed_only

CTFd/plugins/hintpointdelay/assets/js/components/language.js

@@ -0,0 +1,21 @@
+import Alpine from "alpinejs";
+import CTFd from "../index";
+
+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();
+    
+  },
+}));

CTFd/plugins/hintpointdelay/assets/js/config.js

@@ -0,0 +1,29 @@
+import $ from "jquery";
+import CTFd from "./index";
+
+$(".toggle-button").click(function() {
+    function foo (res) {
+        $("#"+res.id).html(res.data)
+        if(res.data === "enabled"){
+            $("#"+res.id).removeClass("bg-danger").addClass("bg-success")
+        }else{
+            $("#"+res.id).removeClass("bg-success").addClass("bg-danger")
+        }}
+    $.get(`/admin/inlineTranslation/config/${this.id}`,function(res){
+        foo(res)
+    })
+  });
+
+$("select").on('change',function(){
+    CTFd.fetch(`/admin/inlineTranslation/config/${this.id}`, {
+      method: "POST",
+      credentials: "same-origin",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        value: this.value
+      }),
+    })  
+});

CTFd/plugins/hintpointdelay/assets/js/index.js

@@ -0,0 +1,37 @@
+import CTFd from "@ctfdio/ctfd-js";
+
+import dayjs from "dayjs";
+import advancedFormat from "dayjs/plugin/advancedFormat";
+
+import highlight from "./theme/highlight";
+import styles from "./theme/styles";
+import times from "./theme/times";
+
+import alerts from "./utils/alerts";
+import collapse from "./utils/collapse";
+import tooltips from "./utils/tooltips";
+
+import eventAlerts from "./utils/notifications/alerts";
+import eventRead from "./utils/notifications/read";
+import eventToasts from "./utils/notifications/toasts";
+
+import "./components/language";
+
+dayjs.extend(advancedFormat);
+CTFd.init(window.init);
+
+(() => {
+  styles();
+  times();
+  highlight();
+
+  alerts();
+  tooltips();
+  collapse();
+
+  eventRead();
+  eventAlerts();
+  eventToasts();
+})();
+
+export default CTFd;

CTFd/plugins/hintpointdelay/assets/js/theme/highlight.js

@@ -0,0 +1,12 @@
+import CTFd from "../index";
+import lolight from "lolight";
+
+export default () => {
+  if (
+    // default to true if config is not defined yet
+    !CTFd.config.themeSettings.hasOwnProperty("use_builtin_code_highlighter") ||
+    CTFd.config.themeSettings.use_builtin_code_highlighter === true
+  ) {
+    lolight("pre code");
+  }
+};

CTFd/plugins/hintpointdelay/assets/js/theme/styles.js

@@ -0,0 +1,27 @@
+export default () => {
+  document.querySelectorAll(".form-control").forEach($el => {
+    $el.addEventListener("onfocus", () => {
+      $el.classList.remove("input-filled-invalid");
+      $el.classList.add("input-filled-valid");
+    });
+
+    $el.addEventListener("onblur", () => {
+      if ($el.nodeValue === "") {
+        $el.classList.remove("input-filled-valid");
+        $el.classList.remove("input-filled-invalid");
+      }
+    });
+
+    if ($el.nodeValue) {
+      $el.classList.add("input-filled-valid");
+    }
+  });
+
+  document.querySelectorAll(".page-select").forEach($el => {
+    $el.addEventListener("change", e => {
+      const url = new URL(window.location);
+      url.searchParams.set("page", e.target.value ?? "1");
+      window.location.href = url.toString();
+    });
+  });
+};

CTFd/plugins/hintpointdelay/assets/js/theme/times.js

@@ -0,0 +1,12 @@
+import dayjs from "dayjs";
+import advancedFormat from "dayjs/plugin/advancedFormat";
+
+dayjs.extend(advancedFormat);
+
+export default () => {
+  document.querySelectorAll("[data-time]").forEach($el => {
+    const time = $el.getAttribute("data-time");
+    const format = $el.getAttribute("data-time-format") || "MMMM Do, h:mm:ss A";
+    $el.innerText = dayjs(time).format(format);
+  });
+};

CTFd/plugins/hintpointdelay/assets/js/utils/alerts.js

@@ -0,0 +1,8 @@
+import { Alert } from "bootstrap";
+
+export default () => {
+  const alertList = [].slice.call(document.querySelectorAll(".alert"));
+  alertList.map(function (element) {
+    return new Alert(element);
+  });
+};

CTFd/plugins/hintpointdelay/assets/js/utils/clipboard.js

@@ -0,0 +1,15 @@
+import { Tooltip } from "bootstrap";
+
+export function copyToClipboard($input) {
+  const tooltip = new Tooltip($input, {
+    title: "Copied!",
+    trigger: "manual",
+  });
+
+  navigator.clipboard.writeText($input.value).then(() => {
+    tooltip.show();
+    setTimeout(() => {
+      tooltip.hide();
+    }, 1500);
+  });
+}

CTFd/plugins/hintpointdelay/assets/js/utils/collapse.js

@@ -0,0 +1,8 @@
+import { Collapse } from "bootstrap";
+
+export default () => {
+  const collapseList = [].slice.call(document.querySelectorAll(".collapse"));
+  collapseList.map(element => {
+    return new Collapse(element, { toggle: false });
+  });
+};