working on directly updated challenge points

Author: Kathode-Negative

CTFd/plugins/hintpointdelay/__init__.py

@@ -4,17 +4,12 @@
 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 Awards, Challenges, Hints, Unlocks, db, get_class_by_tablename
+from CTFd.models import Challenges, Hints, db, get_class_by_tablename
 from CTFd.plugins.LuaUtils import ConfigPanel, _LuaAsset, run_after_route
 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,
 )
 from CTFd.utils.logging import log
 from CTFd.utils.plugins import override_template
@@ -149,7 +144,7 @@ def hintpoint_config():
         return render_template("hintconfig.html", configs=configs)
 
     @app.route("/api/hintpoint/challengevalue/<challenge_id>",methods=['GET'])
-    def getValues(challenge_id):
+    def get_hint_Values(challenge_id):
         try:
             challenge = Challenges.query.filter(
                     Challenges.id == challenge_id
@@ -206,6 +201,7 @@ def modify_award(res):
             db.session.commit()
             clear_standings()
 
+
     run_after_route(app,'api.unlocks_unlock_list',modify_award)
 
     def modify_challenge_correct(res):

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

@@ -1,7 +1,7 @@
 import $ from "jquery";
 import CTFd from "./index";
 
-$(".toggle-button").click(function() {
+$(".toggle-button").on('click',function() {
     function foo (res) {
         $("#"+res.id).html(res.data)
         if(res.data === "enabled"){

CTFd/plugins/hintpointdelay/assets/js/hintpoint.js

@@ -2,13 +2,14 @@ import $ from "jquery";
 
 window.Alpine.data("Hintpoints",()=>({                    
 
-    challengevalue: '---',
+    idx: 0,
+    challengevalue: '',
     async hintpointvalue(id){
         const url = `/api/hintpoint/challengevalue/${id}`;
-        const res = await $.get(url)
-        this.challengevalue = res.data
-        }
-
+        const res = await $.get(url);
+        this.challengevalue = res.data;
+        idx = id;
+    }
 }))
 
 window.Alpine.start()

…taticAssets/assets/js/config-DY9reIum.js …taticAssets/assets/js/config-iNCtBTcr.jsCTFd/plugins/hintpointdelay/staticAssets/assets/js/config-DY9reIum.js renamed to CTFd/plugins/hintpointdelay/staticAssets/assets/js/config-iNCtBTcr.js CTFd/plugins/hintpointdelay/staticAssets/assets/js/config-DY9reIum.js renamed to CTFd/plugins/hintpointdelay/staticAssets/assets/js/config-iNCtBTcr.js

@@ -8,7 +8,7 @@
     "name": "jquery"
   },
   "assets/js/config.js": {
-    "file": "assets/js/config-DY9reIum.js",
+    "file": "assets/js/config-iNCtBTcr.js",
     "name": "js/config",
     "src": "assets/js/config.js",
     "isEntry": true,
@@ -17,7 +17,7 @@
     ]
   },
   "assets/js/hintpoint.js": {
-    "file": "assets/js/hintpoint-BqN4BGW8.js",
+    "file": "assets/js/hintpoint-Bq66IX_i.js",
     "name": "js/hintpoint",
     "src": "assets/js/hintpoint.js",
     "isEntry": true,

CTFd/plugins/hintpointdelay/staticAssets/assets/js/hintpoint-Bq66IX_i.js

@@ -47,18 +47,17 @@
       </div>
 
       <div>
-        <div class="tab-content">
+        <div class="tab-content" x-data="Hintpoints" x-init="hintpointvalue(id)">
           <div role="tabpanel" class="tab-pane fade show active" id="challenge">
             <h2 class="challenge-name text-center pt-3">
               {{ challenge.name }}
             </h2>
-            <h3 class="challenge-value text-center">
-              {{ hintpointvalue(challenge.id,challenge.value) }}
+            <h3 class="challenge-value text-center" x-text="challengevalue">
             </h3>
 
 
             {% if tags %}
-              <div class="challenge-tags text-center pt-2 pb-3">
+              <div class="challenge-tags text-center pts-2 pb-3">
                 {% block tags %}
                   {% for tag in tags %}
                     <span class="challenge-tag badge bg-info">{{ tag }}</span>
@@ -116,7 +115,7 @@ <h3 class="challenge-value text-center">
                       <div>{{ hint.html | safe }}</div>
                     </details>
                     {% else %}
-                    <details @toggle="showHint(event)">
+                    <details @toggle="await showHint(event); hintpointvalue({{challenge.id}});>
                       {% if hint.title %}
                       <summary>{{ hint.title }} (Cost: {{ hint.cost }} point{{ hint.cost|pluralize }})</summary>
                       {% else %}

CTFd/plugins/hintpointdelay/staticAssets/assets/js/hintpoint-BqN4BGW8.js

@@ -44,7 +44,10 @@ <h3 x-text="category"></h3>
             <div class="category-challenges d-flex flex-column">
               <div class="challenges-row row">
                 <template x-for="(c, idx) in getChallenges(category)" :key="c.id">
-                  <div class="col-sm-6 col-md-4 col-lg-3 my-3">
+                  <div class="col-sm-6 col-md-4 col-lg-3 my-3" 
+                      x-ref="challenges"
+                      x-data="Hintpoints"
+                      x-init="hintpointvalue(c.id)">
                     <button
                         class="challenge-button btn btn-dark w-100 h-100"
                         :class="[
@@ -55,8 +58,6 @@ <h3 x-text="category"></h3>
                     >
 
                       <div class="challenge-inner my-3"
-                      x-data="Hintpoints"
-                      x-init="hintpointvalue(c.id)"
                       >
                         <p x-text="c.name"></p>
                         <span x-text="challengevalue"></span>