From e5d84242bbef88f3e8afce9cc4b3dce6cc1517f3 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Wed, 18 Oct 2023 02:57:32 +0200
Subject: [PATCH] [Extensions UI] Action URLs now point to the `Execute` panel.

---
 .../src/components/panels/Extensions/Doc.vue  | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/Extensions/Doc.vue b/platypush/backend/http/webapp/src/components/panels/Extensions/Doc.vue
index fc86c506e..58325d4e8 100644
--- a/platypush/backend/http/webapp/src/components/panels/Extensions/Doc.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Extensions/Doc.vue
@@ -20,8 +20,8 @@
 
         <ul>
           <li class="action" v-for="actionName in actionNames" :key="actionName">
-            <a :href="extension.actions[actionName].doc_url" target="_blank">
-              <pre>{{ extension.name }}.{{ actionName }}</pre>
+            <a :href="`/#execute?action=${extension.name}.${actionName}`">
+              {{ extension.name }}.{{ actionName }}
             </a>
           </li>
         </ul>
@@ -36,7 +36,7 @@
         <ul>
           <li class="event" v-for="eventName in eventNames" :key="eventName">
             <a :href="extension.events[eventName].doc_url" target="_blank">
-              <pre>{{ eventName }}</pre>
+              {{ eventName }}
             </a>
           </li>
         </ul>
@@ -62,6 +62,7 @@ export default {
   data() {
     return {
       doc: null,
+      localPageRegex: new RegExp('^/?#.*$'),
     }
   },
 
@@ -102,6 +103,11 @@ export default {
       if (!href)
         return true
 
+      if (href.match(this.localPageRegex)) {
+        window.location.href = href
+        return true
+      }
+
       const match = href.match(/^https:\/\/docs\.platypush\.tech\/platypush\/(plugins|backend)\/([\w.]+)\.html#?.*$/)
       if (!match) {
         event.preventDefault()
@@ -176,8 +182,15 @@ section {
       margin: 0;
 
       li {
+        width: 100%;
+        display: block;
         margin: 0.5em 0;
         list-style: none;
+
+        a {
+          width: 100%;
+          display: block;
+        }
       }
     }