diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2017-09-22 17:57:08 +0100 |
---|---|---|
committer | Filipa Lacerda <filipa@gitlab.com> | 2017-09-22 17:57:08 +0100 |
commit | c3da38f451ecd08cc22dafe7dd7734115a8c164e (patch) | |
tree | 3fb5fb9b8569c5307cc0757eb3bf7098486a64a0 /app/assets/javascripts/cycle_analytics/components/total_time_component.vue | |
parent | 40e32546f5041fd848ffd2f232850a9c51feb59c (diff) | |
download | gitlab-ce-34371-cycle-analitcs.tar.gz |
Moves to vue34371-cycle-analitcs
Diffstat (limited to 'app/assets/javascripts/cycle_analytics/components/total_time_component.vue')
-rw-r--r-- | app/assets/javascripts/cycle_analytics/components/total_time_component.vue | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/app/assets/javascripts/cycle_analytics/components/total_time_component.vue b/app/assets/javascripts/cycle_analytics/components/total_time_component.vue new file mode 100644 index 00000000000..e7985507c0c --- /dev/null +++ b/app/assets/javascripts/cycle_analytics/components/total_time_component.vue @@ -0,0 +1,20 @@ +<script> + export default { + props: { + time: Object, + }, + }; +</script> +<template> + <span class="total-time"> + <template v-if="Object.keys(time).length"> + <template v-if="time.days">{{ time.days }} <span>{{ n__('day', 'days', time.days) }}</span></template> + <template v-if="time.hours">{{ time.hours }} <span>{{ n__('Time|hr', 'Time|hrs', time.hours) }}</span></template> + <template v-if="time.mins && !time.days">{{ time.mins }} <span>{{ n__('Time|min', 'Time|mins', time.mins) }}</span></template> + <template v-if="time.seconds && Object.keys(time).length === 1 || time.seconds === 0">{{ time.seconds }} <span>{{ s__('Time|s') }}</span></template> + </template> + <template v-else> + -- + </template> + </span> +</template> |