@rxap/schematic-angular 16.0.1-dev.0

package/src/schematics/accordion/item/accordion-item-tree-table-component/schema.json

@@ -0,0 +1,257 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "accordion-item-table-component",
+  "type": "object",
+  "properties": {
+    "itemName": {
+      "alias": "name",
+      "type": "string",
+      "description": "The name of the accordion item",
+      "x-prompt": "Which name should the accordion item module have?"
+    },
+    "project": {
+      "type": "string",
+      "description": "The target project where the accordion item module should be added.",
+      "x-prompt": "To which project should the accordion item module be added?"
+    },
+    "feature": {
+      "type": "string",
+      "description": "The feature name where the accordion item module should be added.",
+      "x-prompt": "To which feature should the accordion item module be added?"
+    },
+    "accordionName": {
+      "type": "string",
+      "description": "The name of the accordion module where the item should be added.",
+      "x-prompt": "To which accordion module should the accordion item module be added?"
+    },
+    "shared": {
+      "type": "boolean",
+      "default": false,
+      "description": "Whether the item is based of a shared component"
+    },
+    "backend": {
+      "type": "string",
+      "description": "The backend that should be used to handel data",
+      "enum": [
+        "none",
+        "local",
+        "nestjs"
+      ],
+      "default": "none"
+    },
+    "modifiers": {
+      "alias": "modifier",
+      "type": "array",
+      "items": {
+        "type": "string",
+        "enum": [
+          "navigation-back-header",
+          "without-title"
+        ]
+      },
+      "description": "The table modifiers"
+    },
+    "table": {
+      "type": "object",
+      "properties": {
+        "tableRootMethod": {
+          "type": "object",
+          "properties": {
+            "className": {
+              "type": "string",
+              "description": "The name of the table method class"
+            },
+            "importPath": {
+              "type": "string",
+              "description": "The import path for the table method class"
+            }
+          }
+        },
+        "tableChildMethod": {
+          "type": "object",
+          "properties": {
+            "className": {
+              "type": "string",
+              "description": "The name of the table method class"
+            },
+            "importPath": {
+              "type": "string",
+              "description": "The import path for the table method class"
+            }
+          }
+        },
+        "modifiers": {
+          "alias": "modifier",
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "navigation-back-header",
+              "without-title"
+            ]
+          },
+          "description": "The table modifiers"
+        },
+        "headerButton": {
+          "oneOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "role": {
+                  "type": "string"
+                },
+                "permission": {
+                  "type": "string"
+                },
+                "icon": {
+                  "type": "string"
+                },
+                "svgIcon": {
+                  "type": "string"
+                }
+              }
+            }
+          ],
+          "description": "The header button configuration"
+        },
+        "columnList": {
+          "alias": "column",
+          "type": "array",
+          "items": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "object",
+                "properties": {
+                  "name": {
+                    "type": "string"
+                  },
+                  "type": {
+                    "type": "string"
+                  },
+                  "modifiers": {
+                    "type": "array",
+                    "items": {
+                      "type": "string"
+                    }
+                  },
+                  "hasFilter": {
+                    "type": "boolean"
+                  },
+                  "title": {
+                    "type": "string"
+                  },
+                  "propertyPath": {
+                    "type": "string"
+                  },
+                  "hidden": {
+                    "type": "boolean"
+                  },
+                  "active": {
+                    "type": "boolean"
+                  },
+                  "inactive": {
+                    "type": "boolean"
+                  },
+                  "show": {
+                    "type": "boolean"
+                  }
+                },
+                "required": [
+                  "name"
+                ]
+              }
+            ],
+            "description": "table column name"
+          },
+          "description": "List of table column names"
+        },
+        "actionList": {
+          "alias": "action",
+          "type": "array",
+          "items": {
+            "oneOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "object",
+                "properties": {
+                  "type": {
+                    "type": "string"
+                  },
+                  "refresh": {
+                    "type": "boolean"
+                  },
+                  "confirm": {
+                    "type": "boolean"
+                  },
+                  "tooltip": {
+                    "type": "string"
+                  },
+                  "errorMessage": {
+                    "type": "string"
+                  },
+                  "successMessage": {
+                    "type": "string"
+                  },
+                  "priority": {
+                    "type": "number"
+                  },
+                  "checkFunction": {
+                    "type": "string"
+                  },
+                  "inHeader": {
+                    "type": "boolean"
+                  },
+                  "role": {
+                    "type": "string",
+                    "enum": [
+                      "form",
+                      "link",
+                      "method",
+                      "custom"
+                    ]
+                  },
+                  "icon": {
+                    "type": "string"
+                  },
+                  "svgIcon": {
+                    "type": "string"
+                  },
+                  "permission": {
+                    "type": "string"
+                  }
+                },
+                "required": [
+                  "type",
+                  "role"
+                ]
+              }
+            ]
+          }
+        },
+        "context": {
+          "type": "string",
+          "description": "The context use to generate proper names for class, files, etc"
+        }
+      }
+    },
+    "overwrite": {
+      "type": "boolean",
+      "default": false,
+      "description": "Whether to overwrite existing files"
+    }
+  },
+  "required": [
+    "itemName",
+    "project",
+    "feature",
+    "accordionName"
+  ]
+}

package/src/schematics/data-grid-component/files/form/__componentName__.component.html.template

@@ -0,0 +1,42 @@
+<mat-card>
+  <% if (title) { %>
+  <mat-card-header>
+    <mat-card-title></mat-card-title>
+    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
+  </mat-card-header>
+  <% } %>
+  <mat-card-content>
+    <div class="p-4">
+      <form #form="rxapForm" rxapForm>
+        <% if (collection) { %>
+        <rxap-data-grid [data]="data" mode="form">
+        <% } else { %>
+        <rxap-data-grid [dataSource]="dataGridDataSource" mode="form">
+        <% } %>
+        <% for (const item of itemList) { %>
+          <ng-container rxapDataGridRowDef="<%= item.name %>">
+            <% if (item.header) { %>
+            <th *rxapDataGridHeaderCellDef i18n><%= header %></th>
+            <% } %>
+            <ng-template rxapDataGridEditCellDef>
+              <% if (item.type === 'string') { %>
+              <mat-form-field class="w-full">
+                <input matInput formControlName="<%= item.name %>">
+              </mat-form-field>
+              <% } else if (item.type === 'number') { %>
+              <mat-form-field class="w-full">
+                <input matInput formControlName="<%= item.name %>" type="number">
+              </mat-form-field>
+              <% } else if (item.type === 'boolean') { %>
+              <mat-slide-toggle formControlName="<%= item.name %>"></mat-slide-toggle>
+              <% } else {%>
+              <!-- TODO: <%= item.name %> -->
+              <% } %>
+            </ng-template>
+          </ng-container>
+        <% } %>
+        </rxap-data-grid>
+      </form>
+    </div>
+  </mat-card-content>
+</mat-card>

package/src/schematics/data-grid-component/files/form/__componentName__.component.ts.template

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormProviders, FormComponentProviders } from './form.providers';
+<% if (collection) { %>
+import { Input } from '@angular/core';
+<% } else { %>
+import { <%= classify(name) %>DataGridDataSource } from './<%= name %>-data-grid.data-source';
+<% } %>
+import { DataGridModule } from '@rxap/data-grid';
+import { RxapFormsModule } from '@rxap/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+
+@Component({
+  selector: '<%= prefix %>-<%= componentName %>',
+  templateUrl: './<%= componentName %>.component.html',
+  styleUrls: [ './<%= componentName %>.component.scss' ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    DataGridModule,
+    RxapFormsModule,
+    ReactiveFormsModule,
+    MatCardModule,
+  ],
+  providers: [
+    <% if (!collection) { %>
+    <%= classify(name) %>DataGridDataSource,
+    <% } %>
+    FormProviders,
+    FormComponentProviders,
+  ],
+})
+export class <%= classify(componentName) %>Component {
+
+  <% if (collection) { %>
+  @Input() data!: any;
+  <% } else { %>
+  constructor(
+    public readonly dataGridDataSource: <%= classify(name) %>DataGridDataSource,
+  ) {}
+  <% } %>
+
+}

package/src/schematics/data-grid-component/files/plain/__componentName__.component.html.template

@@ -0,0 +1,25 @@
+<mat-card>
+  <% if (title) { %>
+  <mat-card-header>
+    <mat-card-title></mat-card-title>
+    <% if (subtitle) { %><mat-card-subtitle></mat-card-subtitle><% } %>
+  </mat-card-header>
+  <% } %>
+  <mat-card-content>
+    <div class="p-4">
+      <% if (collection) { %>
+      <rxap-data-grid [data]="data">
+      <% } else { %>
+      <rxap-data-grid [dataSource]="dataGridDataSource">
+      <% } %>
+        <% for (const item of itemList) { %>
+        <ng-container rxapDataGridRowDef="<%= item.name %>">
+          <% if (item.header) { %>
+          <th *rxapDataGridHeaderCellDef i18n><%= header %></th>
+          <% } %>
+        </ng-container>
+        <% } %>
+      </rxap-data-grid>
+    </div>
+  </mat-card-content>
+</mat-card>

package/src/schematics/data-grid-component/files/plain/__componentName__.component.ts.template

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+<% if (collection) { %>
+import { Input } from '@angular/core';
+<% } else { %>
+import { <%= classify(name) %>DataGridDataSource } from './<%= name %>-data-grid.data-source';
+<% } %>
+import { DataGridModule } from '@rxap/data-grid';
+import { MatCardModule } from '@angular/material/card';
+
+@Component({
+  selector: '<%= prefix %>-<%= componentName %>',
+  templateUrl: './<%= componentName %>.component.html',
+  styleUrls: [ './<%= componentName %>.component.scss' ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [
+    DataGridModule,
+    MatCardModule,
+  ],
+  providers: [
+    <% if (!collection) { %>
+    <%= classify(name) %>DataGridDataSource,
+    <% } %>
+  ],
+})
+export class <%= classify(componentName) %>Component {
+
+  <% if (collection) { %>
+  @Input() data!: any;
+  <% } else { %>
+  constructor(
+    public readonly dataGridDataSource: <%= classify(name) %>DataGridDataSource,
+  ) {}
+  <% } %>
+
+}

package/src/schematics/data-grid-component/index.d.ts

@@ -0,0 +1,16 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Normalized } from '@rxap/utilities';
+import { NormalizedAngularOptions } from '../../lib/angular-options';
+import { NormalizedDataGridItem } from '../../lib/data-grid-item';
+import { NormalizedDataGridOptions } from '../../lib/data-grid-options';
+import { DataGridComponentOptions } from './schema';
+export interface NormalizedDataGridComponentOptions extends Omit<Readonly<Normalized<DataGridComponentOptions> & NormalizedAngularOptions & NormalizedDataGridOptions>, 'itemList'> {
+    nestController: string;
+    dataSourceClassName: string;
+    dataSourceFileName: string;
+    componentName: string;
+    name: string;
+    itemList: Array<NormalizedDataGridItem>;
+}
+export declare function NormalizeDataGridComponentOptions(options: Readonly<DataGridComponentOptions>): NormalizedDataGridComponentOptions;
+export default function (options: DataGridComponentOptions): () => Rule;