feat(menu): add collapseAll function (#478)

akveo · Jun 8, 2018 · 2942bfd · 2942bfd
1 parent 0861d17
commit 2942bfd
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/src/framework/theme/components/menu/menu.component.ts b/src/framework/theme/components/menu/menu.component.ts
@@ -261,6 +261,16 @@ export class NbMenuComponent implements OnInit, AfterViewInit, OnDestroy {
  data.listener.next({ tag: this.tag, item: this.getSelectedItem(this.items) });
  });
 
+ this.menuInternalService
+ .onCollapseAll()
+ .pipe(
+ takeWhile(() => this.alive),
+ filter((data: { tag: string }) => this.compareTag(data.tag)),
+ )
+ .subscribe((data: { tag: string }) => {
+ this.collapseAll();
+ });
+
  this.router.events
  .pipe(
  takeWhile(() => this.alive),
@@ -327,6 +337,10 @@ export class NbMenuComponent implements OnInit, AfterViewInit, OnDestroy {
  }
  }
 
+ private collapseAll() {
+ this.menuInternalService.collapseAll(this.items, this.tag);
+ }
+
  private getHomeItem(items: NbMenuItem[]): NbMenuItem {
  for (const item of items) {
  if (item.home) {

diff --git a/src/framework/theme/components/menu/menu.service.ts b/src/framework/theme/components/menu/menu.service.ts
@@ -20,6 +20,7 @@ const getSelectedItem$
 const itemSelect$ = new ReplaySubject<NbMenuBag>(1);
 const itemHover$ = new ReplaySubject<NbMenuBag>(1);
 const submenuToggle$ = new ReplaySubject<NbMenuBag>(1);
+const collapseAll$ = new ReplaySubject<{ tag: string }>(1);
 
 // TODO: check if we need both URL and LINK
 /**
@@ -113,6 +114,14 @@ export class NbMenuService {
  addItems$.next({ tag, items });
  }
 
+ /**
+ * Collapses all menu items
+ * @param {string} tag
+ */
+ collapseAll(tag?: string) {
+ collapseAll$.next({ tag });
+ }
+
  /**
  * Navigate to the home menu item
  * @param {string} tag
@@ -194,6 +203,10 @@ export class NbMenuInternalService {
  return navigateHome$.pipe(share());
  }
 
+ onCollapseAll(): Observable<{ tag: string }> {
+ return collapseAll$.pipe(share());
+ }
+
  onGetSelectedItem(): Observable<{ tag: string; listener: BehaviorSubject<NbMenuBag> }> {
  return getSelectedItem$.pipe(share());
  }