diff options
Diffstat (limited to 'app/assets/javascripts/environments/components/environment_monitoring.vue')
-rw-r--r-- | app/assets/javascripts/environments/components/environment_monitoring.vue | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/app/assets/javascripts/environments/components/environment_monitoring.vue b/app/assets/javascripts/environments/components/environment_monitoring.vue new file mode 100644 index 00000000000..1655561cdd3 --- /dev/null +++ b/app/assets/javascripts/environments/components/environment_monitoring.vue @@ -0,0 +1,39 @@ +<script> +/** + * Renders the Monitoring (Metrics) link in environments table. + */ +import tooltip from '../../vue_shared/directives/tooltip'; + +export default { + props: { + monitoringUrl: { + type: String, + required: true, + }, + }, + + directives: { + tooltip, + }, + + computed: { + title() { + return 'Monitoring'; + }, + }, +}; +</script> +<template> + <a + v-tooltip + class="btn monitoring-url hidden-xs hidden-sm" + data-container="body" + rel="noopener noreferrer nofollow" + :href="monitoringUrl" + :title="title" + :aria-label="title"> + <i + class="fa fa-area-chart" + aria-hidden="true" /> + </a> +</template> |