@memberjunction/ng-core-entity-forms 0.9.153 → 0.9.155

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 (24) hide show
  1. package/dist/lib/generated/Entities/AuditLog/sections/details.component.js +116 -113
  2. package/dist/lib/generated/Entities/AuthorizationRole/sections/details.component.js +48 -48
  3. package/dist/lib/generated/Entities/CompanyIntegrationRunAPILog/sections/details.component.js +67 -64
  4. package/dist/lib/generated/Entities/ConversationDetail/sections/details.component.js +90 -87
  5. package/dist/lib/generated/Entities/DataContextItem/sections/details.component.js +143 -140
  6. package/dist/lib/generated/Entities/Entity/entity.form.component.js +19 -5
  7. package/dist/lib/generated/Entities/EntityAIAction/sections/details.component.js +153 -148
  8. package/dist/lib/generated/Entities/EntityDocument/sections/details.component.js +90 -87
  9. package/dist/lib/generated/Entities/EntityDocumentRun/sections/details.component.js +72 -69
  10. package/dist/lib/generated/Entities/EntityField/sections/details.component.js +392 -392
  11. package/dist/lib/generated/Entities/EntityFieldValue/sections/details.component.js +88 -88
  12. package/dist/lib/generated/Entities/EntityRelationship/sections/details.component.js +242 -239
  13. package/dist/lib/generated/Entities/Query/sections/details.component.js +105 -102
  14. package/dist/lib/generated/Entities/QueueTask/sections/details.component.js +94 -91
  15. package/dist/lib/generated/Entities/RecordChange/sections/details.component.js +106 -103
  16. package/dist/lib/generated/Entities/RecordMergeDeletionLog/sections/details.component.js +65 -62
  17. package/dist/lib/generated/Entities/RecordMergeLog/sections/details.component.js +134 -129
  18. package/dist/lib/generated/Entities/Report/sections/details.component.js +234 -231
  19. package/dist/lib/generated/Entities/User/sections/details.component.js +174 -171
  20. package/dist/lib/generated/Entities/UserViewCategory/sections/details.component.js +70 -68
  21. package/dist/lib/generated/Entities/VersionInstallation/sections/details.component.js +16 -11
  22. package/dist/lib/generated/Entities/Workflow/sections/details.component.js +104 -104
  23. package/dist/lib/generated/Entities/WorkflowRun/sections/details.component.js +81 -78
  24. package/package.json +5 -5
@@ -12,6 +12,8 @@ import * as i1 from "@angular/common";
12
12
  import * as i2 from "@angular/forms";
13
13
  import * as i3 from "@progress/kendo-angular-inputs";
14
14
  import * as i4 from "@memberjunction/ng-link-directives";
15
+ import * as i5 from "@progress/kendo-angular-dropdowns";
16
+ const _c0 = () => ["Pending", "Approved", "Rejected", "Expired"];
15
17
  function QueryDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
16
18
  const _r4 = i0.ɵɵgetCurrentView();
17
19
  i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
@@ -53,8 +55,8 @@ function QueryDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
53
55
  i0.ɵɵelementStart(25, "div", 3)(26, "label", 4);
54
56
  i0.ɵɵtext(27, "Status");
55
57
  i0.ɵɵelementEnd();
56
- i0.ɵɵelementStart(28, "kendo-textbox", 5);
57
- i0.ɵɵtwoWayListener("ngModelChange", function QueryDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r10.record.Status, $event) || (ctx_r10.record.Status = $event); return i0.ɵɵresetView($event); });
58
+ i0.ɵɵelementStart(28, "kendo-dropdownlist", 7);
59
+ i0.ɵɵtwoWayListener("ngModelChange", function QueryDetailsComponent_div_0_div_1_Template_kendo_dropdownlist_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r10.record.Status, $event) || (ctx_r10.record.Status = $event); return i0.ɵɵresetView($event); });
58
60
  i0.ɵɵelementEnd()();
59
61
  i0.ɵɵelementStart(29, "div", 3)(30, "label", 4);
60
62
  i0.ɵɵtext(31, "Quality Rank");
@@ -95,6 +97,7 @@ function QueryDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
95
97
  i0.ɵɵadvance(4);
96
98
  i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Feedback);
97
99
  i0.ɵɵadvance(4);
100
+ i0.ɵɵproperty("data", i0.ɵɵpureFunction0(12, _c0));
98
101
  i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Status);
99
102
  i0.ɵɵadvance(4);
100
103
  i0.ɵɵtwoWayProperty("value", ctx_r1.record.QualityRank);
@@ -121,7 +124,7 @@ function QueryDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
121
124
  i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
122
125
  i0.ɵɵtext(13, "Category ID");
123
126
  i0.ɵɵelementEnd();
124
- i0.ɵɵelementStart(14, "span", 7);
127
+ i0.ɵɵelementStart(14, "span", 8);
125
128
  i0.ɵɵtext(15);
126
129
  i0.ɵɵelementEnd()();
127
130
  i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
@@ -201,7 +204,7 @@ function QueryDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
201
204
  } }
202
205
  function QueryDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
203
206
  i0.ɵɵelementStart(0, "div");
204
- i0.ɵɵtemplate(1, QueryDetailsComponent_div_0_div_1_Template, 48, 11, "div", 1)(2, QueryDetailsComponent_div_0_div_2_Template, 56, 12, "div", 1);
207
+ i0.ɵɵtemplate(1, QueryDetailsComponent_div_0_div_1_Template, 48, 13, "div", 1)(2, QueryDetailsComponent_div_0_div_2_Template, 56, 12, "div", 1);
205
208
  i0.ɵɵelementEnd();
206
209
  } if (rf & 2) {
207
210
  const ctx_r0 = i0.ɵɵnextContext();
@@ -217,113 +220,113 @@ let QueryDetailsComponent = class QueryDetailsComponent extends BaseFormSectionC
217
220
  }
218
221
  };
219
222
  QueryDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryDetailsComponent_BaseFactory; return function QueryDetailsComponent_Factory(t) { return (ɵQueryDetailsComponent_BaseFactory || (ɵQueryDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryDetailsComponent)))(t || QueryDetailsComponent); }; })();
220
- QueryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["gen-query-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "ngModel", "ngModelChange"], [3, "value", "valueChange"], ["mjFieldLink", "", "fieldName", "CategoryID", 3, "record"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
223
+ QueryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["gen-query-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "ngModel", "ngModelChange"], [3, "value", "valueChange"], [3, "data", "ngModel", "ngModelChange"], ["mjFieldLink", "", "fieldName", "CategoryID", 3, "record"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
221
224
  i0.ɵɵtemplate(0, QueryDetailsComponent_div_0_Template, 3, 2, "div", 0);
222
225
  } if (rf & 2) {
223
226
  i0.ɵɵproperty("ngIf", ctx.record);
224
- } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.FieldLink], styles: ["a[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form[_ngcontent-%COMP%] {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}"] });
227
+ } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.FieldLink, i5.DropDownListComponent], styles: ["a[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form[_ngcontent-%COMP%] {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}"] });
225
228
  QueryDetailsComponent = __decorate([
226
229
  RegisterClass(BaseFormSectionComponent, 'Queries.details') // Tell MemberJunction about this class
227
230
  ], QueryDetailsComponent);
228
231
  export { QueryDetailsComponent };
229
232
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryDetailsComponent, [{
230
233
  type: Component,
231
- args: [{ selector: 'gen-query-form-details', template: `<div *ngIf="this.record">
232
- <div *ngIf="this.EditMode" class="record-form">
233
-
234
- <div class="record-form-row">
235
- <label class="fieldLabel">Name</label>
236
- <kendo-textarea [(ngModel)]="record.Name" ></kendo-textarea>
237
- </div>
238
- <div class="record-form-row">
239
- <label class="fieldLabel">Description</label>
240
- <kendo-textbox [(ngModel)]="record.Description" />
241
- </div>
242
- <div class="record-form-row">
243
- <label class="fieldLabel">Category ID</label>
244
- <kendo-numerictextbox [(value)]="record.CategoryID!" ></kendo-numerictextbox>
245
- </div>
246
- <div class="record-form-row">
247
- <label class="fieldLabel">SQL</label>
248
- <kendo-textbox [(ngModel)]="record.SQL" />
249
- </div>
250
- <div class="record-form-row">
251
- <label class="fieldLabel">Original SQL</label>
252
- <kendo-textbox [(ngModel)]="record.OriginalSQL" />
253
- </div>
254
- <div class="record-form-row">
255
- <label class="fieldLabel">Feedback</label>
256
- <kendo-textbox [(ngModel)]="record.Feedback" />
257
- </div>
258
- <div class="record-form-row">
259
- <label class="fieldLabel">Status</label>
260
- <kendo-textbox [(ngModel)]="record.Status" />
261
- </div>
262
- <div class="record-form-row">
263
- <label class="fieldLabel">Quality Rank</label>
264
- <kendo-numerictextbox [(value)]="record.QualityRank!" ></kendo-numerictextbox>
265
- </div>
266
- <div class="record-form-row">
267
- <label class="fieldLabel">Created At</label>
268
- <span >{{FormatValue('CreatedAt', 0)}}</span>
269
- </div>
270
- <div class="record-form-row">
271
- <label class="fieldLabel">Updated At</label>
272
- <span >{{FormatValue('UpdatedAt', 0)}}</span>
273
- </div>
274
- <div class="record-form-row">
275
- <label class="fieldLabel">Category</label>
276
- <span >{{FormatValue('Category', 0)}}</span>
277
- </div>
278
- </div>
279
- <div *ngIf="!this.EditMode" class="record-form">
280
-
281
- <div class="record-form-row">
282
- <label class="fieldLabel">Name</label>
283
- <span >{{FormatValue('Name', 0)}}</span>
284
- </div>
285
- <div class="record-form-row">
286
- <label class="fieldLabel">Description</label>
287
- <span >{{FormatValue('Description', 0)}}</span>
288
- </div>
289
- <div class="record-form-row">
290
- <label class="fieldLabel">Category ID</label>
291
- <span mjFieldLink [record]="record" fieldName="CategoryID" >{{FormatValue('CategoryID', 0)}}</span>
292
- </div>
293
- <div class="record-form-row">
294
- <label class="fieldLabel">SQL</label>
295
- <span >{{FormatValue('SQL', 0)}}</span>
296
- </div>
297
- <div class="record-form-row">
298
- <label class="fieldLabel">Original SQL</label>
299
- <span >{{FormatValue('OriginalSQL', 0)}}</span>
300
- </div>
301
- <div class="record-form-row">
302
- <label class="fieldLabel">Feedback</label>
303
- <span >{{FormatValue('Feedback', 0)}}</span>
304
- </div>
305
- <div class="record-form-row">
306
- <label class="fieldLabel">Status</label>
307
- <span >{{FormatValue('Status', 0)}}</span>
308
- </div>
309
- <div class="record-form-row">
310
- <label class="fieldLabel">Quality Rank</label>
311
- <span >{{FormatValue('QualityRank', 0)}}</span>
312
- </div>
313
- <div class="record-form-row">
314
- <label class="fieldLabel">Created At</label>
315
- <span >{{FormatValue('CreatedAt', 0)}}</span>
316
- </div>
317
- <div class="record-form-row">
318
- <label class="fieldLabel">Updated At</label>
319
- <span >{{FormatValue('UpdatedAt', 0)}}</span>
320
- </div>
321
- <div class="record-form-row">
322
- <label class="fieldLabel">Category</label>
323
- <span >{{FormatValue('Category', 0)}}</span>
324
- </div>
325
- </div>
326
- </div>
234
+ args: [{ selector: 'gen-query-form-details', template: `<div *ngIf="this.record">
235
+ <div *ngIf="this.EditMode" class="record-form">
236
+
237
+ <div class="record-form-row">
238
+ <label class="fieldLabel">Name</label>
239
+ <kendo-textarea [(ngModel)]="record.Name" ></kendo-textarea>
240
+ </div>
241
+ <div class="record-form-row">
242
+ <label class="fieldLabel">Description</label>
243
+ <kendo-textbox [(ngModel)]="record.Description" />
244
+ </div>
245
+ <div class="record-form-row">
246
+ <label class="fieldLabel">Category ID</label>
247
+ <kendo-numerictextbox [(value)]="record.CategoryID!" ></kendo-numerictextbox>
248
+ </div>
249
+ <div class="record-form-row">
250
+ <label class="fieldLabel">SQL</label>
251
+ <kendo-textbox [(ngModel)]="record.SQL" />
252
+ </div>
253
+ <div class="record-form-row">
254
+ <label class="fieldLabel">Original SQL</label>
255
+ <kendo-textbox [(ngModel)]="record.OriginalSQL" />
256
+ </div>
257
+ <div class="record-form-row">
258
+ <label class="fieldLabel">Feedback</label>
259
+ <kendo-textbox [(ngModel)]="record.Feedback" />
260
+ </div>
261
+ <div class="record-form-row">
262
+ <label class="fieldLabel">Status</label>
263
+ <kendo-dropdownlist [data]="['Pending', 'Approved', 'Rejected', 'Expired']" [(ngModel)]="record.Status" ></kendo-dropdownlist>
264
+ </div>
265
+ <div class="record-form-row">
266
+ <label class="fieldLabel">Quality Rank</label>
267
+ <kendo-numerictextbox [(value)]="record.QualityRank!" ></kendo-numerictextbox>
268
+ </div>
269
+ <div class="record-form-row">
270
+ <label class="fieldLabel">Created At</label>
271
+ <span >{{FormatValue('CreatedAt', 0)}}</span>
272
+ </div>
273
+ <div class="record-form-row">
274
+ <label class="fieldLabel">Updated At</label>
275
+ <span >{{FormatValue('UpdatedAt', 0)}}</span>
276
+ </div>
277
+ <div class="record-form-row">
278
+ <label class="fieldLabel">Category</label>
279
+ <span >{{FormatValue('Category', 0)}}</span>
280
+ </div>
281
+ </div>
282
+ <div *ngIf="!this.EditMode" class="record-form">
283
+
284
+ <div class="record-form-row">
285
+ <label class="fieldLabel">Name</label>
286
+ <span >{{FormatValue('Name', 0)}}</span>
287
+ </div>
288
+ <div class="record-form-row">
289
+ <label class="fieldLabel">Description</label>
290
+ <span >{{FormatValue('Description', 0)}}</span>
291
+ </div>
292
+ <div class="record-form-row">
293
+ <label class="fieldLabel">Category ID</label>
294
+ <span mjFieldLink [record]="record" fieldName="CategoryID" >{{FormatValue('CategoryID', 0)}}</span>
295
+ </div>
296
+ <div class="record-form-row">
297
+ <label class="fieldLabel">SQL</label>
298
+ <span >{{FormatValue('SQL', 0)}}</span>
299
+ </div>
300
+ <div class="record-form-row">
301
+ <label class="fieldLabel">Original SQL</label>
302
+ <span >{{FormatValue('OriginalSQL', 0)}}</span>
303
+ </div>
304
+ <div class="record-form-row">
305
+ <label class="fieldLabel">Feedback</label>
306
+ <span >{{FormatValue('Feedback', 0)}}</span>
307
+ </div>
308
+ <div class="record-form-row">
309
+ <label class="fieldLabel">Status</label>
310
+ <span >{{FormatValue('Status', 0)}}</span>
311
+ </div>
312
+ <div class="record-form-row">
313
+ <label class="fieldLabel">Quality Rank</label>
314
+ <span >{{FormatValue('QualityRank', 0)}}</span>
315
+ </div>
316
+ <div class="record-form-row">
317
+ <label class="fieldLabel">Created At</label>
318
+ <span >{{FormatValue('CreatedAt', 0)}}</span>
319
+ </div>
320
+ <div class="record-form-row">
321
+ <label class="fieldLabel">Updated At</label>
322
+ <span >{{FormatValue('UpdatedAt', 0)}}</span>
323
+ </div>
324
+ <div class="record-form-row">
325
+ <label class="fieldLabel">Category</label>
326
+ <span >{{FormatValue('Category', 0)}}</span>
327
+ </div>
328
+ </div>
329
+ </div>
327
330
  `, styles: ["a {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n background-color: #ffffff; \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row label {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}\r\n"] }]
328
331
  }], null, { record: [{
329
332
  type: Input
@@ -13,6 +13,8 @@ import * as i2 from "@angular/forms";
13
13
  import * as i3 from "@progress/kendo-angular-inputs";
14
14
  import * as i4 from "@progress/kendo-angular-dateinputs";
15
15
  import * as i5 from "@memberjunction/ng-link-directives";
16
+ import * as i6 from "@progress/kendo-angular-dropdowns";
17
+ const _c0 = () => ["In Progress", "Completed", "Failed"];
16
18
  function QueueTaskDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
17
19
  const _r4 = i0.ɵɵgetCurrentView();
18
20
  i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
@@ -24,8 +26,8 @@ function QueueTaskDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
24
26
  i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
25
27
  i0.ɵɵtext(7, "Status");
26
28
  i0.ɵɵelementEnd();
27
- i0.ɵɵelementStart(8, "kendo-textbox", 6);
28
- i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.record.Status, $event) || (ctx_r5.record.Status = $event); return i0.ɵɵresetView($event); });
29
+ i0.ɵɵelementStart(8, "kendo-dropdownlist", 6);
30
+ i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_dropdownlist_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.record.Status, $event) || (ctx_r5.record.Status = $event); return i0.ɵɵresetView($event); });
29
31
  i0.ɵɵelementEnd()();
30
32
  i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
31
33
  i0.ɵɵtext(11, "Started At");
@@ -42,31 +44,31 @@ function QueueTaskDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
42
44
  i0.ɵɵelementStart(17, "div", 3)(18, "label", 4);
43
45
  i0.ɵɵtext(19, "Data");
44
46
  i0.ɵɵelementEnd();
45
- i0.ɵɵelementStart(20, "kendo-textbox", 6);
47
+ i0.ɵɵelementStart(20, "kendo-textbox", 7);
46
48
  i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_20_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r8.record.Data, $event) || (ctx_r8.record.Data = $event); return i0.ɵɵresetView($event); });
47
49
  i0.ɵɵelementEnd()();
48
50
  i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
49
51
  i0.ɵɵtext(23, "Options");
50
52
  i0.ɵɵelementEnd();
51
- i0.ɵɵelementStart(24, "kendo-textbox", 6);
53
+ i0.ɵɵelementStart(24, "kendo-textbox", 7);
52
54
  i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r9.record.Options, $event) || (ctx_r9.record.Options = $event); return i0.ɵɵresetView($event); });
53
55
  i0.ɵɵelementEnd()();
54
56
  i0.ɵɵelementStart(25, "div", 3)(26, "label", 4);
55
57
  i0.ɵɵtext(27, "Output");
56
58
  i0.ɵɵelementEnd();
57
- i0.ɵɵelementStart(28, "kendo-textbox", 6);
59
+ i0.ɵɵelementStart(28, "kendo-textbox", 7);
58
60
  i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r10.record.Output, $event) || (ctx_r10.record.Output = $event); return i0.ɵɵresetView($event); });
59
61
  i0.ɵɵelementEnd()();
60
62
  i0.ɵɵelementStart(29, "div", 3)(30, "label", 4);
61
63
  i0.ɵɵtext(31, "Error Message");
62
64
  i0.ɵɵelementEnd();
63
- i0.ɵɵelementStart(32, "kendo-textbox", 6);
65
+ i0.ɵɵelementStart(32, "kendo-textbox", 7);
64
66
  i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r11 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r11.record.ErrorMessage, $event) || (ctx_r11.record.ErrorMessage = $event); return i0.ɵɵresetView($event); });
65
67
  i0.ɵɵelementEnd()();
66
68
  i0.ɵɵelementStart(33, "div", 3)(34, "label", 4);
67
69
  i0.ɵɵtext(35, "Comments");
68
70
  i0.ɵɵelementEnd();
69
- i0.ɵɵelementStart(36, "kendo-textbox", 6);
71
+ i0.ɵɵelementStart(36, "kendo-textbox", 7);
70
72
  i0.ɵɵtwoWayListener("ngModelChange", function QueueTaskDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r12 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r12.record.Comments, $event) || (ctx_r12.record.Comments = $event); return i0.ɵɵresetView($event); });
71
73
  i0.ɵɵelementEnd()()();
72
74
  } if (rf & 2) {
@@ -74,6 +76,7 @@ function QueueTaskDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
74
76
  i0.ɵɵadvance(4);
75
77
  i0.ɵɵtwoWayProperty("value", ctx_r1.record.QueueID);
76
78
  i0.ɵɵadvance(4);
79
+ i0.ɵɵproperty("data", i0.ɵɵpureFunction0(10, _c0));
77
80
  i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Status);
78
81
  i0.ɵɵadvance(4);
79
82
  i0.ɵɵtwoWayProperty("value", ctx_r1.record.StartedAt);
@@ -94,7 +97,7 @@ function QueueTaskDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
94
97
  i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
95
98
  i0.ɵɵtext(3, "Queue ID");
96
99
  i0.ɵɵelementEnd();
97
- i0.ɵɵelementStart(4, "span", 7);
100
+ i0.ɵɵelementStart(4, "span", 8);
98
101
  i0.ɵɵtext(5);
99
102
  i0.ɵɵelementEnd()();
100
103
  i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
@@ -170,7 +173,7 @@ function QueueTaskDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
170
173
  } }
171
174
  function QueueTaskDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
172
175
  i0.ɵɵelementStart(0, "div");
173
- i0.ɵɵtemplate(1, QueueTaskDetailsComponent_div_0_div_1_Template, 37, 9, "div", 1)(2, QueueTaskDetailsComponent_div_0_div_2_Template, 46, 10, "div", 1);
176
+ i0.ɵɵtemplate(1, QueueTaskDetailsComponent_div_0_div_1_Template, 37, 11, "div", 1)(2, QueueTaskDetailsComponent_div_0_div_2_Template, 46, 10, "div", 1);
174
177
  i0.ɵɵelementEnd();
175
178
  } if (rf & 2) {
176
179
  const ctx_r0 = i0.ɵɵnextContext();
@@ -186,97 +189,97 @@ let QueueTaskDetailsComponent = class QueueTaskDetailsComponent extends BaseForm
186
189
  }
187
190
  };
188
191
  QueueTaskDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueueTaskDetailsComponent_BaseFactory; return function QueueTaskDetailsComponent_Factory(t) { return (ɵQueueTaskDetailsComponent_BaseFactory || (ɵQueueTaskDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueueTaskDetailsComponent)))(t || QueueTaskDetailsComponent); }; })();
189
- QueueTaskDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueueTaskDetailsComponent, selectors: [["gen-queuetask-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "value", "valueChange"], [3, "ngModel", "ngModelChange"], ["mjFieldLink", "", "fieldName", "QueueID", 3, "record"]], template: function QueueTaskDetailsComponent_Template(rf, ctx) { if (rf & 1) {
192
+ QueueTaskDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueueTaskDetailsComponent, selectors: [["gen-queuetask-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "value", "valueChange"], [3, "data", "ngModel", "ngModelChange"], [3, "ngModel", "ngModelChange"], ["mjFieldLink", "", "fieldName", "QueueID", 3, "record"]], template: function QueueTaskDetailsComponent_Template(rf, ctx) { if (rf & 1) {
190
193
  i0.ɵɵtemplate(0, QueueTaskDetailsComponent_div_0_Template, 3, 2, "div", 0);
191
194
  } if (rf & 2) {
192
195
  i0.ɵɵproperty("ngIf", ctx.record);
193
- } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.DatePickerComponent, i5.FieldLink], styles: ["a[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form[_ngcontent-%COMP%] {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}"] });
196
+ } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.DatePickerComponent, i5.FieldLink, i6.DropDownListComponent], styles: ["a[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%] .record-form-row[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form[_ngcontent-%COMP%] {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}"] });
194
197
  QueueTaskDetailsComponent = __decorate([
195
198
  RegisterClass(BaseFormSectionComponent, 'Queue Tasks.details') // Tell MemberJunction about this class
196
199
  ], QueueTaskDetailsComponent);
197
200
  export { QueueTaskDetailsComponent };
198
201
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueueTaskDetailsComponent, [{
199
202
  type: Component,
200
- args: [{ selector: 'gen-queuetask-form-details', template: `<div *ngIf="this.record">
201
- <div *ngIf="this.EditMode" class="record-form">
202
-
203
- <div class="record-form-row">
204
- <label class="fieldLabel">Queue ID</label>
205
- <kendo-numerictextbox [(value)]="record.QueueID" ></kendo-numerictextbox>
206
- </div>
207
- <div class="record-form-row">
208
- <label class="fieldLabel">Status</label>
209
- <kendo-textbox [(ngModel)]="record.Status" />
210
- </div>
211
- <div class="record-form-row">
212
- <label class="fieldLabel">Started At</label>
213
- <kendo-datepicker [(value)]="record.StartedAt!" ></kendo-datepicker>
214
- </div>
215
- <div class="record-form-row">
216
- <label class="fieldLabel">Ended At</label>
217
- <kendo-datepicker [(value)]="record.EndedAt!" ></kendo-datepicker>
218
- </div>
219
- <div class="record-form-row">
220
- <label class="fieldLabel">Data</label>
221
- <kendo-textbox [(ngModel)]="record.Data" />
222
- </div>
223
- <div class="record-form-row">
224
- <label class="fieldLabel">Options</label>
225
- <kendo-textbox [(ngModel)]="record.Options" />
226
- </div>
227
- <div class="record-form-row">
228
- <label class="fieldLabel">Output</label>
229
- <kendo-textbox [(ngModel)]="record.Output" />
230
- </div>
231
- <div class="record-form-row">
232
- <label class="fieldLabel">Error Message</label>
233
- <kendo-textbox [(ngModel)]="record.ErrorMessage" />
234
- </div>
235
- <div class="record-form-row">
236
- <label class="fieldLabel">Comments</label>
237
- <kendo-textbox [(ngModel)]="record.Comments" />
238
- </div>
239
- </div>
240
- <div *ngIf="!this.EditMode" class="record-form">
241
-
242
- <div class="record-form-row">
243
- <label class="fieldLabel">Queue ID</label>
244
- <span mjFieldLink [record]="record" fieldName="QueueID" >{{FormatValue('QueueID', 0)}}</span>
245
- </div>
246
- <div class="record-form-row">
247
- <label class="fieldLabel">Status</label>
248
- <span >{{FormatValue('Status', 0)}}</span>
249
- </div>
250
- <div class="record-form-row">
251
- <label class="fieldLabel">Started At</label>
252
- <span >{{FormatValue('StartedAt', 0)}}</span>
253
- </div>
254
- <div class="record-form-row">
255
- <label class="fieldLabel">Ended At</label>
256
- <span >{{FormatValue('EndedAt', 0)}}</span>
257
- </div>
258
- <div class="record-form-row">
259
- <label class="fieldLabel">Data</label>
260
- <span >{{FormatValue('Data', 0)}}</span>
261
- </div>
262
- <div class="record-form-row">
263
- <label class="fieldLabel">Options</label>
264
- <span >{{FormatValue('Options', 0)}}</span>
265
- </div>
266
- <div class="record-form-row">
267
- <label class="fieldLabel">Output</label>
268
- <span >{{FormatValue('Output', 0)}}</span>
269
- </div>
270
- <div class="record-form-row">
271
- <label class="fieldLabel">Error Message</label>
272
- <span >{{FormatValue('ErrorMessage', 0)}}</span>
273
- </div>
274
- <div class="record-form-row">
275
- <label class="fieldLabel">Comments</label>
276
- <span >{{FormatValue('Comments', 0)}}</span>
277
- </div>
278
- </div>
279
- </div>
203
+ args: [{ selector: 'gen-queuetask-form-details', template: `<div *ngIf="this.record">
204
+ <div *ngIf="this.EditMode" class="record-form">
205
+
206
+ <div class="record-form-row">
207
+ <label class="fieldLabel">Queue ID</label>
208
+ <kendo-numerictextbox [(value)]="record.QueueID" ></kendo-numerictextbox>
209
+ </div>
210
+ <div class="record-form-row">
211
+ <label class="fieldLabel">Status</label>
212
+ <kendo-dropdownlist [data]="['In Progress', 'Completed', 'Failed']" [(ngModel)]="record.Status" ></kendo-dropdownlist>
213
+ </div>
214
+ <div class="record-form-row">
215
+ <label class="fieldLabel">Started At</label>
216
+ <kendo-datepicker [(value)]="record.StartedAt!" ></kendo-datepicker>
217
+ </div>
218
+ <div class="record-form-row">
219
+ <label class="fieldLabel">Ended At</label>
220
+ <kendo-datepicker [(value)]="record.EndedAt!" ></kendo-datepicker>
221
+ </div>
222
+ <div class="record-form-row">
223
+ <label class="fieldLabel">Data</label>
224
+ <kendo-textbox [(ngModel)]="record.Data" />
225
+ </div>
226
+ <div class="record-form-row">
227
+ <label class="fieldLabel">Options</label>
228
+ <kendo-textbox [(ngModel)]="record.Options" />
229
+ </div>
230
+ <div class="record-form-row">
231
+ <label class="fieldLabel">Output</label>
232
+ <kendo-textbox [(ngModel)]="record.Output" />
233
+ </div>
234
+ <div class="record-form-row">
235
+ <label class="fieldLabel">Error Message</label>
236
+ <kendo-textbox [(ngModel)]="record.ErrorMessage" />
237
+ </div>
238
+ <div class="record-form-row">
239
+ <label class="fieldLabel">Comments</label>
240
+ <kendo-textbox [(ngModel)]="record.Comments" />
241
+ </div>
242
+ </div>
243
+ <div *ngIf="!this.EditMode" class="record-form">
244
+
245
+ <div class="record-form-row">
246
+ <label class="fieldLabel">Queue ID</label>
247
+ <span mjFieldLink [record]="record" fieldName="QueueID" >{{FormatValue('QueueID', 0)}}</span>
248
+ </div>
249
+ <div class="record-form-row">
250
+ <label class="fieldLabel">Status</label>
251
+ <span >{{FormatValue('Status', 0)}}</span>
252
+ </div>
253
+ <div class="record-form-row">
254
+ <label class="fieldLabel">Started At</label>
255
+ <span >{{FormatValue('StartedAt', 0)}}</span>
256
+ </div>
257
+ <div class="record-form-row">
258
+ <label class="fieldLabel">Ended At</label>
259
+ <span >{{FormatValue('EndedAt', 0)}}</span>
260
+ </div>
261
+ <div class="record-form-row">
262
+ <label class="fieldLabel">Data</label>
263
+ <span >{{FormatValue('Data', 0)}}</span>
264
+ </div>
265
+ <div class="record-form-row">
266
+ <label class="fieldLabel">Options</label>
267
+ <span >{{FormatValue('Options', 0)}}</span>
268
+ </div>
269
+ <div class="record-form-row">
270
+ <label class="fieldLabel">Output</label>
271
+ <span >{{FormatValue('Output', 0)}}</span>
272
+ </div>
273
+ <div class="record-form-row">
274
+ <label class="fieldLabel">Error Message</label>
275
+ <span >{{FormatValue('ErrorMessage', 0)}}</span>
276
+ </div>
277
+ <div class="record-form-row">
278
+ <label class="fieldLabel">Comments</label>
279
+ <span >{{FormatValue('Comments', 0)}}</span>
280
+ </div>
281
+ </div>
282
+ </div>
280
283
  `, styles: ["a {\r\n font-size: 14px;\r\n font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n margin-top: 0px;\r\n}\r\n\r\nbutton {\r\n margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: start;\r\n gap: 10px;\r\n margin-bottom: 12px;\r\n padding-top: 5px;\r\n padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n background-color: #ffffff; \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n font-weight: bold;\r\n padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n white-space: pre-line;\r\n max-height: 300px;\r\n overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n .record-form {\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .record-form-row {\r\n flex-direction: row;\r\n align-items: center;\r\n }\r\n\r\n .record-form-row label {\r\n width: 240px;\r\n margin-bottom: 0;\r\n }\r\n}\r\n"] }]
281
284
  }], null, { record: [{
282
285
  type: Input