diff options
Diffstat (limited to 'app/assets/javascripts/pipelines/components/pipeline_url.vue')
-rw-r--r-- | app/assets/javascripts/pipelines/components/pipeline_url.vue | 118 |
1 files changed, 0 insertions, 118 deletions
diff --git a/app/assets/javascripts/pipelines/components/pipeline_url.vue b/app/assets/javascripts/pipelines/components/pipeline_url.vue deleted file mode 100644 index 6c977b841af..00000000000 --- a/app/assets/javascripts/pipelines/components/pipeline_url.vue +++ /dev/null @@ -1,118 +0,0 @@ -<script> -import { GlLink, GlTooltipDirective } from '@gitlab/ui'; -import { escape } from 'lodash'; -import { __, sprintf } from '~/locale'; -import popover from '~/vue_shared/directives/popover'; - -const popoverTitle = sprintf( - escape( - __( - `This pipeline makes use of a predefined CI/CD configuration enabled by %{strongStart}Auto DevOps.%{strongEnd}`, - ), - ), - { strongStart: '<b>', strongEnd: '</b>' }, - false, -); - -export default { - components: { - GlLink, - }, - directives: { - GlTooltip: GlTooltipDirective, - popover, - }, - props: { - pipeline: { - type: Object, - required: true, - }, - autoDevopsHelpPath: { - type: String, - required: true, - }, - }, - computed: { - user() { - return this.pipeline.user; - }, - popoverOptions() { - return { - html: true, - trigger: 'focus', - placement: 'top', - title: `<div class="autodevops-title"> - ${popoverTitle} - </div>`, - content: `<a - class="autodevops-link" - href="${this.autoDevopsHelpPath}" - target="_blank" - rel="noopener noreferrer nofollow"> - ${escape(__('Learn more about Auto DevOps'))} - </a>`, - }; - }, - }, -}; -</script> -<template> - <div class="table-section section-10 d-none d-sm-none d-md-block pipeline-tags"> - <gl-link - :href="pipeline.path" - class="js-pipeline-url-link js-onboarding-pipeline-item" - data-qa-selector="pipeline_url_link" - > - <span class="pipeline-id">#{{ pipeline.id }}</span> - </gl-link> - <div class="label-container"> - <span - v-if="pipeline.flags.latest" - v-gl-tooltip - :title="__('Latest pipeline for the most recent commit on this branch')" - class="js-pipeline-url-latest badge badge-success" - > - {{ __('latest') }} - </span> - <span - v-if="pipeline.flags.yaml_errors" - v-gl-tooltip - :title="pipeline.yaml_errors" - class="js-pipeline-url-yaml badge badge-danger" - > - {{ __('yaml invalid') }} - </span> - <span - v-if="pipeline.flags.failure_reason" - v-gl-tooltip - :title="pipeline.failure_reason" - class="js-pipeline-url-failure badge badge-danger" - > - {{ __('error') }} - </span> - <gl-link - v-if="pipeline.flags.auto_devops" - v-popover="popoverOptions" - tabindex="0" - class="js-pipeline-url-autodevops badge badge-info autodevops-badge" - role="button" - >{{ __('Auto DevOps') }}</gl-link - > - <span v-if="pipeline.flags.stuck" class="js-pipeline-url-stuck badge badge-warning"> - {{ __('stuck') }} - </span> - <span - v-if="pipeline.flags.detached_merge_request_pipeline" - v-gl-tooltip - :title=" - __( - 'Pipelines for merge requests are configured. A detached pipeline runs in the context of the merge request, and not against the merged result. Learn more in the documentation for Pipelines for Merged Results.', - ) - " - class="js-pipeline-url-detached badge badge-info" - > - {{ __('detached') }} - </span> - </div> - </div> -</template> |