fix(routes): add default routes

CHANGELOG.md

@@ -1,7 +1,9 @@
 ## [angular](./README.md) version `changelog`
 
 ###### `v2.2.1`
+- fix(routes): add default routes
 - fix(colors): class order for `bg-blue`
+- refactor(dafault-layout): observer add `attributeFilter` prop & `disconnect()` 
 - update: `@coreui/angular` to `2.2.1`
 - update: `core-js` to `2.6.0`
 - update: `@types/node` to `10.12.12`

src/app/containers/default-layout/default-layout.component.ts

@@ -1,11 +1,11 @@
-import { Component, Input } from '@angular/core';
+import {Component, OnDestroy} from '@angular/core';
 import { navItems } from './../../_nav';
 
 @Component({
   selector: 'app-dashboard',
   templateUrl: './default-layout.component.html'
 })
-export class DefaultLayoutComponent {
+export class DefaultLayoutComponent implements OnDestroy {
   public navItems = navItems;
   public sidebarMinimized = true;
   private changes: MutationObserver;
@@ -17,7 +17,12 @@ export class DefaultLayoutComponent {
     });
 
     this.changes.observe(<Element>this.element, {
-      attributes: true
+      attributes: true,
+      attributeFilter: [ 'class' ]
     });
   }
+
+  ngOnDestroy(): void {
+    this.changes.disconnect();
+  }
 }

src/app/views/base/base-routing.module.ts

@@ -20,6 +20,10 @@ const routes: Routes = [
       title: 'Base'
     },
     children: [
+      {
+        path: '',
+        redirectTo: 'cards'
+      },
       {
         path: 'cards',
         component: CardsComponent,

src/app/views/buttons/buttons-routing.module.ts

@@ -12,6 +12,10 @@ const routes: Routes = [
       title: 'Buttons'
     },
     children: [
+      {
+        path: '',
+        redirectTo: 'buttons'
+      },
       {
         path: 'buttons',
         component: ButtonsComponent,

src/app/views/icons/icons-routing.module.ts

@@ -13,6 +13,10 @@ const routes: Routes = [
       title: 'Icons'
     },
     children: [
+      {
+        path: '',
+        redirectTo: 'coreui-icons'
+      },
       {
         path: 'coreui-icons',
         component: CoreUIIconsComponent,

src/app/views/notifications/notifications-routing.module.ts

@@ -12,6 +12,10 @@ const routes: Routes = [
       title: 'Notifications'
     },
     children: [
+      {
+        path: '',
+        redirectTo: 'alerts'
+      },
       {
         path: 'alerts',
         component: AlertsComponent,

src/app/views/theme/theme-routing.module.ts

@@ -11,6 +11,10 @@ const routes: Routes = [
       title: 'Theme'
     },
     children: [
+      {
+        path: '',
+        redirectTo: 'colors'
+      },
       {
         path: 'colors',
         component: ColorsComponent,