@acorex/platform-generator 18.0.10 → 18.0.13

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

@@ -1,184 +1,481 @@
-import { AXDataSourceQuery } from '@acorex/components/common';
 import { applyFilterArray, applySortArray } from '@acorex/modules/backend';
 import {
-  AXPEntityConfig,
-  AXPEntityListDisplayColumnConfig,
-  convertPropertiesToColumns,
-  AXPEntityPropertyConfig,
-  widgetSchemas,
+  AXPDataGenerator,
+  AXPEntity,
+  AXPEntityCommandScope,
+  AXPEntityDataProviderImpl,
+  AXPEntityQueryType,
+  AXPStorageService,
 } from '@acorex/platform/common';
+import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
 import { Injector } from '@angular/core';
+import { USERS } from '../mock.data';
 
-const properties: AXPEntityPropertyConfig[] = [
-    {
+export async function entityFactory(injector: Injector): Promise<AXPEntity | null> {
+  const storageService = injector.get(AXPStorageService);
+  const dataProvider = new AXPEntityDataProviderImpl<any>(storageService, 'users');
+  await dataProvider.initial(USERS);
+
+  const entityDef: AXPEntity = {
+    module: '<%= name %>',
+    name: 'sample',
+    source: '<%= name %>.sample',
+    title: 'Sample Entity',
+    formats: {
+      individual: 'sample',
+      plural: 'sample',
+    },
+    relatedEntities: [],
+    groups: [
+      {
+        id: 'personal',
+        title: 'Personal',
+      },
+      {
+        id: 'contact',
+        title: 'Contact',
+      },
+      {
+        id: 'address',
+        title: 'Address',
+      },
+    ],
+    properties: [
+      {
+        name: 'id',
+        title: 'ID',
+        schema: {
+          dataType: 'uuid',
+          hidden: true,
+          nullable: false,
+          readonly: true,
+          unique: {
+            enabled: true,
+          },
+        },
+      },
+      {
         name: 'firstname',
         title: 'First Name',
-        schema: widgetSchemas.text,
-        canEdit: true,
-        canInsert: true,
-        canInlineFilter: true,
-        validationRules: [
-            {
-                rule: 'required',
+        groupId: 'personal',
+        schema: {
+          dataType: 'string',
+          interface: {
+            type: AXPWidgetsCatalog.text,
+          },
+        },
+        options: {
+          filter: {
+            inline: {
+              enabled: true,
             },
+          },
+          sort: {
+            enabled: true,
+          },
+        },
+        validations: [
+          {
+            rule: 'required',
+          },
         ],
-        layout: {
-            positions: {
-                default: {
-                    start: 0,
-                    span: 6,
-                },
+      },
+      {
+        name: 'lastname',
+        title: 'Last Name',
+        groupId: 'personal',
+        schema: {
+          dataType: 'string',
+          interface: {
+            type: AXPWidgetsCatalog.text,
+          },
+        },
+        options: {
+          filter: {
+            inline: {
+              enabled: true,
             },
+          },
+          sort: {
+            enabled: true,
+          },
         },
+        validations: [
+          {
+            rule: 'required',
+          },
+        ],
+      },
+      {
+        name: 'email',
+        title: 'Email',
+        groupId: 'contact',
+        schema: {
+          dataType: 'string',
+          interface: {
+            type: AXPWidgetsCatalog.text,
+            options: {
+              multiple: false,
+              hasLabel: false,
+            },
+          },
+        },
+        validations: [
+          {
+            rule: 'required',
+          },
+        ],
+      },
+      {
+        name: 'phone',
+        title: 'Phone',
+        groupId: 'contact',
+        schema: {
+          dataType: 'string',
+          interface: {
+            type: AXPWidgetsCatalog.phone,
+            options: {
+              multiple: false,
+              hasLabel: false,
+            },
+          },
+        },
+        validations: [
+          {
+            rule: 'required',
+          },
+        ],
+      },
+      {
+        name: 'address',
+        title: 'Address',
+        groupId: 'address',
+        schema: {
+          dataType: 'string',
+          interface: {
+            type: AXPWidgetsCatalog.text,
+            options: {
+              multiple: false,
+              hasLabel: false,
+            },
+          },
+        },
+      },
+    ],
+    columns: [{ name: 'firstname' }, { name: 'lastname' }, { name: 'email' }, { name: 'phone' }, { name: 'address' }],
+    commands: {
+      create: {
+        execute: async (data: any) => {
+          console.log('CREATE', data);
+          const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
+          dataProvider.insertOne(entity);
+          return Promise.resolve(entity);
+        },
+      },
+      delete: {
+        execute: async (id: any) => {
+          console.log('DELETE', id);
+          await await dataProvider.deleteOne(id);
+          return Promise.resolve();
+        },
+      },
+      update: {
+        execute: async (data: any) => {
+          console.log('UPDATE', data);
+          return new Promise((resolve) => {
+            setTimeout(async () => {
+              await dataProvider.updateOne(data.id, data);
+              resolve(data);
+            }, 1000);
+          });
+        },
+      },
     },
-    {
-        name: 'lastname',
-        title: 'Last Name',
-        schema: widgetSchemas.text,
-        canEdit: true,
-        canInsert: true,
-        canInlineFilter: true,
-        validationRules: [
+    queries: {
+      byKey: {
+        execute: async (id: string) => {
+          console.log('users=>byKey', id);
+          return new Promise((resolve) => {
+            setTimeout(async () => {
+              const entity = await dataProvider.getOne(id);
+              resolve(entity);
+            }, 500);
+          });
+        },
+        type: AXPEntityQueryType.Single,
+      },
+      list: {
+        execute: async (e: any) => {
+          console.log('users=>list', e);
+          const list = await dataProvider.getAll();
+          const sortedItems = applySortArray(list, e.sort);
+          const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+          return Promise.resolve({
+            total: filteredItems.length,
+            items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+          });
+        },
+        type: AXPEntityQueryType.List,
+      },
+    },
+    interfaces: {
+      master: {
+        create: {
+          sections: [
             {
-                rule: 'required',
+              id: 'personal',
             },
-        ],
-        layout: {
-            positions: {
-                default: {
-                    start: 6,
-                    span: 6,
+            {
+              id: 'contact',
+            },
+            {
+              id: 'address',
+            },
+          ],
+          properties: [
+            {
+              name: 'firstname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'lastname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'email',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'phone',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
                 },
+              },
             },
+            {
+              name: 'address',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 12,
+                  },
+                },
+              },
+            },
+          ],
         },
-    },
-    {
-        name: 'birthDate',
-        title: 'Birth Date',
-        schema: widgetSchemas.date,
-        canEdit: true,
-        canInsert: true,
-        validationRules: [
+        update: {
+          sections: [
             {
-                rule: 'required',
+              id: 'personal',
             },
-        ],
-    },
-    {
-        name: 'notify',
-        title: 'Notification',
-        schema: widgetSchemas.toggle,
-        canEdit: true,
-        canInsert: false,
-        component: {
-            common: {
-                options: {
-                    trulyText: 'Enabled',
-                    falsyText: 'Disabled',
+            {
+              id: 'contact',
+            },
+            {
+              id: 'address',
+            },
+          ],
+          properties: [
+            {
+              name: 'firstname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
                 },
+              },
             },
+            {
+              name: 'lastname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'email',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'phone',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'address',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 12,
+                  },
+                },
+              },
+            },
+          ],
+        },
+        single: {
+          title: '{{firstname}} {{lastname}}',
+          sections: [
+            {
+              id: 'personal',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 8,
+                  },
+                },
+              },
+            },
+            {
+              id: 'contact',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 4,
+                  },
+                },
+              },
+            },
+            {
+              id: 'address',
+            },
+          ],
+          properties: [
+            {
+              name: 'firstname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'lastname',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 6,
+                  },
+                },
+              },
+            },
+            {
+              name: 'email',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 12,
+                  },
+                },
+              },
+            },
+            {
+              name: 'phone',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 12,
+                  },
+                },
+              },
+            },
+            {
+              name: 'address',
+              layout: {
+                positions: {
+                  lg: {
+                    colSpan: 12,
+                  },
+                },
+              },
+            },
+          ],
+          actions: [],
+        },
+        list: {
+          actions: [
+            {
+              title: 'Create New',
+              command: 'create-entity',
+              priority: 'primary',
+              type: 'create',
+              scope: AXPEntityCommandScope.TypeLevel,
+            },
+            {
+              title: 'Delete Items',
+              command: 'delete-entity',
+              priority: 'primary',
+              type: 'delete',
+              scope: AXPEntityCommandScope.Selected,
+            },
+            {
+              title: 'Details',
+              command: 'open-entity',
+              priority: 'primary',
+              type: 'view',
+              scope: AXPEntityCommandScope.Individual,
+            },
+            {
+              title: 'Delete',
+              command: 'delete-entity',
+              priority: 'primary',
+              type: 'delete',
+              scope: AXPEntityCommandScope.Individual,
+            },
+          ],
+          views: [
+            {
+              name: 'all',
+              title: 'All Items',
+              fixed: true,
+              columns: [],
+              conditions: [],
+              sorts: [{ name: 'firstname', dir: 'asc' }],
+            },
+          ],
         },
+      },
     },
-];
-
-const result = Array.from({ length: 30 }).map((_, i) => ({
-    id: i,
-    firstname: ['John', 'Allen', 'Jak', 'Rose', 'Kate'][Math.floor(Math.random() * 5)],
-    lastname: ['Gates', 'Jonsen', 'Smith', 'Ford', 'Jakson'][Math.floor(Math.random() * 5)],
-    birthDate: new Date(),
-    phone: `123456789${i}`,
-    email: `example@gmail.com`,
-    notify: Math.floor(Math.random() * 5) % 3 == 0,
-}));
-
-const entityName = 'sample';
-
-const columns: AXPEntityListDisplayColumnConfig[] = convertPropertiesToColumns(...properties);
-
-export async function entityFactory(injector: Injector): Promise<AXPEntityConfig> {
-
-    const entity: AXPEntityConfig = {
-        module: '<%= name %>',
-        name: entityName,
-        title: 'Sample Entity',
-        properties: properties,
-        formats: {
-            default: '{{firstname}} {{lastname}}',
-        },
-        dataSource: {
-            key: 'id',
-            pageSize: 20,
-            load: async (e: AXDataSourceQuery) => {
-                const sortedItems = applySortArray(result, e.sort);
-                const filteredItems = applyFilterArray(sortedItems, e.filter?.filters);
-                return new Promise((resolve) => {
-                    setTimeout(() => {
-                        resolve({
-                            items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
-                            total: filteredItems.length,
-                        });
-                    }, 100);
-                });
-            },
-            byKey: (id: any) => {
-                return new Promise((resolve) => {
-                    setTimeout(() => {
-                        resolve(result.find((c) => c.id.toString() == id));
-                    }, 100);
-                });
-            },
-        },
-        views: {
-            list: {
-                title: 'Sample Entity List',
-                views: [
-                    {
-                        name: 'all',
-                        title: 'All Items',
-                        fixed: true,
-                        columns: columns,
-                        conditions: [],
-                        sorts: [
-                            {
-                                name: 'firstname',
-                                dir: 'asc',
-                            },
-                            {
-                                name: 'lastname',
-                                dir: 'asc',
-                            },
-                        ],
-                    },
-                ],
-            },
-            quickView: {
-                root: {
-                    properties: properties.map((c) => c.name),
-                },
-            },
-            detailView: {
-                root: {
-                    properties: properties.map((c) => c.name),
-                },
-            },
-            createView: {
-                root: {
-                    properties: properties.slice(0, properties.length - 1).map((c) => c.name),
-                },
-            },
-        },
-        commands: {
-            create: async (values) => {
-                return Promise.resolve({ id: Math.floor(Math.random() * 10000) });
-            },
-            update: async (id: string, values) => {
-                return Promise.resolve();
-            },
-            delete: (id: string) => {
-                return Promise.resolve();
-            },
-        }
-    };
+  };
 
-    return entity;
+  return entityDef;
 }

package/src/generators/app-module/files/src/assets/i18n/en/common.json

@@ -20,6 +20,7 @@
   "searching": "searching ...",
   "save": "Save",
   "save-as": "Save As...",
+  "save-changes": "Save Changes",
   "title": "Title",
   "description": "Description",
   "name": "Name",
@@ -41,6 +42,18 @@
   "viewLess": "View Less",
   "processing": "Processing...",
   "redirecting": "Redirecting...",
+  "apply": "Apply",
+  "reset": "Reset",
+  "create-new": "Create New",
+  "continue": "Continue",
+  "discard": "Discard",
+  "overview": "Overview",
+  "history": "History",
+  "comments": "Comments",
+  "authentication": {
+    "with-google": "Sign in with Google",
+    "with-apple": "Sign in with Apple"
+  },
   "dateTime": {
     "weekdays": {
       "short": {
@@ -150,6 +163,7 @@
       "required": "This field is required",
       "email": "Please enter a valid email address!",
       "phone": "Please enter a valid phone number!",
+      "url": "Please enter a valid url!",
       "invalid-rull-name": "Invalid rule name: &nbsp<b>\"{{ name }}\"</b>"
     }
   },
@@ -175,5 +189,32 @@
   },
   "action-sheet": {
     "title": "Action Sheet..."
+  },
+  "entity": {
+    "home": "Home",
+    "public-view": "Public Views",
+    "action": "Action",
+    "actions": "Actions",
+    "columns": "Columns",
+    "sort": "Sort",
+    "no-sort": "No Sorts Selected",
+    "ask-sort": "Please select field(s) that you want to sort",
+    "add-field": "Add Field",
+    "modify": "Modify"
+  },
+  "widget": {
+    "phone": {
+      "mobile": "Mobile",
+      "home": "Home",
+      "work": "Work",
+      "other": "Other"
+    },
+    "lookup": {
+      "search": "Search on "
+    }
+  },
+  "profile": {
+    "edit": "Edit Profile",
+    "logout": "Logout"
   }
 }