Merge branch 'main_inline' into inlineTranslation

Author: Kathode-Negative

CTFd/plugins/inlineTranslation/__init__.py

@@ -19,7 +19,10 @@ def load(app):
 
     app.register_blueprint(inlineTranslation,url_prefix='/inlinetranslation')
 
-    registerTemplate('page.html','inlinepage.html')
+    registerTemplate('base.html','inlinebase.html')
+    registerTemplate('admin/base.html','admininlinebase.html')
+    registerTemplate('page.html',"inlinepage.html")
+    registerTemplate('admin/page.html',"inlinepage.html")
 
     @app.route("/admin/inlineTranslation/config/<configType>",methods=['GET'])
     @admins_only

CTFd/plugins/inlineTranslation/assets/js/inlineTranslation.js

@@ -0,0 +1,29 @@
+import $ from "jquery";
+import { langPanel } from './lang-panel';
+
+window.customElements.define("lang-panel", langPanel);
+
+//filter out lang-panels 
+(async ()=>{
+    var found = false
+
+    const lang = document.cookie
+        .split(";")
+        .find((row)=> row.startsWith("language="))
+        ?.split("=")[1];
+    console.log(lang)
+    $("lang-panel").hide();
+    const found_panels = $(`lang-panel[lang=${lang}]`);
+    console.log(found_panels);
+    if(found_panels.length > 0){
+        found_panels.show();
+        found = true;
+        
+    }
+    if(!found){
+        //enable standard language
+        $.get("/admin/inlineTranslation/standardlanguage",function(res){
+            $(`lang-panel[lang=${res.data}]`).show();
+        });
+    }
+})();

CTFd/plugins/inlineTranslation/assets/js/lang-panel.js

@@ -27,7 +27,7 @@ export class langPanel extends HTMLElement{
   }
 
   attributeChangedCallback(name, oldValue, newValue) {
-    console.log(`Attribute ${name} has changed.`);
+    console.log(`Attribute ${name} has changed from ${oldValue} to ${newValue}`);
   }
 }
 

CTFd/plugins/inlineTranslation/staticAssets/assets/index-B0cMktUh.js

@@ -3,26 +3,26 @@
     "file": "assets/echarts-l0sNRNKZ.js",
     "name": "echarts"
   },
-  "_index-B0cMktUh.js": {
-    "file": "assets/index-B0cMktUh.js",
-    "name": "index"
+  "_jquery-DBlGzj9j.js": {
+    "file": "assets/jquery-DBlGzj9j.js",
+    "name": "jquery"
   },
   "assets/js/config.js": {
-    "file": "assets/js/config-CWCHQjAi.js",
+    "file": "assets/js/config-UuSjKF7a.js",
     "name": "js/config",
     "src": "assets/js/config.js",
     "isEntry": true,
     "imports": [
-      "_index-B0cMktUh.js"
+      "_jquery-DBlGzj9j.js"
     ]
   },
-  "assets/js/page.js": {
-    "file": "assets/js/page-DQbRQ-8d.js",
-    "name": "js/page",
-    "src": "assets/js/page.js",
+  "assets/js/inlineTranslation.js": {
+    "file": "assets/js/inlineTranslation-BQ3jON7h.js",
+    "name": "js/inlineTranslation",
+    "src": "assets/js/inlineTranslation.js",
     "isEntry": true,
     "imports": [
-      "_index-B0cMktUh.js"
+      "_jquery-DBlGzj9j.js"
     ]
   }
 }