summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue')
-rw-r--r--app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue136
1 files changed, 0 insertions, 136 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue b/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue
deleted file mode 100644
index f6bfb178437..00000000000
--- a/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_pipeline_tour.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<script>
-import { GlPopover, GlDeprecatedButton } from '@gitlab/ui';
-import Icon from '~/vue_shared/components/icon.vue';
-import Cookies from 'js-cookie';
-import { parseBoolean } from '~/lib/utils/common_utils';
-import Tracking from '~/tracking';
-
-const trackingMixin = Tracking.mixin();
-
-const cookieKey = 'suggest_pipeline_dismissed';
-
-export default {
- name: 'MRWidgetPipelineTour',
- dismissTrackValue: 20,
- showTrackValue: 10,
- trackEvent: 'click_button',
- components: {
- GlPopover,
- GlDeprecatedButton,
- Icon,
- },
- mixins: [trackingMixin],
- props: {
- pipelinePath: {
- type: String,
- required: true,
- },
- pipelineSvgPath: {
- type: String,
- required: true,
- },
- humanAccess: {
- type: String,
- required: true,
- },
- popoverTarget: {
- type: String,
- required: true,
- },
- popoverContainer: {
- type: String,
- required: true,
- },
- trackLabel: {
- type: String,
- required: true,
- },
- },
- data() {
- return {
- popoverDismissed: parseBoolean(Cookies.get(cookieKey)),
- tracking: {
- label: this.trackLabel,
- property: this.humanAccess,
- },
- };
- },
- mounted() {
- this.trackOnShow();
- },
- methods: {
- trackOnShow() {
- if (!this.popoverDismissed) {
- this.track();
- }
- },
- dismissPopover() {
- this.popoverDismissed = true;
- Cookies.set(cookieKey, this.popoverDismissed, { expires: 365 });
- },
- },
-};
-</script>
-<template>
- <gl-popover
- v-if="!popoverDismissed"
- show
- :target="popoverTarget"
- :container="popoverContainer"
- placement="rightbottom"
- >
- <template #title>
- <button
- class="btn-blank float-right mt-1"
- type="button"
- :aria-label="__('Close')"
- :data-track-property="humanAccess"
- :data-track-value="$options.dismissTrackValue"
- :data-track-event="$options.trackEvent"
- :data-track-label="trackLabel"
- @click="dismissPopover"
- >
- <icon name="close" aria-hidden="true" />
- </button>
- {{ s__('mrWidget|Are you adding technical debt or code vulnerabilities?') }}
- </template>
- <div class="svg-content svg-150 pt-1">
- <img :src="pipelineSvgPath" />
- </div>
- <p>
- {{
- s__(
- 'mrWidget|Detect issues before deployment with a CI pipeline that continuously tests your code. We created a quick guide that will show you how to create one. Make your code more secure and more robust in just a minute.',
- )
- }}
- </p>
- <gl-deprecated-button
- ref="ok"
- category="primary"
- class="mt-2 mb-0"
- variant="info"
- block
- :href="pipelinePath"
- :data-track-property="humanAccess"
- :data-track-value="$options.showTrackValue"
- :data-track-event="$options.trackEvent"
- :data-track-label="trackLabel"
- >
- {{ __('Show me how') }}
- </gl-deprecated-button>
- <gl-deprecated-button
- ref="no-thanks"
- category="secondary"
- class="mt-2 mb-0"
- variant="info"
- block
- :data-track-property="humanAccess"
- :data-track-value="$options.dismissTrackValue"
- :data-track-event="$options.trackEvent"
- :data-track-label="trackLabel"
- @click="dismissPopover"
- >
- {{ __("No thanks, don't show this again") }}
- </gl-deprecated-button>
- </gl-popover>
-</template>