move webview link metric into injection

metricq · Mar 19, 2024 · 51b4ebc · 51b4ebc
1 parent cc98c2f
commit 51b4ebc
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 6 deletions.
diff --git a/components/MetricActions.vue b/components/MetricActions.vue
@@ -76,7 +76,7 @@
         size="sm"
         variant="outline-info"
         title="Open in WebView"
-        :href="$config.metricq.webviewURL + '#.now-1h*now*' + metric.id"
+        :href="webviewLink()"
         target="_blank"
       >
         <b-icon-graph-up />
@@ -244,6 +244,9 @@ export default {
         }
       }
     },
+    webviewLink() {
+      return this.$webview.link([this.metric.id])
+    },
   },
 }
 </script>

diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -47,7 +47,7 @@
         >
           Cluster Health
         </b-nav-item>
-        <b-nav-item :href="$config.metricq.webviewURL" target="_blank">
+        <b-nav-item :href="$webview.link()" target="_blank">
           Webview<sup><b-icon-box-arrow-up-right scale="0.6" /></sup>
         </b-nav-item>
       </b-navbar-nav>

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -38,6 +38,7 @@ export default {
     '@/plugins/async-computed',
     '@/plugins/chartkick',
     '@/plugins/sleep',
+    '@/plugins/webview',
   ],
   /*
    ** Nuxt.js dev-modules

diff --git a/pages/metric/configure.vue b/pages/metric/configure.vue
@@ -586,13 +586,10 @@ export default {
       }
     },
     webviewLink() {
-      return (
-        this.$config.metricq.webviewURL +
-        '#.now-1h*now*' +
+      return this.$webview.link(
         this.selected
           .filter((metric) => metric.historic === true)
           .map((metric) => metric.id)
-          .join('*')
       )
     },
   },

diff --git a/plugins/webview.js b/plugins/webview.js
@@ -0,0 +1,13 @@
+export default ({ app }, inject) => {
+  inject('webview', {
+    link(metrics) {
+      if (metrics === undefined || metrics.lenght === 0) {
+        return app.$config.metricq.webviewURL
+      }
+
+      return (
+        app.$config.metricq.webviewURL + '#.now-1h*now*' + metrics.join('*')
+      )
+    },
+  })
+}