summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/packages_and_registries/container_registry/explorer/components/details_page/partial_cleanup_alert.vue
blob: 12095655126abc088ec67a7c41d1837e87e56a4d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script>
import { GlSprintf, GlAlert, GlLink } from '@gitlab/ui';

import { DELETE_ALERT_TITLE, DELETE_ALERT_LINK_TEXT } from '../../constants/index';

export default {
  components: {
    GlSprintf,
    GlAlert,
    GlLink,
  },
  props: {
    runCleanupPoliciesHelpPagePath: { type: String, required: false, default: '' },
    cleanupPoliciesHelpPagePath: { type: String, required: false, default: '' },
  },
  i18n: {
    DELETE_ALERT_TITLE,
    DELETE_ALERT_LINK_TEXT,
  },
};
</script>

<template>
  <gl-alert variant="warning" :title="$options.i18n.DELETE_ALERT_TITLE" @dismiss="$emit('dismiss')">
    <gl-sprintf :message="$options.i18n.DELETE_ALERT_LINK_TEXT">
      <template #adminLink="{ content }">
        <gl-link data-testid="run-link" :href="runCleanupPoliciesHelpPagePath" target="_blank">{{
          content
        }}</gl-link>
      </template>
      <template #docLink="{ content }">
        <gl-link data-testid="help-link" :href="cleanupPoliciesHelpPagePath" target="_blank">{{
          content
        }}</gl-link>
      </template>
    </gl-sprintf>
  </gl-alert>
</template>