diff options
author | Kushal Pandya <kushal@gitlab.com> | 2018-05-03 13:01:52 +0530 |
---|---|---|
committer | Kushal Pandya <kushal@gitlab.com> | 2018-05-03 16:34:01 +0530 |
commit | d2665707c04594a6cea22ebb3b4d89a0577d02c5 (patch) | |
tree | 2050b5c2e885ca9dcdbbf7e3b4774fd0f4c15309 /app/assets/javascripts/sidebar/components | |
parent | b2e1b70927f94a50a83e5afef359775894bd6b03 (diff) | |
download | gitlab-ce-d2665707c04594a6cea22ebb3b4d89a0577d02c5.tar.gz |
Emit `toggleSubscription`, `toggleSidebar` events on component
Diffstat (limited to 'app/assets/javascripts/sidebar/components')
-rw-r--r-- | app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue b/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue index d69d100a26c..f0df759ef7a 100644 --- a/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue +++ b/app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue @@ -47,8 +47,25 @@ }, }, methods: { + /** + * We need to emit this event on both component & eventHub + * for 2 dependencies; + * + * 1. eventHub: This component is used in Issue Boards sidebar + * where component template is part of HAML + * and event listeners are tied to app's eventHub. + * 2. Component: This compone is also used in Epics in EE + * where listeners are tied to component event. + */ toggleSubscription() { + // App's eventHub event emission. eventHub.$emit('toggleSubscription', this.id); + + // Component event emission. + this.$emit('toggleSubscription', this.id); + }, + onClickCollapsedIcon() { + this.$emit('toggleSidebar'); }, }, }; @@ -56,7 +73,10 @@ <template> <div> - <div class="sidebar-collapsed-icon"> + <div + class="sidebar-collapsed-icon" + @click="onClickCollapsedIcon" + > <span v-tooltip :title="notificationTooltip" |