chore: update test-bed app

Author: xidedix

src/app/_nav.ts

@@ -20,6 +20,27 @@ export const navItems: INavData[] = [
     icon: 'icon-ban',
     attributes: { disabled: true },
   },
+  {
+    title: true,
+    name: 'Components'
+  },
+  {
+    name: 'Buttons',
+    url: '/buttons',
+    icon: 'icon-cursor',
+    children: [
+      {
+        name: 'Buttons',
+        url: '/buttons/buttons',
+        icon: 'icon-cursor'
+      },
+      {
+        name: 'Brand Buttons',
+        url: '/buttons/brand-buttons',
+        icon: 'icon-cursor'
+      }
+    ]
+  },
   {
     name: 'Download CoreUI',
     url: 'http://coreui.io/angular/',

src/app/app.routing.ts

@@ -20,6 +20,10 @@ export const routes: Routes = [
       {
         path: 'dashboard',
         loadChildren: () => import('./views/dashboard/dashboard.module').then(m => m.DashboardModule)
+      },
+      {
+        path: 'buttons',
+        loadChildren: () => import('./views/buttons/buttons.module').then(m => m.ButtonsModule)
       }
     ]
   },

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

@@ -27,6 +27,6 @@
   </app-aside>
 </div>
 <app-footer>
-  <span><a href="https://coreui.io">CoreUI</a> &copy; 2022 creativeLabs.</span>
+  <span><a href="https://coreui.io">CoreUI</a> &copy; 2023 creativeLabs.</span>
   <span class="ml-auto">Powered by <a href="https://coreui.io/angular">CoreUI 2 for Angular</a></span>
 </app-footer>

src/app/views/buttons/brand-buttons.component.html

@@ -0,0 +1,7 @@
+<div class="animated fadeIn">
+  <div class="row">
+    <div class="col-12">
+      Brand buttons work!
+    </div>
+  </div>
+</div>

src/app/views/buttons/brand-buttons.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: 'brand-buttons.component.html'
+})
+export class BrandButtonsComponent {
+
+  constructor() { }
+
+}

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

@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { ButtonsComponent } from './buttons.component';
+import { BrandButtonsComponent } from './brand-buttons.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    data: {
+      title: 'Buttons'
+    },
+    children: [
+      {
+        path: '',
+        redirectTo: 'buttons',
+        pathMatch: 'prefix',
+      },
+      {
+        path: 'buttons',
+        component: ButtonsComponent,
+        data: {
+          title: 'Buttons'
+        }
+      },
+      {
+        path: 'brand-buttons',
+        component: BrandButtonsComponent,
+        data: {
+          title: 'Brand buttons'
+        }
+      }
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ButtonsRoutingModule {}