environment_monitoring.vue 796 Bytes
Newer Older
Filipa Lacerda's avatar
Filipa Lacerda committed
1
<script>
2
import { GlButton, GlTooltipDirective } from '@gitlab/ui';
3
import { __ } from '~/locale';
4 5 6 7
/**
 * Renders the Monitoring (Metrics) link in environments table.
 */
import Icon from '~/vue_shared/components/icon.vue';
8

9 10 11
export default {
  components: {
    Icon,
Clement Ho's avatar
Clement Ho committed
12
    GlButton,
13 14
  },
  directives: {
15
    GlTooltip: GlTooltipDirective,
16 17 18 19 20
  },
  props: {
    monitoringUrl: {
      type: String,
      required: true,
21
    },
22 23 24
  },
  computed: {
    title() {
25
      return __('Monitoring');
Filipa Lacerda's avatar
Filipa Lacerda committed
26
    },
27 28
  },
};
Filipa Lacerda's avatar
Filipa Lacerda committed
29 30
</script>
<template>
Jose Vargas's avatar
Jose Vargas committed
31
  <gl-button
32
    v-gl-tooltip
Filipa Lacerda's avatar
Filipa Lacerda committed
33 34
    :href="monitoringUrl"
    :title="title"
35
    :aria-label="title"
Jose Vargas's avatar
Jose Vargas committed
36
    class="monitoring-url d-none d-sm-none d-md-block"
37
    rel="noopener noreferrer nofollow"
Jose Vargas's avatar
Jose Vargas committed
38
    variant="default"
39
  >
40
    <icon name="chart" />
Jose Vargas's avatar
Jose Vargas committed
41
  </gl-button>
Filipa Lacerda's avatar
Filipa Lacerda committed
42
</template>