@acorex/platform-generator 19.3.0-next.2 → 19.3.0-next.4

package/src/generators/app-module/files/src/app/modules/root/mock.data.ts.template

@@ -12,3 +12,39 @@ export const USERS = Array.from({ length: 20 }).map((_, i) => {
     address: AXPDataGenerator.address(),
   };
 });
+
+export interface SampleEntity {
+  id: string;
+  name: string;
+  description: string;
+  isActive: boolean;
+  createdDate: Date;
+  category: string;
+}
+
+export const sampleData: SampleEntity[] = [
+  {
+    id: '1',
+    name: 'Sample Item 1',
+    description: 'This is a sample item for testing',
+    isActive: true,
+    createdDate: new Date(2024, 0, 15),
+    category: 'Category A'
+  },
+  {
+    id: '2',
+    name: 'Sample Item 2',
+    description: 'Another sample item with different data',
+    isActive: false,
+    createdDate: new Date(2024, 1, 20),
+    category: 'Category B'
+  },
+  {
+    id: '3',
+    name: 'Sample Item 3',
+    description: 'Third sample item for demonstration',
+    isActive: true,
+    createdDate: new Date(2024, 2, 5),
+    category: 'Category A'
+  }
+];

package/src/generators/app-module/files/src/app/modules/root/root.module.ts.template

@@ -1,15 +1,11 @@
-import { AXPAuthGuard, AXPPermissionGuard } from '@acorex/platform/auth';
+import { AXPAuthGuard } from '@acorex/platform/auth';
+import { AXPWidgetRegistryService } from '@acorex/platform/layout/builder';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { inject, NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
 const routes: Routes = [
-  {
-    path: '',
-    redirectTo: 'home',
-    pathMatch: 'full',
-  },
   {
     path: '',
     component: AXPRootLayoutComponent,
@@ -17,16 +13,27 @@ const routes: Routes = [
       {
         canActivate: [AXPAuthGuard],
         path: 'home',
-        loadComponent: () => import('./home/home.page').then((c) => c.<%= upperCase(name) %>HomePage),
-      }
-    ]
+        loadComponent: () => import('./home/home.page').then((c) => c.<%= className %>HomePage),
+      },
+      {
+        canActivate: [AXPAuthGuard],
+        path: 'sample',
+        loadComponent: () => import('./sample/sample.component').then((c) => c.SampleComponent),
+      },
+    ],
   },
 ];
 
 @NgModule({
-  imports: [CommonModule, RouterModule.forChild(routes)],
+  imports: [
+    CommonModule,
+    RouterModule.forChild(routes)
+  ],
   exports: [RouterModule],
   providers: [],
   declarations: [],
 })
-export class <%= upperCase(name) %>RootModule { }
+export class <%= upperCase(name) %>RootModule {
+  registry = inject(AXPWidgetRegistryService);
+  extendedWidgets = [];
+}

package/src/generators/app-module/files/src/app/modules/root/sample/sample.component.html.template

@@ -0,0 +1,15 @@
+<div class="ax-p-4">
+  <div class="ax-card">
+    <div class="ax-card-header">
+      <p>Sample Entity</p>
+    </div>
+    <div class="ax-card-body">
+      <p>This is a sample entity component for <%= title %></p>
+      <div class="ax-flex ax-gap-2">
+        <button ax-button color="primary">Primary Action</button>
+        <button ax-button color="secondary">Secondary Action</button>
+        <button ax-button color="danger">Danger Action</button>
+      </div>
+    </div>
+  </div>
+</div> 

package/src/generators/app-module/files/src/app/modules/root/sample/sample.component.scss.template

@@ -0,0 +1,10 @@
+:host {
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.ax-card {
+  height: 100%;
+} 

package/src/generators/app-module/files/src/app/modules/root/sample/sample.component.ts.template

@@ -0,0 +1,20 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
+import { AXGridLayoutBuilderModule } from '@acorex/components/grid-layout-builder';
+import { AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'sample',
+  templateUrl: './sample.component.html',
+  styleUrl: './sample.component.scss',
+  styles: `:host{
+    display: block;
+    width: 100%;
+    height: 100%;
+  }`,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [AXPLayoutBuilderModule, AXButtonModule, AXGridLayoutBuilderModule, AXDropdownButtonModule],
+})
+export class SampleComponent {} 

package/src/generators/app-module/files/src/app/modules/root/sample/sample.entity.ts.template

@@ -1,18 +1,13 @@
- 
-import {
-  AXPEntity,
-  AXPEntityCommandScope, 
-  AXPEntityQueryType, 
-} from '@acorex/platform/common';
+import { AXPEntity, AXPEntityCommandScope, AXPEntityQueryType } from '@acorex/platform/common';
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
 import { Injector } from '@angular/core';
-import { AXMSampleEntityService } from './sample.service'; 
 import { AXMSampleModuleConst } from '../const';
+import { AXMSampleEntityService } from './sample.service';
 
 export async function sampleFactory(injector: Injector): Promise<AXPEntity | null> {
   const dataService = injector.get(AXMSampleEntityService);
 
- const moduleName = AXMSampleModuleConst.moduleName;
+  const moduleName = AXMSampleModuleConst.moduleName;
 
   const entityDef: AXPEntity = {
     module: moduleName,
@@ -29,10 +24,6 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
         id: 'personal',
         title: 'Personal',
       },
-      {
-        id: 'contact',
-        title: 'Contact',
-      },
       {
         id: 'address',
         title: 'Address',
@@ -103,44 +94,6 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
             rule: 'required',
           },
         ],
-      },
-       {
-        name: 'email',
-        title: 'Email',
-        groupId: 'contact',
-        schema: {
-          dataType: 'string',
-          interface: {
-            type: AXPWidgetsCatalog.contact,
-            options: {
-              type: { id: 'email', title: 'Email' },
-            },
-          },
-        },
-        validations: [
-          {
-            rule: 'required',
-          },
-        ],
-      },
-      {
-        name: 'phone',
-        title: 'Phone',
-        groupId: 'contact',
-        schema: {
-          dataType: 'string',
-          interface: {
-            type: AXPWidgetsCatalog.contact,
-            options: {
-              type: { id: 'phone', title: 'phone' },
-            },
-          },
-        },
-        validations: [
-          {
-            rule: 'required',
-          },
-        ],
       },
       {
         name: 'address',
@@ -158,13 +111,13 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
         },
       },
     ],
-    columns: [{ name: 'firstname' }, { name: 'lastname' }, { name: 'email' }, { name: 'phone' }, { name: 'address' }],
+    columns: [{ name: 'firstname' }, { name: 'lastname' }, { name: 'address' }],
     commands: {
       create: {
         execute: async (data: any) => {
           console.log('CREATE', data);
-           const res =await dataService.insertOne(data);
-          return {id: res};
+          const res = await dataService.insertOne(data);
+          return { id: res };
         },
       },
       delete: {
@@ -200,7 +153,7 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
       },
       list: {
         execute: async (e: any) => {
-              return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter, sort: e.sort });
+          return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter, sort: e.sort });
         },
         type: AXPEntityQueryType.List,
       },
@@ -213,7 +166,7 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
               id: 'personal',
             },
             {
-              id: 'contact',
+              id: 'address',
             },
           ],
           properties: [
@@ -238,21 +191,11 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
               },
             },
             {
-              name: 'email',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 6,
-                  },
-                },
-              },
-            },
-            {
-              name: 'phone',
+              name: 'address',
               layout: {
                 positions: {
                   lg: {
-                    colSpan: 6,
+                    colSpan: 12,
                   },
                 },
               },
@@ -264,9 +207,6 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
             {
               id: 'personal',
             },
-            {
-              id: 'contact',
-            },
             {
               id: 'address',
             },
@@ -292,26 +232,6 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
                 },
               },
             },
-            {
-              name: 'email',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 6,
-                  },
-                },
-              },
-            },
-            {
-              name: 'phone',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 6,
-                  },
-                },
-              },
-            },
             {
               name: 'address',
               layout: {
@@ -332,17 +252,7 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
               layout: {
                 positions: {
                   lg: {
-                    colSpan: 8,
-                  },
-                },
-              },
-            },
-            {
-              id: 'contact',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 4,
+                    colSpan: 12,
                   },
                 },
               },
@@ -372,26 +282,6 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
                 },
               },
             },
-            {
-              name: 'email',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 12,
-                  },
-                },
-              },
-            },
-            {
-              name: 'phone',
-              layout: {
-                positions: {
-                  lg: {
-                    colSpan: 12,
-                  },
-                },
-              },
-            },
             {
               name: 'address',
               layout: {
@@ -424,14 +314,14 @@ export async function sampleFactory(injector: Injector): Promise<AXPEntity | nul
             {
               title: 'Details',
               command: 'open-entity',
-              priority: 'primary',
+              priority: 'secondary',
               type: 'view',
               scope: AXPEntityCommandScope.Individual,
             },
             {
               title: 'Delete',
               command: 'delete-entity',
-              priority: 'primary',
+              priority: 'secondary',
               type: 'delete',
               scope: AXPEntityCommandScope.Individual,
             },