refactor: replace help links with the github pages instance

OHDSI · Oct 22, 2024 · c2dbdf4 · c2dbdf4
1 parent 62c5641
commit c2dbdf4
Show file tree

Hide file tree

Showing 14 changed files with 33 additions and 15 deletions.
diff --git a/...s/reports/network/NetworkConceptReport/charts/ageAtFirstDiagnosis/AgeAtFirstDiagnosis.vue b/...s/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/...ges/reports/network/NetworkConceptReport/charts/ageAtFirstExposure/AgeAtFirstExposure.vue b/...ges/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/...reports/network/NetworkConceptReport/charts/ageAtFirstOccurrence/AgeAtFirstOccurrence.vue b/...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
@@ -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/...ceptReport/charts/measurementValueDistributionChart/MeasurementValueDistributionChart.vue b/...ceptReport/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/...reports/network/NetworkConceptReport/charts/quantityDistribution/QuantityDistribution.vue b/...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
@@ -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
@@ -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
@@ -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
@@ -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/...elease/ConceptReport/charts/MeasurementValueDistribution/MeasurementValueDistribution.vue b/...elease/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
@@ -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
@@ -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
@@ -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;