diff options
Diffstat (limited to 'app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue')
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue b/app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue new file mode 100644 index 00000000000..32ae0cc1476 --- /dev/null +++ b/app/assets/javascripts/cycle_analytics/components/limit_warning_component.vue @@ -0,0 +1,35 @@ +<script> + import tooltip from '../../vue_shared/directives/tooltip'; + + export default { + directives: { + tooltip, + }, + props: { + count: { + type: Number, + required: true, + }, + }, + }; +</script> +<template> + <span + v-if="count === 50" + class="events-info pull-right" + > + <i + class="fa fa-warning" + v-tooltip + aria-hidden="true" + :title="n__( + 'Limited to showing %d event at most', + 'Limited to showing %d events at most', + 50 + )" + data-placement="top" + > + </i> + {{ n__('Showing %d event', 'Showing %d events', 50) }} + </span> +</template> |