From c2dbdf40def6d0b793aa9622fd05ec89dc3ec8e7 Mon Sep 17 00:00:00 2001
From: Mikhail-iontsev <mikhail_iontsev@icloud.com>
Date: Tue, 22 Oct 2024 12:28:13 +0400
Subject: [PATCH] refactor: replace help links with the github pages instance

---
 .../charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue      | 3 ++-
 .../charts/ageAtFirstExposure/AgeAtFirstExposure.vue        | 3 ++-
 .../charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue    | 6 +++---
 .../NetworkConceptReport/charts/daysSupply/DaysSupply.vue   | 3 ++-
 .../MeasurementValueDistributionChart.vue                   | 3 ++-
 .../charts/quantityDistribution/QuantityDistribution.vue    | 3 ++-
 .../charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue      | 3 ++-
 .../charts/AgeAtFirstExposure/AgeAtFirstExposure.vue        | 3 ++-
 .../charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue    | 3 ++-
 .../release/ConceptReport/charts/DaysSupply/DaysSupply.vue  | 3 ++-
 .../MeasurementValueDistribution.vue                        | 3 ++-
 .../charts/QuantityDistribution/QuantityDistribution.vue    | 3 ++-
 src/shared/config/links.ts                                  | 5 +++++
 src/widgets/bottomNav/ui/BottomNav.vue                      | 4 +++-
 14 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index c589728f..d2f66c02 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -146,7 +146,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
               to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -181,6 +181,7 @@ import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 const store = useStore();
 const route = useRoute();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
index e2a7c016..ac2e3050 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue
@@ -143,7 +143,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
               to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -178,6 +178,7 @@ import DataTable from "primevue/datatable";
 import Panel from "primevue/panel";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 interface Props {
   data: [];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
index 7db4e6bc..739cd0ab 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -141,9 +141,8 @@
       <div class="flex flex-row gap-2">
         <ChartActionIcon
           :icon="mdiHelpCircle"
-          tooltip="Learn how
-              to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          tooltip="Learn how to interpret this plot."
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -179,6 +178,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
index 0c2a4deb..58702149 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/daysSupply/DaysSupply.vue
@@ -138,7 +138,7 @@
         <ChartActionIcon
           :icon="mdiHelpCircle"
           tooltip="Learn how to interpret this plot"
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -174,6 +174,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 interface Props {
   data: DistributionType[];
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
index 3ca78af3..5e4e3cf1 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue
@@ -178,7 +178,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
               to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -214,6 +214,7 @@ import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const router = useRouter();
diff --git a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
index 2e4973b3..fd54e4d7 100644
--- a/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue
@@ -139,7 +139,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
               to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -174,6 +174,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import DataTable from "primevue/datatable";
 import Column from "primevue/column";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
index 1c025543..d9e2b9fd 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstDiagnosis/AgeAtFirstDiagnosis.vue
@@ -89,7 +89,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
                   to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -124,6 +124,7 @@ import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
index df9c5d5e..76bd4b9b 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstExposure/AgeAtFirstExposure.vue
@@ -84,7 +84,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
                   to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -119,6 +119,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import { computed, ref } from "vue";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
index dfe3bb6f..f8cacd88 100644
--- a/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
+++ b/src/pages/reports/release/ConceptReport/charts/AgeAtFirstOccurrence/AgeAtFirstOccurrence.vue
@@ -84,7 +84,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
                   to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -119,6 +119,7 @@ import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import { computed, ref } from "vue";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
index 2620c5ce..ba217b42 100644
--- a/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
+++ b/src/pages/reports/release/ConceptReport/charts/DaysSupply/DaysSupply.vue
@@ -80,7 +80,7 @@
         <ChartActionIcon
           :icon="mdiHelpCircle"
           tooltip="Learn how to interpret this plot"
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -115,6 +115,7 @@ import { mdiCodeBraces, mdiHelpCircle } from "@mdi/js";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
index b8fdb862..1e802dc6 100644
--- a/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue
@@ -176,7 +176,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
                   to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -212,6 +212,7 @@ import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import MultiSelect from "primevue/multiselect";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const selectedMeasurementUnits: Ref<string[]> = ref([]);
 
diff --git a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
index 22149fed..560beba2 100644
--- a/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
+++ b/src/pages/reports/release/ConceptReport/charts/QuantityDistribution/QuantityDistribution.vue
@@ -80,7 +80,7 @@
           :icon="mdiHelpCircle"
           tooltip="Learn how
                   to interpret this plot."
-          @iconClicked="router.push({ name: 'help' })"
+          @iconClicked="openNewTab(links.getAresDocsLink())"
         />
         <ChartActionIcon
           v-if="store.getters.getQueryIndex"
@@ -114,6 +114,7 @@ import ChartHeader from "@/widgets/chart/ui/ChartHeader.vue";
 import Column from "primevue/column";
 import DataTable from "primevue/datatable";
 import { computed, ref } from "vue";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
 
 const store = useStore();
 const route = useRoute();
diff --git a/src/shared/config/links.ts b/src/shared/config/links.ts
index 8624f6e3..4921b27f 100644
--- a/src/shared/config/links.ts
+++ b/src/shared/config/links.ts
@@ -22,6 +22,10 @@ const getNewIssueLink = function (title = "", body = "") {
   return `https://github.com/OHDSI/Ares/issues/new?assignees=&labels=&projects=&template=bug_report.md&title=${title}&body=${body}`;
 };
 
+const getAresDocsLink = function (): string {
+  return `https://ohdsi.github.io/Ares/`;
+};
+
 export const links = {
   getSqlQueryLink,
   getDocsLink,
@@ -30,4 +34,5 @@ export const links = {
   getDatavizDatasheetLink,
   getDataQualityDashboardLink,
   getNewIssueLink,
+  getAresDocsLink,
 };
diff --git a/src/widgets/bottomNav/ui/BottomNav.vue b/src/widgets/bottomNav/ui/BottomNav.vue
index 5a065e96..fa82ee92 100644
--- a/src/widgets/bottomNav/ui/BottomNav.vue
+++ b/src/widgets/bottomNav/ui/BottomNav.vue
@@ -13,7 +13,7 @@
         </Button>
         <Button
           severity="secondary"
-          @click="redirectTo('/help')"
+          @click="openNewTab(links.getAresDocsLink())"
           icon="pi pi-check"
           text
         >
@@ -65,6 +65,8 @@ import environment from "@/shared/api/environment";
 import SvgIcon from "@jamescoyle/vue-icon";
 import { mdiCog, mdiDatabase, mdiHelpCircleOutline, mdiServer } from "@mdi/js";
 import { useRouter } from "vue-router";
+import { openNewTab } from "@/shared/lib/mixins/methods/openNewTab";
+import { links } from "@/shared/config/links";
 
 const webApiEnabled = environment.WEB_API_ENABLED;