Add error tracking code for fetches

components/mainPage/visualisations/TargetsTree/TargetsSunburst.vue

@@ -30,6 +30,7 @@ import ESProxyService from '~/web-components-submodule/services/ESProxyService.j
 import Sunburst from '~/web-components-submodule/components/common/Visualisations/Sunburst/Sunburst.vue'
 import TargetClassificationBreadcrumbs from '~/web-components-submodule/components/common/Visualisations/TargetsHierarchy/TargetClassificationBreadcrumbs.vue'
 import TargetsHierarchy from '~/web-components-submodule/utils/TargetsHierarchy.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -66,6 +67,8 @@ export default {
           this.loading = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/chemical_probe/ChemicalProbeReportCard.vue

@@ -15,6 +15,7 @@ import EntityNames from '~/web-components-submodule/standardisation/EntityNames.
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ObjectPropertyAccess from '~/web-components-submodule/utils/ObjectPropertyAccess.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -81,6 +82,8 @@ export default {
         this.$store.dispatch(`${this.storeModuleName}/setStructureReady`, true)
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           this.$store.dispatch,

components/report_cards/chemical_probe/CompoundCrystalStructures.vue

@@ -32,6 +32,7 @@ import ESProxyService from '~/web-components-submodule/services/ESProxyService.j
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ObjectPropertyAccess from '~/web-components-submodule/utils/ObjectPropertyAccess.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {},
@@ -77,6 +78,8 @@ export default {
           this.loading = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/shared/CrystalStructures/PDBeRepresentativeStructure.vue

@@ -55,6 +55,7 @@
 import axios from 'axios'
 import RequestNotifications from '@/web-components-submodule/utils/RequestNotifications.js'
 import Molstar from '~/web-components-submodule/components/externalTools/PDBe/Molstar.vue'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -105,6 +106,8 @@ export default {
           this.loading = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/shared/CrystalStructures/PDBeVisualisations.vue

@@ -57,6 +57,7 @@
 import axios from 'axios'
 import RequestNotifications from '@/web-components-submodule/utils/RequestNotifications.js'
 import Molstar from '~/web-components-submodule/components/externalTools/PDBe/Molstar.vue'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -102,6 +103,8 @@ export default {
           this.loading = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/shared/SingleItemProperties/PropertiesValuesInColumns.vue

@@ -35,6 +35,7 @@
 <script>
 import RequestNotifications from '@/web-components-submodule/utils/RequestNotifications.js'
 import ItemPropertiesLoader from '~/web-components-submodule/utils/ItemPropertiesLoader.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   props: {
@@ -92,6 +93,8 @@ export default {
           this.dataLoaded = true
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/target/ActivityCharts/ActivityCharts.vue

@@ -16,6 +16,7 @@ import EntityNames from '~/web-components-submodule/standardisation/EntityNames.
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import ActivityTable from '~/components/report_cards/target/ActivityCharts/ActivityTable.vue'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -44,6 +45,8 @@ export default {
         this.loadingInitialParams = false
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           this.$store.dispatch,

components/report_cards/target/ProbesAndChemogenomicCompounds.vue

@@ -16,6 +16,7 @@ import EntityNames from '~/web-components-submodule/standardisation/EntityNames.
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import ProbesAndChemogenomicCompoundsTable from '~/components/report_cards/target/ProbesAndChemogenomicCompounds/ProbesAndChemogenomicCompoundsTable.vue'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -44,6 +45,8 @@ export default {
         this.loadingInitialParams = false
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           this.$store.dispatch,

components/report_cards/target/TargetCrystalStructures.vue

@@ -39,6 +39,7 @@ import ESProxyService from '~/web-components-submodule/services/ESProxyService.j
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ObjectPropertyAccess from '~/web-components-submodule/utils/ObjectPropertyAccess.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   props: {
@@ -93,6 +94,8 @@ export default {
           this.loading = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

components/report_cards/target/TargetReportCard.vue

@@ -15,6 +15,7 @@ import EntityNames from '~/web-components-submodule/standardisation/EntityNames.
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import ObjectPropertyAccess from '~/web-components-submodule/utils/ObjectPropertyAccess.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -64,6 +65,8 @@ export default {
         this.$store.dispatch(`${this.storeModuleName}/setStructureReady`, true)
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           this.$store.dispatch,

components/search_results/free_text/FreeTextResults.vue

@@ -40,6 +40,7 @@ import RequestNotifications from '@/web-components-submodule/utils/RequestNotifi
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
 import EntitySearchResults from '~/components/search_results/free_text/EntitySearchResults.vue'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   components: {
@@ -99,6 +100,8 @@ export default {
           this.searching = false
         })
         .catch((error) => {
+          ErrorTracking.trackError(error, this)
+
           RequestNotifications.dispatchRequestErrorNotification(
             error,
             this.$store.dispatch,

nuxt.config.js

@@ -88,7 +88,7 @@ export default {
 
   'google-gtag': {
     id: process.env.GOOGLE_ANALYTICS_ID, // required
-    debug: false,
+    debug: true,
   },
 
   // Axios module configuration: https://go.nuxtjs.dev/config-axios

pages/privacy_notice.vue

@@ -23,6 +23,7 @@
 <script>
 import RequestNotifications from '@/web-components-submodule/utils/RequestNotifications.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export default {
   data() {
@@ -77,6 +78,8 @@ export default {
         this.loading = false
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           this.$store.dispatch,

store/probe/probeSummary.js

@@ -2,6 +2,7 @@ import RequestNotifications from '@/web-components-submodule/utils/RequestNotifi
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export const state = () => ({
   probeSummaryData: {},
@@ -39,6 +40,8 @@ export const actions = {
         commit('SET_DATA_LOADED', true)
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           dispatch,

store/target/nameAndClassification.js

@@ -2,6 +2,7 @@ import RequestNotifications from '@/web-components-submodule/utils/RequestNotifi
 import IndexNames from '~/web-components-submodule/standardisation/IndexNames.js'
 import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
 import ESProxyService from '~/web-components-submodule/services/ESProxyService.js'
+import ErrorTracking from '~/web-components-submodule/tracking/ErrorTracking.js'
 
 export const state = () => ({
   nameAndClassificationData: {},
@@ -36,6 +37,8 @@ export const actions = {
         commit('SET_DATA_LOADED', true)
       })
       .catch((error) => {
+        ErrorTracking.trackError(error, this)
+
         RequestNotifications.dispatchRequestErrorNotification(
           error,
           dispatch,

web-components-submodule @ 7ac98cc8

-Subproject commit fe1432cf53af2b56b811117c599fbb2ba5431982
+Subproject commit 7ac98cc8b98785625f355ad585f194063cce4828