imng-kendo-schematics 19.175.1 → 19.178.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/schematics/imng-crud/files/add-edit.component.html.template +59 -30
  3. package/schematics/imng-list/files/list.component.html.template +13 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "imng-kendo-schematics",
3
- "version": "19.175.1",
3
+ "version": "19.178.2",
4
4
  "description": "Angular Schematics facilitating Angular, Kendo, NGRX and imng package integration",
5
5
  "scripts": {
6
6
  "build": "tsc -p tsconfig.json",
package/schematics/imng-crud/files/add-edit.component.html.template CHANGED
@@ -15,9 +15,13 @@
15
15
  [filterable]="true"
16
16
  (filterChange)="handle<%= classify(swaggerProperty.name) %>Filter($event)">
17
17
  </kendo-combobox><% if(swaggerProperty.required) { %>
18
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
19
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
20
- </div><% } %>
18
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
19
+ <div class="invalid-feedback d-block">
20
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
21
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
22
+ }
23
+ </div>
24
+ }<% } %>
21
25
  </div><%} else if (swaggerProperty.htmlInputType === 'object' && swaggerProperty.properties.length <= 2){ %>
22
26
  <kendo-combobox
23
27
  id="<%= underscore(swaggerProperty.name) %>"
@@ -30,9 +34,13 @@
30
34
  [filterable]="true"
31
35
  (filterChange)="handle<%= classify(swaggerProperty.name) %>Filter($event)">
32
36
  </kendo-combobox><% if(swaggerProperty.required) { %>
33
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
34
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
35
- </div><% } %>
37
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)){
38
+ <div class="invalid-feedback d-block">
39
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
40
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
41
+ }
42
+ </div>
43
+ }<% } %>
36
44
  </div><%} else if (swaggerProperty.htmlInputType === 'object'){ %>
37
45
  <kendo-multicolumncombobox
38
46
  id="<%= underscore(swaggerProperty.name) %>"
@@ -46,41 +54,62 @@
46
54
  (filterChange)="handle<%= classify(swaggerProperty.name) %>Filter($event)"><% swaggerProperty.properties.filter(t=> t.name !== 'id' && !t.hidden).forEach(swaggerSubProperty => { %>
47
55
  <kendo-combobox-column field="<%= camelize(swaggerSubProperty.name) %>" title="<%= swaggerSubProperty.startCaseName %>" [width]="100"></kendo-combobox-column><% }); %>
48
56
  </kendo-multicolumncombobox><% if(swaggerProperty.required) { %>
49
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
50
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
51
- </div><% } %>
57
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
58
+ <div class="invalid-feedback d-block">
59
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
60
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
61
+ }
62
+ </div>
63
+ }<% } %>
52
64
  </div><%} else if (swaggerProperty.htmlInputType === 'date' && swaggerProperty.required) { %>
53
- <kendo-datepicker id="<%= underscore(swaggerProperty.name) %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>">
54
- </kendo-datepicker>
55
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
56
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
57
- </div>
65
+ <kendo-datepicker id="<%= underscore(swaggerProperty.name) %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
66
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
67
+ <div class="invalid-feedback d-block">
68
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
69
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
70
+ }
71
+ </div>
72
+ }
58
73
  </div><%} else if (swaggerProperty.htmlInputType === 'date'){ %>
59
74
  <kendo-datepicker id="<%= underscore(swaggerProperty.name) %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>"></kendo-datepicker>
60
75
  </div><%} else if (swaggerProperty.required && swaggerProperty.minLength) { %>
61
76
  <input id="<%= underscore(swaggerProperty.name) %>" type="<%= swaggerProperty.htmlInputType %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
62
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
63
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
64
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[MinLengthError]">
65
- <%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> requires a min length of
66
- {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.requiredLength}}, currently only
67
- {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.actualLength}}.
77
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
78
+ <div class="invalid-feedback d-block">
79
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
80
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
81
+ }
82
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[MinLengthError]) {
83
+ <div>
84
+ <%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> requires a min length of
85
+ {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.requiredLength}}, currently only
86
+ {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.actualLength}}.
87
+ </div>
88
+ }
68
89
  </div>
69
- </div>
90
+ }
70
91
  </div><% } else if (swaggerProperty.required) { %>
71
92
  <input id="<%= underscore(swaggerProperty.name) %>" type="<%= swaggerProperty.htmlInputType %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
72
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
73
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]"><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
74
- </div>
93
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
94
+ <div class="invalid-feedback d-block">
95
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[RequiredError]) {
96
+ <div><%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> is required</div>
97
+ }
98
+ </div>
99
+ }
75
100
  </div><% } else if (swaggerProperty.minLength) { %>
76
101
  <input id="<%= underscore(swaggerProperty.name) %>" type="<%= swaggerProperty.htmlInputType %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
77
- <div *ngIf="(submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)" class="invalid-feedback d-block">
78
- <div *ngIf="formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[MinLengthError]">
79
- <%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> requires a min length of
80
- {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.requiredLength}}, currently only
81
- {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.actualLength}}.
102
+ @if ((submitted$ | async) && formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)) {
103
+ <div class="invalid-feedback d-block">
104
+ @if (formControlErrors(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.[MinLengthError]) {
105
+ <div>
106
+ <%= capitalize(decamelize(name)) %> <%= (swaggerProperty.startCaseName).toLowerCase() %> requires a min length of
107
+ {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.requiredLength}}, currently only
108
+ {{formMinLengthError(props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>)?.actualLength}}.
109
+ </div>
110
+ }
82
111
  </div>
83
- </div>
112
+ }
84
113
  </div><% } else{ %>
85
114
  <input id="<%= underscore(swaggerProperty.name) %>" type="<%= swaggerProperty.htmlInputType %>" class="form-control" [formControlName]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
86
115
  </div><% } %><% }) %>
package/schematics/imng-list/files/list.component.html.template CHANGED
@@ -7,8 +7,7 @@
7
7
  (addItemClicked)="addItem()"
8
8
  (reloadEntitiesClicked)="reloadEntities()"
9
9
  (resetFiltersClicked)="resetFilters()"
10
- [hasHiddenColumns$]="hasHiddenColumns$">
11
- </imng-kendo-odata-grid-header>
10
+ [hasHiddenColumns$]="hasHiddenColumns$" />
12
11
  </div>
13
12
  </ng-template>
14
13
  <kendo-grid-column [width]="75">
@@ -54,7 +53,7 @@
54
53
  <ng-template kendoGridCellTemplate let-dataItem>
55
54
  <div *ngIf="dataItem[props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>]">
56
55
  <span class="text-success font-weight-bolder h2" tooltip="<%= swaggerProperty.startCaseName %>">
57
- <span class="k-icon k-i-check-circle start-50"></span>
56
+ <span class="k-icon k-i-check-circle start-50" />
58
57
  </span>
59
58
  </div>
60
59
  </ng-template>
@@ -63,11 +62,10 @@
63
62
  <ng-template kendoGridCellTemplate let-dataItem>
64
63
  <imng-kendo-copy
65
64
  [displayValue]="dataItem[props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>] | slice:0:5"
66
- [copyValue]="dataItem[props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>]">
67
- </imng-kendo-copy>
65
+ [copyValue]="dataItem[props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>]" />
68
66
  </ng-template>
69
67
  <ng-template kendoGridFilterMenuTemplate let-filter>
70
- <imng-uuid-filter [filter]="filter"></imng-uuid-filter>
68
+ <imng-uuid-filter [filter]="filter" />
71
69
  </ng-template>
72
70
  <%} else if (swaggerProperty.enum) { %>
73
71
  <kendo-grid-column
@@ -82,7 +80,7 @@
82
80
  [textField]="EnumProperties.DISPLAY_TEXT"
83
81
  [valueField]="EnumProperties.NAME"
84
82
  [data]="<%= camelize(swaggerProperty.pluralizedPropertyTypeName) %>"
85
- [field]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>"></imng-multi-select-filter>
83
+ [field]="props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>" />
86
84
  </ng-template>
87
85
  <ng-template kendoGridCellTemplate let-dataItem>
88
86
  {{ getEnumText(<%= camelize(swaggerProperty.pluralizedPropertyTypeName) %>, dataItem[props.<%= swaggerProperty.snakeCaseName.toUpperCase() %>]) }}
@@ -99,9 +97,13 @@
99
97
  </kendo-grid-column><% }) %>
100
98
 
101
99
  <kendo-grid-pdf [fileName]="getExportFileName('<%= classify(pluralizedName) %>')" [allPages]="false">
102
- <kendo-grid-pdf-margin top="1cm" left="1cm" right="1cm" bottom="1cm"></kendo-grid-pdf-margin>
100
+ <kendo-grid-pdf-margin top="1cm" left="1cm" right="1cm" bottom="1cm" />
103
101
  </kendo-grid-pdf>
104
- <kendo-grid-excel [fileName]="getExportFileName('<%= classify(pluralizedName) %>')" [fetchData]="excelData"></kendo-grid-excel>
102
+ <kendo-grid-excel [fileName]="getExportFileName('<%= classify(pluralizedName) %>')" [fetchData]="excelData" />
105
103
  </kendo-grid>
106
- <<%= appPrefix %>-<%= dasherize(name) %>-add *ngIf="crudFacade.isNewActive$ | async"></<%= appPrefix %>-<%= dasherize(name) %>-add>
107
- <<%= appPrefix %>-<%= dasherize(name) %>-edit *ngIf="crudFacade.isEditActive$ | async"></<%= appPrefix %>-<%= dasherize(name) %>-edit>
104
+ @if (crudFacade.isNewActive$ | async) {
105
+ <<%= appPrefix %>-<%= dasherize(name) %>-add />
106
+ }
107
+ @if (crudFacade.isEditActive$ | async) {
108
+ <<%= appPrefix %>-<%= dasherize(name) %>-edit />
109
+ }