update plugins to fit new template logic

bunkerity · Mar 14, 2024 · aa3e30e · aa3e30e
1 parent e0b5cfb
commit aa3e30e
Show file tree

Hide file tree

Showing 14 changed files with 113 additions and 148 deletions.
diff --git a/clamav/ui/actions.py b/clamav/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def clamav(**kwargs):
     ping = {"ping_status": "unknown"}
 

diff --git a/clamav/ui/template.html b/clamav/ui/template.html
diff --git a/coraza/ui/actions.py b/coraza/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def coraza(**kwargs):
     ping = {"ping_status": "unknown"}
 

diff --git a/coraza/ui/template.html b/coraza/ui/template.html
diff --git a/crowdsec/ui/actions.py b/crowdsec/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def crowdsec(**kwargs):
     ping = {"ping_status": "unknown"}
 

diff --git a/crowdsec/ui/template.html b/crowdsec/ui/template.html
@@ -13,7 +13,7 @@ <h5 class="core-card-title">INFO</h5>
         class="core-img-default"
         src=" data:image/png;base64,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"
       />
-      <p data-info class="core-card-text">{{ plugin['description'] or ''}}</p>
+      <p data-info class="core-card-text">{{ plugin.get('description') }}</p>
     </div>
   </div>
   <!-- end info -->
@@ -44,27 +44,18 @@ <h5 class="core-card-title">TEST</h5>
 
   <!-- end test -->
   <script nonce="{{script_nonce}}">
-    // Use SetupPlugin class that is on static/js/plugins/setup.js
-    const setPlugin = new SetupPlugin({
-      info: {
-        el: document.querySelector("[data-info]"),
-        value: "{{ plugin['description'] or ''}}",
-        type: "text",
-      },
-      // value : active / inactive / unknown
-      ping_status: {
-        el: document.querySelector("[data-status-svg]"),
-        value: "unknown",
-        type: "status",
-        textEl: document.querySelector("[data-status-text]"),
-      },
-    });
-
     // When click to ping button
-    window.addEventListener("click", (e) => {
-      if (e.target.hasAttribute("data-ping")) {
-        window.location.href = `${location.origin}${location.pathname}?ping=true`;
-      }
+    const pingBtn = document.querySelector("[data-ping]");
+    const statusSvg = document.querySelector("[data-status-svg]");
+    const statusText = document.querySelector("[data-status-text]");
+
+    pingBtn.addEventListener("click", (e) => {
+      new Ping(
+        `${location.origin}${location.pathname}?ping=true`,
+        statusText,
+        statusSvg,
+        "ping_status",
+      );
     });
   </script>
   {% else %}

diff --git a/discord/ui/actions.py b/discord/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def discord(**kwargs):
     ping = {"ping_status": "unknown"}
 

diff --git a/discord/ui/template.html b/discord/ui/template.html
diff --git a/slack/ui/actions.py b/slack/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def slack(**kwargs):
     ping = {"ping_status": "unknown"}
 

diff --git a/slack/ui/template.html b/slack/ui/template.html
@@ -13,7 +13,7 @@ <h5 class="core-card-title">INFO</h5>
         class="core-img-default"
         src="data:image/png;base64,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"
       />
-      <p data-info class="core-card-text">{{ plugin['description'] or ''}}</p>
+      <p data-info class="core-card-text">{{ plugin.get('description') }}</p>
     </div>
   </div>
   <!-- end info -->
@@ -49,27 +49,18 @@ <h5 class="core-card-title">TEST</h5>
 
   <!-- end test -->
   <script nonce="{{script_nonce}}">
-    // Use SetupPlugin class that is on static/js/plugins/setup.js
-    const setPlugin = new SetupPlugin({
-      info: {
-        el: document.querySelector("[data-info]"),
-        value: "{{ plugin['description'] or ''}}",
-        type: "text",
-      },
-      // value : active / inactive / unknown
-      ping_status: {
-        el: document.querySelector("[data-status-svg]"),
-        value: "unknown",
-        type: "status",
-        textEl: document.querySelector("[data-status-text]"),
-      },
-    });
-
     // When click to ping button
-    window.addEventListener("click", (e) => {
-      if (e.target.hasAttribute("data-ping")) {
-        window.location.href = `${location.origin}${location.pathname}?ping=true`;
-      }
+    const pingBtn = document.querySelector("[data-ping]");
+    const statusSvg = document.querySelector("[data-status-svg]");
+    const statusText = document.querySelector("[data-status-text]");
+
+    pingBtn.addEventListener("click", (e) => {
+      new Ping(
+        `${location.origin}${location.pathname}?ping=true`,
+        statusText,
+        statusSvg,
+        "ping_status",
+      );
     });
   </script>
   {% else %}

diff --git a/virustotal/ui/actions.py b/virustotal/ui/actions.py
@@ -1,3 +1,7 @@
+def pre_render(**kwargs):
+    pass
+
+
 def virustotal(**kwargs):
     ping = {"ping_status": "unknown"}