diff options
author | Clement Ho <ClemMakesApps@gmail.com> | 2017-11-10 17:41:04 -0600 |
---|---|---|
committer | Clement Ho <ClemMakesApps@gmail.com> | 2017-11-10 17:41:04 -0600 |
commit | 74b87f02db2ebda0b2b16a60dd6759fe6e8de95a (patch) | |
tree | 7432d75b3f4fcd84f20fef7157164b900648cc0d /app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue | |
parent | e4df83d0252c57f84e795d0d50d9a82b07898f44 (diff) | |
download | gitlab-ce-74b87f02db2ebda0b2b16a60dd6759fe6e8de95a.tar.gz |
Backport of add-epic-sidebar
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue')
-rw-r--r-- | app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue b/app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue new file mode 100644 index 00000000000..a88e1310131 --- /dev/null +++ b/app/assets/javascripts/vue_shared/components/sidebar/collapsed_calendar_icon.vue @@ -0,0 +1,46 @@ +<script> + export default { + name: 'collapsedCalendarIcon', + props: { + containerClass: { + type: String, + required: false, + default: '', + }, + text: { + type: String, + required: false, + default: '', + }, + showIcon: { + type: Boolean, + required: false, + default: true, + }, + }, + methods: { + click() { + this.$emit('click'); + }, + }, + }; +</script> + +<template> + <div + :class="containerClass" + @click="click" + > + <i + v-if="showIcon" + class="fa fa-calendar" + aria-hidden="true" + > + </i> + <slot> + <span> + {{ text }} + </span> + </slot> + </div> +</template> |