refactor(sidebar): add pipe SidebarNavItemClass #74

Author: xidedix

projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-item-class.pipe.spec.ts

@@ -0,0 +1,8 @@
+import { AppSidebarNavItemClassPipe } from './app-sidebar-nav-item-class.pipe';
+
+describe('SidebarNavItemClassPipe', () => {
+  it('create an instance', () => {
+    const pipe = new AppSidebarNavItemClassPipe();
+    expect(pipe).toBeTruthy();
+  });
+});

projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-item-class.pipe.ts

@@ -0,0 +1,26 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+import {SidebarNavHelper} from '../app-sidebar-nav.service';
+
+@Pipe({
+  name: 'appSidebarNavItemClass'
+})
+export class AppSidebarNavItemClassPipe implements PipeTransform {
+
+  constructor(
+    public helper: SidebarNavHelper
+  ) {}
+
+  transform(item: any, ...args: any[]): any {
+      const itemType = this.helper.itemType(item);
+      let itemClass;
+      if (['divider', 'title'].includes(itemType)) {
+        itemClass = `nav-${itemType}`;
+      } else if (itemType === 'dropdown') {
+        itemClass = 'nav-item nav-dropdown' ;
+      } else {
+        itemClass = 'nav-item';
+      }
+      return item.class ? `${itemClass} ${item.class}` : itemClass;
+    }
+}