debian-mirror-gitlab/app/assets/javascripts/monitoring/components/links_section.vue

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

33 lines
860 B
Vue
Raw Normal View History

2020-06-23 00:09:42 +05:30
<script>
import { GlIcon, GlLink } from '@gitlab/ui';
2021-03-11 19:13:27 +05:30
import { mapGetters } from 'vuex';
2020-06-23 00:09:42 +05:30
export default {
components: {
GlIcon,
GlLink,
},
computed: {
...mapGetters('monitoringDashboard', { links: 'linksWithMetadata' }),
},
};
</script>
<template>
<div
ref="linksSection"
2021-04-29 21:17:54 +05:30
class="gl-sm-display-flex gl-sm-flex-wrap gl-mt-5 gl-p-3 gl-bg-gray-10 border gl-rounded-base links-section"
2020-06-23 00:09:42 +05:30
>
<div
v-for="(link, key) in links"
:key="key"
2021-03-11 19:13:27 +05:30
class="gl-mb-1 gl-mr-5 gl-display-flex gl-sm-display-block gl-hover-text-blue-600-children gl-word-break-all"
2020-06-23 00:09:42 +05:30
>
<gl-link :href="link.url" class="gl-text-gray-900 gl-text-decoration-none!"
2020-10-24 23:57:45 +05:30
><gl-icon name="link" class="gl-text-gray-500 gl-vertical-align-text-bottom gl-mr-2" />{{
2020-06-23 00:09:42 +05:30
link.title
}}
</gl-link>
</div>
</div>
</template>