environment_monitoring.vue 714 Bytes
Newer Older
Filipa Lacerda's avatar
Filipa Lacerda committed
1
<script>
2 3 4 5
  /**
  * Renders the Monitoring (Metrics) link in environments table.
  */
  import tooltip from '../../vue_shared/directives/tooltip';
6

7 8 9
  export default {
    directives: {
      tooltip,
Filipa Lacerda's avatar
Filipa Lacerda committed
10 11
    },

12 13 14 15 16 17
    props: {
      monitoringUrl: {
        type: String,
        required: true,
      },
    },
18

19 20 21 22
    computed: {
      title() {
        return 'Monitoring';
      },
Filipa Lacerda's avatar
Filipa Lacerda committed
23
    },
24
  };
Filipa Lacerda's avatar
Filipa Lacerda committed
25 26 27
</script>
<template>
  <a
28 29
    v-tooltip
    class="btn monitoring-url hidden-xs hidden-sm"
Filipa Lacerda's avatar
Filipa Lacerda committed
30 31 32 33
    data-container="body"
    rel="noopener noreferrer nofollow"
    :href="monitoringUrl"
    :title="title"
34 35
    :aria-label="title"
  >
Filipa Lacerda's avatar
Filipa Lacerda committed
36 37
    <i
      class="fa fa-area-chart"
38
      aria-hidden="true"
39 40
    >
    </i>
Filipa Lacerda's avatar
Filipa Lacerda committed
41 42
  </a>
</template>