gitlab-org--gitlab-foss/app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue

36 lines
627 B
Vue
Raw Normal View History

<script>
import tooltip from '../../vue_shared/directives/tooltip';
export default {
directives: {
tooltip,
},
props: {
count: {
type: Number,
required: true,
2018-01-05 12:56:55 +00:00
},
},
};
</script>
<template>
2018-01-05 12:56:55 +00:00
<span
v-if="count === 50"
class="events-info float-right"
2018-01-05 12:56:55 +00:00
>
<i
v-tooltip
2018-01-05 12:56:55 +00:00
:title="n__(
'Limited to showing %d event at most',
'Limited to showing %d events at most',
50
)"
2018-06-11 09:49:47 +00:00
class="fa fa-warning"
aria-hidden="true"
2018-01-05 12:56:55 +00:00
data-placement="top"
>
</i>
{{ n__('Showing %d event', 'Showing %d events', 50) }}
</span>
</template>