Adds LEGACY_CHARTS configuration to display a link into the past

src/MetricQWebView.js

@@ -7,6 +7,7 @@ import * as Error from '@/errors'
 
 export function createGlobalMetricQWebview (paramParentEle, paramMetricNamesArr, paramStartTime, paramStopTime, store, metricqBackendConfig) {
   window.MetricQWebView = new MetricQWebView(paramParentEle, paramMetricNamesArr, paramStartTime, paramStopTime, store, metricqBackendConfig)
+  store.commit('setLegacyLink', metricqBackendConfig.legacyCharts)
   store.commit('setIsWebviewLoaded', true)
 }
 

src/configuration.js

@@ -4,12 +4,14 @@ import jquery from 'jquery'
 
 const METRICQ_BACKEND = process.env.VUE_APP_METRICQ_BACKEND
 const [METRICQ_BACKEND_USER, METRICQ_BACKEND_PASSWORD] = process.env.VUE_APP_METRICQ_BACKEND_AUTH === undefined ? [undefined, undefined] : process.env.VUE_APP_METRICQ_BACKEND_AUTH.split(':')
+const LEGACY_CHARTS = process.env.VUE_APP_LEGACY_CHARTS
 
 class MetricQBackendConfig {
   constructor () {
     this.backend = METRICQ_BACKEND
     this.user = METRICQ_BACKEND_USER
     this.password = METRICQ_BACKEND_PASSWORD
+    this.legacyCharts = LEGACY_CHARTS
   }
 }
 
@@ -24,6 +26,7 @@ export async function getMetricQBackendConfig () {
     config.backend = json.backend
     config.user = json.user
     config.password = json.password
+    config.legacyCharts = json.legacyCharts
   } catch (exc) {
     console.log('Could not load backend config.')
     console.log(exc)

src/store/index.js

@@ -28,7 +28,8 @@ export default new Vuex.Store({
       raw: 0
     },
     toastConfiguration: new ToastConfig(),
-    isWebviewLoaded: false
+    isWebviewLoaded: false,
+    legacyLink: undefined
   },
   mutations: {
     setStartTime (state, time) {
@@ -75,9 +76,17 @@ export default new Vuex.Store({
     },
     setIsWebviewLoaded (state, newValue) {
       state.isWebviewLoaded = newValue
+    },
+    setLegacyLink (state, newValue) {
+      state.legacyLink = newValue
     }
   },
   actions: {},
+  getters: {
+    getLegacyLink: (state) => () => {
+      return state.legacyLink
+    }
+  },
   modules: {
     metrics
   },

src/ui/export-popup.vue

@@ -80,6 +80,7 @@
           </div>
         </div>
         <div class="modal-footer">
+          <legacy-link-button class="text-align-left" />
           <button
             class="btn btn-primary"
             :disabled="!analyzeTableReady && selectedFileformat === 'pdf' && exportAnalyze"
@@ -133,9 +134,10 @@ import { veil } from './veil.js'
 import PopupHeader from './popup-header.vue'
 import { mapState } from 'vuex'
 import AnalyzeTable from '.././components/analyzeTable.vue'
+import LegacyLinkButton from './legacy-link-button.vue'
 
 export default {
-  components: { PopupHeader, AnalyzeTable },
+  components: { PopupHeader, AnalyzeTable, LegacyLinkButton },
   props: {},
   data () {
     return {

src/ui/legacy-link-button.vue

@@ -0,0 +1,44 @@
+<template>
+  <a
+    v-if="hasLegacyLink"
+    :href="legacyLink"
+    class="btn btn-primary"
+  >
+    <span>
+      <b-icon-graph-down />
+      <span class="m-1">In Legacy Charts öffnen</span>
+    </span>
+  </a>
+</template>
+
+<script>
+
+import JSURL from 'jsurl'
+
+export default {
+  computed: {
+    hasLegacyLink () {
+      return this.$store.getters.getLegacyLink() !== undefined
+    },
+    legacyLink () {
+      const startTime = window.MetricQWebView.handler.startTime.getValue()
+      const endTime = window.MetricQWebView.handler.stopTime.getValue()
+
+      const target = {
+        cntr: [],
+        start: startTime,
+        stop: endTime
+      }
+
+      for (const metricKey of this.$store.getters['metrics/getAllKeys']()) {
+        target.cntr.push(metricKey)
+      }
+
+      return this.$store.getters.getLegacyLink() + '#' + JSURL.stringify(target)
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>