revert demo changes

primefaces · Jul 24, 2024 · 96fc148 · 96fc148
1 parent f7f061a
commit 96fc148
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 19 deletions.
diff --git a/src/app/showcase/doc/tabmenu/basicdoc.ts b/src/app/showcase/doc/tabmenu/basicdoc.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { MenuItem } from 'primeng/api';
 import { Code } from '@domain/code';
 
@@ -9,29 +9,21 @@ import { Code } from '@domain/code';
             <p>TabMenu requires a collection of menuitems as its model.</p>
         </app-docsectiontext>
         <div class="card">
-        <p-tabMenu [scrollable]="true" [model]="items" [activeItem]="activeItem"></p-tabMenu>
+            <p-tabMenu [model]="items" />
         </div>
         <app-code [code]="code" selector="tab-menu-basic-demo"></app-code>
     `
 })
 export class BasicDoc implements OnInit {
     items: MenuItem[] | undefined;
 
-    activeItem: MenuItem | undefined;
-
-    constructor(private cd:ChangeDetectorRef){
-
-    }
-
     ngOnInit() {
-      this.items = Array.from({ length: 50 }, (_, i) => ({
-        label: `Tab ${i + 1}`,
-      }));
-
-      setTimeout((_) => {
-        this.activeItem = this.items[40];
-        this.cd.markForCheck()
-      }, 2000);
+        this.items = [
+            { label: 'Dashboard', icon: 'pi pi-home' },
+            { label: 'Transactions', icon: 'pi pi-chart-line' },
+            { label: 'Products', icon: 'pi pi-list' },
+            { label: 'Messages', icon: 'pi pi-inbox' }
+        ];
     }
 
     code: Code = {

diff --git a/src/app/showcase/pages/tabmenu/tabmenudemo.ts b/src/app/showcase/pages/tabmenu/tabmenudemo.ts
@@ -13,12 +13,45 @@ import { RouterDoc } from '@doc/tabmenu/routerdoc';
 })
 export class TabMenuDemo {
     docs = [
-
+        {
+            id: 'import',
+            label: 'Import',
+            component: ImportDoc
+        },
         {
             id: 'basic',
             label: 'Basic',
             component: BasicDoc
         },
-
+        {
+            id: 'controlled',
+            label: 'Controlled',
+            component: ControlledDoc
+        },
+        {
+            id: 'template',
+            label: 'Template',
+            component: TemplateDoc
+        },
+        {
+            id: 'command',
+            label: 'Command',
+            component: CommandDoc
+        },
+        {
+            id: 'router',
+            label: 'Router',
+            component: RouterDoc
+        },
+        {
+            id: 'style',
+            label: 'Style',
+            component: StyleDoc
+        },
+        {
+            id: 'accessibility',
+            label: 'Accessibility',
+            component: AccessibilityDoc
+        }
     ];
-}
+}