@unifylib/ui-lib 1.2.16 → 1.2.18

package/cli/generators/section-form.js

@@ -1,103 +1,103 @@
-"use strict";
-
-const { buildFieldInfoLines } = require("../utils");
-
-/**
- * @param {{
- *  kebab: string,
- *  pascal: string,
- *  labelsSection: string,
- *  apiUri: string,
- *  importPath: string,
- *  fieldsCount: number,
- * }} ctx
- */
-function generate(ctx) {
-  const fileBase = ctx.kebab;
-  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
-
-  const settings = `import { Validators } from "@angular/forms";
-import { FieldInfo, PageInfo } from "${ctx.importPath}";
-
-export const PAGE_INFO: PageInfo = {
-  id: "${ctx.kebab}",
-  labelsSection: "${ctx.labelsSection}",
-  hasAddButton: false,
-  apiUri: "${ctx.apiUri}",
-  draftSupported: false,
-  selfRouting: true,
-};
-
-export const FIELDS: FieldInfo[] = [
-${fieldsBlock}
-];
-`;
-
-  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
-import { FormGroup, ReactiveFormsModule } from "@angular/forms";
-import { TranslateModule } from "@ngx-translate/core";
-import { SectionFormCanvasComponent } from "${ctx.importPath}";
-import { FIELDS, PAGE_INFO } from "./${fileBase}.settings";
-
-@Component({
-  selector: "app-${fileBase}",
-  standalone: true,
-  imports: [SectionFormCanvasComponent, ReactiveFormsModule, TranslateModule],
-  templateUrl: "./${fileBase}.component.html",
-  styleUrls: ["./${fileBase}.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ${ctx.pascal}Component {
-  readonly pageInfo = PAGE_INFO;
-  readonly fields = FIELDS;
-  item: Record<string, unknown> = {};
-  editable = true;
-  form: FormGroup | null = null;
-  readonly sectionKey = 1;
-
-  onFormEdit(form: FormGroup): void {
-    this.form = form;
-  }
-}
-`;
-
-  const componentHtml = `<lib-section-form-canvas
-  [pageInfo]="pageInfo"
-  [fields]="fields"
-  [editable]="editable"
-  [item]="item"
-  [title]="'sectionTitle'"
-  [isTranslateTitle]="true"
-  [key]="sectionKey"
-  (formEdit)="onFormEdit($event)">
-</lib-section-form-canvas>
-`;
-
-  const componentScss = `:host {
-  display: block;
-}
-
-.location-card {
-  margin-bottom: 1rem;
-}
-`;
-
-  return [
-    { relative: `${fileBase}.settings.ts`, content: settings },
-    { relative: `${fileBase}.component.ts`, content: componentTs },
-    { relative: `${fileBase}.component.html`, content: componentHtml },
-    { relative: `${fileBase}.component.scss`, content: componentScss },
-  ];
-}
-
-function getTranslations(ctx) {
-  const out = {
-    [`${ctx.labelsSection}.sectionTitle`]: `${ctx.pascal} Section`,
-  };
-  for (let i = 1; i <= ctx.fieldsCount; i++) {
-    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
-  }
-  return out;
-}
-
-module.exports = { generate, getTranslations };
+"use strict";
+
+const { buildFieldInfoLines } = require("../utils");
+
+/**
+ * @param {{
+ *  kebab: string,
+ *  pascal: string,
+ *  labelsSection: string,
+ *  apiUri: string,
+ *  importPath: string,
+ *  fieldsCount: number,
+ * }} ctx
+ */
+function generate(ctx) {
+  const fileBase = ctx.kebab;
+  const fieldsBlock = buildFieldInfoLines(ctx.fieldsCount, 2, "  ");
+
+  const settings = `import { Validators } from "@angular/forms";
+import { FieldInfo, PageInfo } from "${ctx.importPath}";
+
+export const PAGE_INFO: PageInfo = {
+  id: "${ctx.kebab}",
+  labelsSection: "${ctx.labelsSection}",
+  hasAddButton: false,
+  apiUri: "${ctx.apiUri}",
+  draftSupported: false,
+  selfRouting: true,
+};
+
+export const FIELDS: FieldInfo[] = [
+${fieldsBlock}
+];
+`;
+
+  const componentTs = `import { ChangeDetectionStrategy, Component } from "@angular/core";
+import { FormGroup, ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { SectionFormCanvasComponent } from "${ctx.importPath}";
+import { FIELDS, PAGE_INFO } from "./${fileBase}.settings";
+
+@Component({
+  selector: "app-${fileBase}",
+  standalone: true,
+  imports: [SectionFormCanvasComponent, ReactiveFormsModule, TranslateModule],
+  templateUrl: "./${fileBase}.component.html",
+  styleUrls: ["./${fileBase}.component.scss"],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ${ctx.pascal}Component {
+  readonly pageInfo = PAGE_INFO;
+  readonly fields = FIELDS;
+  item: Record<string, unknown> = {};
+  editable = true;
+  form: FormGroup | null = null;
+  readonly sectionKey = 1;
+
+  onFormEdit(form: FormGroup): void {
+    this.form = form;
+  }
+}
+`;
+
+  const componentHtml = `<lib-section-form-canvas
+  [pageInfo]="pageInfo"
+  [fields]="fields"
+  [editable]="editable"
+  [item]="item"
+  [title]="'sectionTitle'"
+  [isTranslateTitle]="true"
+  [key]="sectionKey"
+  (formEdit)="onFormEdit($event)">
+</lib-section-form-canvas>
+`;
+
+  const componentScss = `:host {
+  display: block;
+}
+
+.location-card {
+  margin-bottom: 1rem;
+}
+`;
+
+  return [
+    { relative: `${fileBase}.settings.ts`, content: settings },
+    { relative: `${fileBase}.component.ts`, content: componentTs },
+    { relative: `${fileBase}.component.html`, content: componentHtml },
+    { relative: `${fileBase}.component.scss`, content: componentScss },
+  ];
+}
+
+function getTranslations(ctx) {
+  const out = {
+    [`${ctx.labelsSection}.sectionTitle`]: `${ctx.pascal} Section`,
+  };
+  for (let i = 1; i <= ctx.fieldsCount; i++) {
+    out[`${ctx.labelsSection}.field${i}`] = `Field ${i}`;
+  }
+  return out;
+}
+
+module.exports = { generate, getTranslations };

package/cli/generators/table-screen.js

@@ -1,181 +1,181 @@
-"use strict";
-
-/**
- * @param {{
- *  kebab: string,
- *  pascal: string,
- *  labelsSection: string,
- *  apiUri: string,
- *  importPath: string,
- * }} ctx
- */
-function generate(ctx) {
-  const fileBase = ctx.kebab;
-
-  const settings = `import { Validators } from "@angular/forms";
-import {
-  ButtonActionSettings,
-  FieldInfo,
-  FilterRequest,
-  PageInfo,
-  ReportRequest,
-  TableColumn,
-} from "${ctx.importPath}";
-
-export const PAGE_INFO: PageInfo = {
-  id: "${ctx.kebab}",
-  labelsSection: "${ctx.labelsSection}",
-  hasAddButton: true,
-  apiUri: "${ctx.apiUri}",
-  selfRouting: true,
-  listRoutePath: "/${ctx.kebab}",
-  draftSupported: true,
-  pageSize: 10,
-};
-
-export const COLUMNS: TableColumn<Record<string, unknown>>[] = [
-  { property: "id", type: "text", enableSorting: true, visible: true, label: "id" },
-  { property: "name", type: "text", enableSorting: true, visible: true, label: "name" },
-];
-
-export const FILTER_FIELDS: FieldInfo[] = [
-  new FieldInfo({
-    property: "name",
-    row: 1,
-    type: "text",
-    label: "name",
-    advancedFilter: true,
-    filterOperator: "LIKE",
-    validators: [Validators.maxLength(30)],
-    maxLength: 30,
-  } as FieldInfo),
-];
-
-function buildReportRequest(): ReportRequest {
-  const filterRequest = new FilterRequest(PAGE_INFO.pageSize ?? 10);
-  filterRequest.columns = COLUMNS.filter((c) => c.visible !== false).map((c) => c.property);
-  return new ReportRequest({ filterRequest });
-}
-
-export const REPORT_REQUEST: ReportRequest = buildReportRequest();
-
-export const LIST_ACTIONS: ButtonActionSettings[] = [
-  new ButtonActionSettings({
-    key: 1,
-    id: "view",
-    label: "VIEW",
-    linkHref: (row: unknown) => {
-      const id = (row as { id?: number }).id;
-      return id != null ? \`/${ctx.kebab}/view/\${id}\` : undefined;
-    },
-  } as ButtonActionSettings),
-];
-
-export const TOOLBAR_ACTIONS: ButtonActionSettings[] = [
-  new ButtonActionSettings({
-    key: 1,
-    id: "create",
-    label: "ADD_NEW",
-    linkHref: "/${ctx.kebab}/new",
-  } as ButtonActionSettings),
-];
-`;
-
-  const componentTs = `import { ChangeDetectionStrategy, Component, inject } from "@angular/core";
-import { Router } from "@angular/router";
-import { TranslateModule } from "@ngx-translate/core";
-import {
-  BaseTableComponent,
-  ButtonActionSettings,
-  Filter,
-} from "${ctx.importPath}";
-import {
-  COLUMNS,
-  FILTER_FIELDS,
-  LIST_ACTIONS,
-  PAGE_INFO,
-  REPORT_REQUEST,
-  TOOLBAR_ACTIONS,
-} from "./${fileBase}.settings";
-
-@Component({
-  selector: "app-${fileBase}",
-  standalone: true,
-  imports: [BaseTableComponent, TranslateModule],
-  templateUrl: "./${fileBase}.component.html",
-  styleUrls: ["./${fileBase}.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ${ctx.pascal}Component {
-  private readonly router = inject(Router);
-
-  readonly pageInfo = PAGE_INFO;
-  readonly columnsDefinition = COLUMNS;
-  readonly filterFieldDefinitions = FILTER_FIELDS;
-  readonly reportRequest = REPORT_REQUEST;
-  readonly filters: Filter[] = [];
-  readonly listActions = LIST_ACTIONS;
-  readonly toolbarActions = TOOLBAR_ACTIONS;
-  readonly isPending = false;
-
-  onListActionClicked(event: {
-    action: ButtonActionSettings;
-    row: unknown;
-    isPending: boolean;
-  }): void {
-    const href =
-      typeof event.action.linkHref === "function"
-        ? event.action.linkHref(event.row)
-        : event.action.linkHref;
-    if (href) {
-      void this.router.navigateByUrl(href);
-    }
-  }
-
-  onToolbarButton(action: ButtonActionSettings): void {
-    if (typeof action.linkHref === "string") {
-      void this.router.navigateByUrl(action.linkHref);
-    }
-  }
-}
-`;
-
-  const componentHtml = `<app-base-table
-  [pageInfo]="pageInfo"
-  [columns]="columnsDefinition"
-  [reportRequest]="reportRequest"
-  [filterFields]="filterFieldDefinitions"
-  [isPending]="isPending"
-  [filters]="filters"
-  [listAction]="listActions"
-  [extraActions]="toolbarActions"
-  [buttonsDisplayMode]="'list'"
-  (listActionClicked)="onListActionClicked($event)"
-  (buttonClicked)="onToolbarButton($event)">
-</app-base-table>
-`;
-
-  const componentScss = `:host {
-  display: block;
-}
-`;
-
-  return [
-    { relative: `${fileBase}.settings.ts`, content: settings },
-    { relative: `${fileBase}.component.ts`, content: componentTs },
-    { relative: `${fileBase}.component.html`, content: componentHtml },
-    { relative: `${fileBase}.component.scss`, content: componentScss },
-  ];
-}
-
-function getTranslations(ctx) {
-  return {
-    [`${ctx.labelsSection}.list_title`]: `${ctx.pascal} List`,
-    [`${ctx.labelsSection}.id`]: "ID",
-    [`${ctx.labelsSection}.name`]: "Name",
-    VIEW: "View",
-    ADD_NEW: "Add new",
-  };
-}
-
-module.exports = { generate, getTranslations };
+"use strict";
+
+/**
+ * @param {{
+ *  kebab: string,
+ *  pascal: string,
+ *  labelsSection: string,
+ *  apiUri: string,
+ *  importPath: string,
+ * }} ctx
+ */
+function generate(ctx) {
+  const fileBase = ctx.kebab;
+
+  const settings = `import { Validators } from "@angular/forms";
+import {
+  ButtonActionSettings,
+  FieldInfo,
+  FilterRequest,
+  PageInfo,
+  ReportRequest,
+  TableColumn,
+} from "${ctx.importPath}";
+
+export const PAGE_INFO: PageInfo = {
+  id: "${ctx.kebab}",
+  labelsSection: "${ctx.labelsSection}",
+  hasAddButton: true,
+  apiUri: "${ctx.apiUri}",
+  selfRouting: true,
+  listRoutePath: "/${ctx.kebab}",
+  draftSupported: true,
+  pageSize: 10,
+};
+
+export const COLUMNS: TableColumn<Record<string, unknown>>[] = [
+  { property: "id", type: "text", enableSorting: true, visible: true, label: "id" },
+  { property: "name", type: "text", enableSorting: true, visible: true, label: "name" },
+];
+
+export const FILTER_FIELDS: FieldInfo[] = [
+  new FieldInfo({
+    property: "name",
+    row: 1,
+    type: "text",
+    label: "name",
+    advancedFilter: true,
+    filterOperator: "LIKE",
+    validators: [Validators.maxLength(30)],
+    maxLength: 30,
+  } as FieldInfo),
+];
+
+function buildReportRequest(): ReportRequest {
+  const filterRequest = new FilterRequest(PAGE_INFO.pageSize ?? 10);
+  filterRequest.columns = COLUMNS.filter((c) => c.visible !== false).map((c) => c.property);
+  return new ReportRequest({ filterRequest });
+}
+
+export const REPORT_REQUEST: ReportRequest = buildReportRequest();
+
+export const LIST_ACTIONS: ButtonActionSettings[] = [
+  new ButtonActionSettings({
+    key: 1,
+    id: "view",
+    label: "VIEW",
+    linkHref: (row: unknown) => {
+      const id = (row as { id?: number }).id;
+      return id != null ? \`/${ctx.kebab}/view/\${id}\` : undefined;
+    },
+  } as ButtonActionSettings),
+];
+
+export const TOOLBAR_ACTIONS: ButtonActionSettings[] = [
+  new ButtonActionSettings({
+    key: 1,
+    id: "create",
+    label: "ADD_NEW",
+    linkHref: "/${ctx.kebab}/new",
+  } as ButtonActionSettings),
+];
+`;
+
+  const componentTs = `import { ChangeDetectionStrategy, Component, inject } from "@angular/core";
+import { Router } from "@angular/router";
+import { TranslateModule } from "@ngx-translate/core";
+import {
+  BaseTableComponent,
+  ButtonActionSettings,
+  Filter,
+} from "${ctx.importPath}";
+import {
+  COLUMNS,
+  FILTER_FIELDS,
+  LIST_ACTIONS,
+  PAGE_INFO,
+  REPORT_REQUEST,
+  TOOLBAR_ACTIONS,
+} from "./${fileBase}.settings";
+
+@Component({
+  selector: "app-${fileBase}",
+  standalone: true,
+  imports: [BaseTableComponent, TranslateModule],
+  templateUrl: "./${fileBase}.component.html",
+  styleUrls: ["./${fileBase}.component.scss"],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ${ctx.pascal}Component {
+  private readonly router = inject(Router);
+
+  readonly pageInfo = PAGE_INFO;
+  readonly columnsDefinition = COLUMNS;
+  readonly filterFieldDefinitions = FILTER_FIELDS;
+  readonly reportRequest = REPORT_REQUEST;
+  readonly filters: Filter[] = [];
+  readonly listActions = LIST_ACTIONS;
+  readonly toolbarActions = TOOLBAR_ACTIONS;
+  readonly isPending = false;
+
+  onListActionClicked(event: {
+    action: ButtonActionSettings;
+    row: unknown;
+    isPending: boolean;
+  }): void {
+    const href =
+      typeof event.action.linkHref === "function"
+        ? event.action.linkHref(event.row)
+        : event.action.linkHref;
+    if (href) {
+      void this.router.navigateByUrl(href);
+    }
+  }
+
+  onToolbarButton(action: ButtonActionSettings): void {
+    if (typeof action.linkHref === "string") {
+      void this.router.navigateByUrl(action.linkHref);
+    }
+  }
+}
+`;
+
+  const componentHtml = `<app-base-table
+  [pageInfo]="pageInfo"
+  [columns]="columnsDefinition"
+  [reportRequest]="reportRequest"
+  [filterFields]="filterFieldDefinitions"
+  [isPending]="isPending"
+  [filters]="filters"
+  [listAction]="listActions"
+  [extraActions]="toolbarActions"
+  [buttonsDisplayMode]="'list'"
+  (listActionClicked)="onListActionClicked($event)"
+  (buttonClicked)="onToolbarButton($event)">
+</app-base-table>
+`;
+
+  const componentScss = `:host {
+  display: block;
+}
+`;
+
+  return [
+    { relative: `${fileBase}.settings.ts`, content: settings },
+    { relative: `${fileBase}.component.ts`, content: componentTs },
+    { relative: `${fileBase}.component.html`, content: componentHtml },
+    { relative: `${fileBase}.component.scss`, content: componentScss },
+  ];
+}
+
+function getTranslations(ctx) {
+  return {
+    [`${ctx.labelsSection}.list_title`]: `${ctx.pascal} List`,
+    [`${ctx.labelsSection}.id`]: "ID",
+    [`${ctx.labelsSection}.name`]: "Name",
+    VIEW: "View",
+    ADD_NEW: "Add new",
+  };
+}
+
+module.exports = { generate, getTranslations };