Add latest changes from gitlab-org/gitlab@15-1-stable-eev15.1.0-rc42

1 files changed, 39 insertions, 4 deletions

diff --git a/app/assets/javascripts/pipeline_editor/components/drawer/cards/pipeline_config_reference_card.vue b/app/assets/javascripts/pipeline_editor/components/drawer/cards/pipeline_config_reference_card.vue
index 04140434af2..bc9203b9c5b 100644
--- a/app/assets/javascripts/pipeline_editor/components/drawer/cards/pipeline_config_reference_card.vue
+++ b/app/assets/javascripts/pipeline_editor/components/drawer/cards/pipeline_config_reference_card.vue
@@ -1,8 +1,20 @@
 <script>
 import { GlLink, GlSprintf } from '@gitlab/ui';
 import { s__ } from '~/locale';
+import Tracking from '~/tracking';
+import {
+  CI_EXAMPLES_LINK,
+  CI_HELP_LINK,
+  CI_NEEDS_LINK,
+  CI_YAML_LINK,
+  pipelineEditorTrackingOptions,
+} from '../../../constants';
 
 export default {
+  CI_EXAMPLES_LINK,
+  CI_HELP_LINK,
+  CI_NEEDS_LINK,
+  CI_YAML_LINK,
   i18n: {
     title: s__('PipelineEditorTutorial|⚙️ Pipeline configuration reference'),
     firstParagraph: s__('PipelineEditorTutorial|Resources to help with your CI/CD configuration:'),
@@ -23,7 +35,14 @@ export default {
     GlLink,
     GlSprintf,
   },
+  mixins: [Tracking.mixin()],
   inject: ['ciExamplesHelpPagePath', 'ciHelpPagePath', 'needsHelpPagePath', 'ymlHelpPagePath'],
+  methods: {
+    trackHelpPageClick(key) {
+      const { label, actions } = pipelineEditorTrackingOptions;
+      this.track(actions.helpDrawerLinks[key], { label });
+    },
+  },
 };
 </script>
 <template>
@@ -34,7 +53,11 @@ export default {
       <li>
         <gl-sprintf :message="$options.i18n.browseExamples">
           <template #link="{ content }">
-            <gl-link :href="ciExamplesHelpPagePath" target="_blank">
+            <gl-link
+              :href="ciExamplesHelpPagePath"
+              target="_blank"
+              @click="trackHelpPageClick($options.CI_EXAMPLES_LINK)"
+            >
               {{ content }}
             </gl-link>
           </template>
@@ -43,7 +66,11 @@ export default {
       <li>
         <gl-sprintf :message="$options.i18n.viewSyntaxRef">
           <template #link="{ content }">
-            <gl-link :href="ymlHelpPagePath" target="_blank">
+            <gl-link
+              :href="ymlHelpPagePath"
+              target="_blank"
+              @click="trackHelpPageClick($options.CI_YAML_LINK)"
+            >
               {{ content }}
             </gl-link>
           </template>
@@ -52,7 +79,11 @@ export default {
       <li>
         <gl-sprintf :message="$options.i18n.learnMore">
           <template #link="{ content }">
-            <gl-link :href="ciHelpPagePath" target="_blank">
+            <gl-link
+              :href="ciHelpPagePath"
+              target="_blank"
+              @click="trackHelpPageClick($options.CI_HELP_LINK)"
+            >
               {{ content }}
             </gl-link>
           </template>
@@ -61,7 +92,11 @@ export default {
       <li>
         <gl-sprintf :message="$options.i18n.needs">
           <template #link="{ content }">
-            <gl-link :href="needsHelpPagePath" target="_blank">
+            <gl-link
+              :href="needsHelpPagePath"
+              target="_blank"
+              @click="trackHelpPageClick($options.CI_NEEDS_LINK)"
+            >
               {{ content }}
             </gl-link>
           </template>