@churchillliving/se-ui-toolkit 6.52.58 → 6.52.59
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.
- package/bundles/churchillliving-se-ui-toolkit.umd.js +30 -5
- package/bundles/churchillliving-se-ui-toolkit.umd.js.map +1 -1
- package/churchillliving-se-ui-toolkit.metadata.json +1 -1
- package/esm2015/lib/components/base/cards/card.component.js +9 -5
- package/esm2015/lib/components/base/file-upload/file-upload.component.js +22 -1
- package/esm2015/lib/components/base/file-upload/file-upload.component.ngfactory.js +1 -1
- package/esm2015/lib/components/base/file-upload/file-upload.component.ngsummary.json +1 -1
- package/esm2015/lib/components/base/form/form.component.js +2 -2
- package/esm2015/lib/components/base/form/form.component.ngfactory.js +2 -2
- package/esm2015/lib/se-ui-toolkit.module.ngfactory.js +1 -1
- package/fesm2015/churchillliving-se-ui-toolkit.js +30 -5
- package/fesm2015/churchillliving-se-ui-toolkit.js.map +1 -1
- package/lib/components/base/file-upload/file-upload.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6834,7 +6834,7 @@
|
|
|
6834
6834
|
FormComponent.decorators = [
|
|
6835
6835
|
{ type: i0.Component, args: [{
|
|
6836
6836
|
selector: 'se-form',
|
|
6837
|
-
template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\" ></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-d-flex p-flex-wrap container w-100 my-5\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div *ngIf=\"!formSection.hidden\" [class]=\"formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\" [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"p-mb-0 p-d-flex p-ai-center p-mr-3\">\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1\"></i>\r\n <b> {{ formSection.name }} </b>\r\n </label>\r\n\r\n <div\r\n *ngFor=\"let link of formSection.links\"\r\n [class]=\"formSection.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n class=\"p-mr-3\"\r\n [class]=\"link.name ? 'custom-link' : ''\"\r\n (click)=\"link.onClick()\"\r\n >\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap\">\r\n <div\r\n [class]=\"formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField)\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\"\r\n >\r\n <!-- labelControl Hyperlink on Lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n (click)=\"loadLabelControlIFrame(formField)\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox -->\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\"\r\n >\r\n <a\r\n tabindex=\"-1\"\r\n [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.SPACER\"\r\n >\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <textarea\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n pInputTextarea\r\n [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n ></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.INPUT\"\r\n >\r\n <span\r\n [class]=\"formField.disabled && !formField.showBottomBorder ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\"\r\n [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\"\r\n >\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\"\r\n [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \"\r\n (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n />\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.NUMERIC\"\r\n >\r\n <label\r\n [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \"\r\n (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\"\r\n >\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span\r\n class=\"input-number\"\r\n >\r\n <p-inputNumber\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\"\r\n [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \"\r\n [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \"\r\n [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \"\r\n [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \"\r\n [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && !formField?.format?.formatParams?.allowCalculate\r\n ? '%'\r\n : ''\r\n \"\r\n >\r\n </p-inputNumber>\r\n </span>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n type=\"password\"\r\n (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\"\r\n pInputText\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n />\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <p-checkbox\r\n class=\"p-d-flex p-ai-center\"\r\n [binary]=\"true\"\r\n [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\"\r\n [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\"\r\n >\r\n </p-checkbox>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span\r\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \"\r\n [showButtonBar]=\"true\"\r\n [todayButtonStyleClass]=\"formField.timeOnly ? 'hide-today-btn' : ''\"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute] = \"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\"\r\n (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\"\r\n [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField.format ? formField.format.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\"\r\n (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\">*</span>\r\n </label>\r\n <p-dropdown\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n autocomplete=\"off\"\r\n [styleClass]='formField.field'\r\n [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\"\r\n [filter]=\"formField.allowSearch\"\r\n [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\"\r\n [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\"\r\n (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\"\r\n [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\r\n >\r\n </p-dropdown>\r\n <span\r\n *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [suggestions]=\"formField.data\"\r\n [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\"\r\n [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\"\r\n [name]=\"formField.label\"\r\n [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <p-multiSelect\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [(ngModel)]=\"formField.value\"\r\n [options]=\"formField.data\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\"\r\n [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\"\r\n [disabled]=\"formField.disabled\" (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n [title]=\"formField.label\"\r\n *ngSwitchCase=\"dynamicCase.HYPERLINK\"\r\n >\r\n <div\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \"\r\n (click)=\"hyperlinkDialog(formField)\"\r\n >\r\n {{ formField.label }}\r\n </div>\r\n <div\r\n [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n [href]=\"sanitizeUrl(formField.hyperlink?.link)\"\r\n [target]=\"formField.hyperlink?.target\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\"\r\n >\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <div\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \"\r\n >\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span\r\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\"\r\n autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n readonly\r\n (keydown)=\"$event.preventDefault()\"\r\n />\r\n <div><button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton type=\"button\" (click)=\"lookupClearValue(formField)\"></button></div>\r\n </div>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\"\r\n >\r\n <span\r\n [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \"\r\n >\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload\r\n [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\"\r\n [fields]=\"formField\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"\r\n ></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Display Card field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.CARD\"\r\n >\r\n <span\r\n [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \"\r\n >\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card\r\n [card]=\"formField.card\"\r\n (onDeleteCard)=\"fileOnchangeEvent()\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"\r\n ></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n >\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\"\r\n #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"\r\n ></div>\r\n </span>\r\n\r\n <!-- Header component-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span>\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button\r\n pButton\r\n type=\"button\"\r\n [icon]=\"formField.icon\"\r\n [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\"> \r\n <se-generate-report-btn [repId]=\"formField.reportId\" [params]=\"formField.params\" [showDialog]=\"formField.showDialog\"></se-generate-report-btn>\r\n </div>\r\n </span>\r\n \r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch\r\n [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\"\r\n [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"\r\n ></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div\r\n class=\"p-col-12 p-d-flex p-jc-end\"\r\n [ngClass]=\"{ sticky: stickyActions }\"\r\n >\r\n <!-- save button -->\r\n <button\r\n *ngIf=\"!hideSaveButton\"\r\n [disabled]=\"isFormDisabled\"\r\n pButton\r\n type=\"button\"\r\n icon=\"pi pi-check\"\r\n label=\"Save\"\r\n class=\"p-button-success\"\r\n (click)=\"onSaveForm()\"\r\n ></button>\r\n\r\n <!-- close button -->\r\n <button\r\n *ngIf=\"!hideCancelButton\"\r\n [disabled]=\"isFormDisabled\"\r\n (click)=\"onCancelForm()\"\r\n pButton type=\"button\"\r\n icon=\"pi pi-times\"\r\n label=\"Cancel\"\r\n class=\"p-button-danger p-ml-3\"\r\n ></button>\r\n </div>\r\n </div>\r\n</form>\r\n",
|
|
6837
|
+
template: "<p-confirmDialog [style]=\"{ width: '50vw' }\" key=\"cancelButton\" ></p-confirmDialog>\r\n<form *ngIf=\"!isFormHidden && form\">\r\n <div *ngIf=\"loading\">\r\n <p-progressSpinner class=\"progress-spinner p-progress-spinner-circle custom-spinner\"></p-progressSpinner>\r\n </div>\r\n <div class=\"p-d-flex p-flex-wrap container w-100 my-5\">\r\n <span [ngClass]=\"{ 'fixed-height': stickyActions }\">\r\n <div *ngFor=\"let formSection of form.formSections\" [class]=\"!formSection.hidden ? 'card w-100' : ''\">\r\n <span (click)=\"clickedSection(formSection)\">\r\n <div *ngIf=\"!formSection ? '' : sectionDisabled(formSection)\">\r\n <div *ngIf=\"!formSection.hidden\" [class]=\"formSection.class\">\r\n <p-accordion>\r\n <p-accordionTab [selected]=\"formSection.expanded === false ? false : true\"\r\n [disabled]=\"formSection.accordionDisabled\" [ngClass]=\"!formSection.showAccordion ? 'hide-accordian' : ''\">\r\n <p-header>\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1 p-pl-2\"></i><span class=\"p-pl-4\">{{ formSection.name\r\n }}</span>\r\n </p-header>\r\n\r\n <div class=\"p-d-flex p-ai-center p-col\">\r\n <label *ngIf=\"!formSection.showAccordion\" for=\"name\" class=\"p-mb-0 p-d-flex p-ai-center p-mr-3\">\r\n <i [class]=\"formSection.icon\" class=\"p-mr-1\"></i>\r\n <b> {{ formSection.name }} </b>\r\n </label>\r\n\r\n <div\r\n *ngFor=\"let link of formSection.links\"\r\n [class]=\"formSection.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n class=\"p-mr-3\"\r\n [class]=\"link.name ? 'custom-link' : ''\"\r\n (click)=\"link.onClick()\"\r\n >\r\n {{ link.name }}\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div class=\"p-d-flex p-flex-wrap\">\r\n <div\r\n [class]=\"formField.column\r\n ? 'p-col-' + formField.column + setClassName(formField)\r\n : form.column\r\n ? 'p-col-' + form.column + setClassName(formField)\r\n : 'p-col-12 p-md-3 p-d-flex p-flex-column' + setClassName(formField)\"\r\n *ngFor=\"let formField of formSection.fields; let formFieldIndex = index\"\r\n >\r\n <!-- labelControl Hyperlink on Lookup Control Field-->\r\n <div *ngIf=\"formField.label?.labelControl\">\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target !== '_iframe'\"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n (click)=\"formField.onClick ? onClickEvent(formField) : '' \"\r\n [target]=\"formField.label.labelControl?.hyperlink?.target\"\r\n [href]=\"formField.label.labelControl?.hyperlink?.link\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label?.labelControl.hyperlink && formField.label?.labelControl.hyperlink.target === '_iframe'\"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n (click)=\"loadLabelControlIFrame(formField)\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <!-- labelControl on addTextbox -->\r\n <div\r\n class=\"link-label custom-link p-mt-1\"\r\n *ngIf=\"formField.label && formField.label.labelControl && formField.label.labelControl.lookupControl\"\r\n >\r\n <a\r\n tabindex=\"-1\"\r\n [class]=\"formField.label.disabled ? 'disable-label-control' : 'pl-2'\"\r\n (click)=\"selectLookupLabel(formField)\"\r\n [title]=\"formField.label.name\"\r\n >\r\n {{ formField.label.name }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n <div [ngSwitch]=\"formField.control\">\r\n\r\n <!-- Spacer Control -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.SPACER\"\r\n >\r\n <span [class]=\"formField.column? 'p-col-' +formField.column : ''\"></span>\r\n </div>\r\n </span>\r\n\r\n <!-- Input TextArea -->\r\n <span *ngIf=\"!formField.hidden\">\r\n\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.TEXTAREA\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <textarea\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n pInputTextarea\r\n [rows]=\"formField.row ? formField.row : 1 \"\r\n (change)=\"onChangeEvent(formField)\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{height: formField.height ? formField.height : ''}\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n ></textarea>\r\n </div>\r\n </span>\r\n\r\n <!-- Text Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.INPUT\"\r\n >\r\n <span\r\n [class]=\"formField.disabled && !formField.showBottomBorder ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\"\r\n [title]=\"formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\"\r\n >\r\n {{\r\n formField.label && typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\"\r\n [id]=\"formField.showBottomBorder ? 'remove-boder' : ''\"\r\n type=\"text\"\r\n pInputText\r\n [(ngModel)]=\"\r\n formField.value &&\r\n typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\r\n \"\r\n (change)=\"onChangeEvent(formField)\"\r\n [name]=\"formField.field ? formField.field : formField.label\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n />\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Number Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.NUMERIC\"\r\n >\r\n <label\r\n [class]=\"\r\n formField.label.onClick ? 'custom-link' : ''\r\n \"\r\n (click)=\"\r\n formField.label.onClick &&\r\n formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\"\r\n >\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <!-- for Currency && number && Decimal && Percent -->\r\n <span\r\n class=\"input-number\"\r\n >\r\n <p-inputNumber\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n (ngModelChange)=\"onChangeEvent(formField)\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\"\r\n [mode]=\"\r\n formField.format &&\r\n formField.format.type === 'currency'\r\n ? 'currency'\r\n : 'decimal'\r\n \"\r\n [currency]=\"\r\n formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.currency\r\n ? formField.format.formatParams.currency\r\n : 'USD'\r\n \"\r\n [locale]=\"formField.format &&\r\n formField.format.type === 'currency' &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.locale\r\n ? formField.format.formatParams.locale\r\n : 'en-US'\r\n \"\r\n [minFractionDigits]=\"\r\n formField.format &&\r\n formField.format.formatParams &&\r\n formField.format.formatParams.digitsInfo\r\n ? formField.format.formatParams.digitsInfo\r\n : formField.format &&\r\n (formField.format.type === 'decimal' || formField.format.type === 'currency')\r\n ? '2'\r\n : '0'\r\n \"\r\n [suffix]=\"\r\n formField.format &&\r\n formField.format.type === 'percent' && !formField?.format?.formatParams?.allowCalculate\r\n ? '%'\r\n : ''\r\n \"\r\n >\r\n </p-inputNumber>\r\n </span>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Password Input -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.PASSWORD\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n type=\"password\"\r\n (click)=\"handleClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\"\r\n pInputText\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n />\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n <span *ngIf=\"formField.required\"> * </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Checkbox -->\r\n <span [class]=\"formField.class\" *ngIf=\"!formField.hidden\">\r\n <div class=\"p-0 p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CHECKBOX\">\r\n <label *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \" [title]=\"formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">{{\r\n formField.label &&\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <p-checkbox\r\n class=\"p-d-flex p-ai-center\"\r\n [binary]=\"true\"\r\n [name]=\"formField.field\"\r\n (click)=\"onClickEvent(formField)\"\r\n (change)=\"onChangeEvent(formField)\"\r\n [(ngModel)]=\"formField.value\"\r\n [disabled]=\"formField.disabled\"\r\n (onChange)=\"onFocusOutEvent(formField)\"\r\n >\r\n </p-checkbox>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Calendar -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.CALENDAR\">\r\n <span\r\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <p-calendar\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty ' + formField.field\r\n : 'form-control '+ formField.field\r\n \"\r\n [showButtonBar]=\"true\"\r\n [todayButtonStyleClass]=\"formField.timeOnly ? 'hide-today-btn' : ''\"\r\n [(ngModel)]=\"formField.value\"\r\n [name]=\"formField.field\"\r\n [disabled]=\"formField.disabled\" hourFormat=\"12\"\r\n [defaultDate]=\"defaultDate\"\r\n [stepMinute] = \"formField.minutesInterval ? formField.minutesInterval : 1\"\r\n [showTime]=\"formField.showTime\"\r\n (onShow)=\"setCalenderDate(formField)\"\r\n [timeOnly]=\"formField.timeOnly\"\r\n [view]=\"formField.monthOnly ? 'month' : 'date' \"\r\n (click)=\"handleClickEvent(formField)\"\r\n [dateFormat]=\"formField.format ? formField.format.type : calendarFormat\"\r\n (ngModelChange)=\"calendarChangeValue(formField)\"\r\n (onInput)=\"calenderInputValue(formField)\"\r\n (onClose)=\"onFocusOutEvent(formField)\">\r\n </p-calendar>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- Dropdown -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.DROPDOWN\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField && !formField.label?.labelControl\">*</span>\r\n </label>\r\n <p-dropdown\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n autocomplete=\"off\"\r\n [styleClass]='formField.field'\r\n [placeholder]=\"formField.value\"\r\n [options]=\"formField.data\"\r\n [filter]=\"formField.allowSearch\"\r\n [(ngModel)]=\"formField.value\"\r\n [optionLabel]=\"formField.optionLabel\"\r\n [optionValue]=\"formField.optionValue\"\r\n [name]=\"formField.field\"\r\n (keyup.Tab)=\"tabFocusEvent(formField)\"\r\n (click)=\"clearDropdownValue(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\"\r\n [showClear]=\"formField.value ? true : false\"\r\n (onChange)=\"onClearValue(formField, $event)\"\r\n [autoDisplayFirst]=\"formField.value > 0 ? true : false\"\r\n >\r\n </p-dropdown>\r\n <span\r\n *ngIf=\"\r\n !formField?.isValid &&\r\n !formField.hidden\r\n \"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- AutoComplete Search -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.AUTOCOMPLETE\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\" [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <span class=\"p-fluid\">\r\n <p-autoComplete\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [suggestions]=\"formField.data\"\r\n [(ngModel)]=\"formField.value\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"handleClickEvent(formField)\"\r\n (completeMethod)=\"autoSearch($event, formField)\"\r\n [dropdown]=\"formField.showOption\"\r\n [field]=\"formField.displayField\"\r\n [name]=\"formField.label\"\r\n [multiple]=\"true\"\r\n [disabled]=\"formField.disabled\"\r\n (onBlur)=\"onFocusOutEvent(formField)\">\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n </span>\r\n\r\n <!-- Multi-select -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.MULTISELECT\">\r\n <label [class]=\"formField.label.onClick ? 'custom-link' : ''\" (click)=\"\r\n formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n <p-multiSelect\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n [(ngModel)]=\"formField.value\"\r\n [options]=\"formField.data\"\r\n optionLabel=\"label\"\r\n optionValue=\"value\" [appendTo]=\"'body'\"\r\n [name]=\"formField.field\"\r\n (onChange)=\"onChangeEvent(formField)\"\r\n (click)=\"formField.onClick ? formField.onClick() : ''\"\r\n [disabled]=\"formField.disabled\" (blur)=\"onFocusOutEvent(formField)\">\r\n </p-multiSelect>\r\n </div>\r\n </span>\r\n\r\n <!-- Hyperlink-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n [title]=\"formField.label\"\r\n *ngSwitchCase=\"dynamicCase.HYPERLINK\"\r\n >\r\n <div\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.component\r\n \"\r\n (click)=\"hyperlinkDialog(formField)\"\r\n >\r\n {{ formField.label }}\r\n </div>\r\n <div\r\n [class]=\"\r\n formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target !== '_iframe' &&\r\n !formField.hyperlink.component\r\n \"\r\n >\r\n <a\r\n class=\"pl-2\"\r\n tabindex=\"-1\"\r\n [href]=\"sanitizeUrl(formField.hyperlink?.link)\"\r\n [target]=\"formField.hyperlink?.target\"\r\n (click)=\"handleClickEvent(formField)\"\r\n [title]=\"formField.label\"\r\n >\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n <div\r\n *ngIf=\"\r\n formField.hyperlink &&\r\n formField.hyperlink.target === '_iframe' &&\r\n !formField.hyperlink.component\r\n \"\r\n >\r\n <a class=\"pl-2\" tabindex=\"-1\" (click)=\"loadIFrame(formField)\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </a>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Lookup Control Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div class=\"p-d-flex p-flex-column\" *ngSwitchCase=\"dynamicCase.LOOKUP_INPUT\">\r\n <span\r\n [class]=\"formField.disabled ? 'disabled-link' : ''\"\r\n >\r\n <label\r\n *ngIf=\"!formField.label.labelControl\"\r\n [class]=\"formField.label.onClick ? 'custom-link' : ''\"\r\n (click)=\"formField.label.onClick && formField.label.onClick()\r\n \"\r\n [title]=\"typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\">\r\n {{\r\n typeOf(formField.label) === 'object'\r\n ? formField.label.name\r\n : formField.label\r\n }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <div class=\"close-icon-wrapper\">\r\n <input\r\n [class]=\"\r\n formField.errorMessage\r\n ? 'ng-invalid ng-dirty'\r\n : 'form-control'\r\n \"\r\n type=\"text\" pInputText [(ngModel)]=\"formField.value && typeOf(formField.value) === 'object'\r\n ? formField.value.text\r\n : formField.value\"\r\n autocomplete=\"off\"\r\n [id]=\"formField.field\"\r\n [name]=\"formField.field\"\r\n (click)=\"selectLookupField(formField)\"\r\n [disabled]=\"formField.disabled\"\r\n (keyup.Tab)=\"selectLookupField(formField)\"\r\n (blur)=\"onFocusOutEvent(formField)\"\r\n readonly\r\n (keydown)=\"$event.preventDefault()\"\r\n />\r\n <div><button *ngIf=\"formField.value && !formField.disabled\" icon=\"pi pi-times\" pButton type=\"button\" (click)=\"lookupClearValue(formField)\"></button></div>\r\n </div>\r\n <span\r\n *ngIf=\"!formField?.isValid\"\r\n class=\"error\"\r\n >{{ formField.errorMessage }}</span\r\n >\r\n </div>\r\n </span>\r\n\r\n <!-- File Upload Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.FILE_UPLOAD\"\r\n >\r\n <span\r\n [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \"\r\n >\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n <se-file-upload\r\n [allowMultiple]=\"formField.selectMultipleFiles\"\r\n [acceptFileTypes]=\"formField.SetfileTypes\"\r\n [fields]=\"formField\"\r\n [card]=\"formField.card\"\r\n (fileUrl)=\"setFileUrls($event)\"\r\n (uploadFileOnReturn)=\"fileOnchangeEvent()\"\r\n ></se-file-upload>\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Display Card field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div\r\n class=\"p-d-flex p-flex-column\"\r\n *ngSwitchCase=\"dynamicCase.CARD\"\r\n >\r\n <span\r\n [class]=\"\r\n formField.disabled ? 'disabled-link' : ''\r\n \"\r\n >\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </label>\r\n </span>\r\n\r\n <se-card\r\n [card]=\"formField.card\"\r\n (onDeleteCard)=\"fileOnchangeEvent()\"\r\n (selectedCard)=\"selectedCardClickEvent($event)\"\r\n ></se-card>\r\n\r\n <span *ngIf=\"showfileUploadError\" class=\"error\">{{\r\n formField.errorMessage\r\n }}</span>\r\n </div>\r\n </span>\r\n\r\n <!-- Note Detail Field -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.NOTE_FIELD\">\r\n <div [class]=\"formField.disabled\r\n ? 'disabled-link'\r\n : 'link-label custom-link'\r\n \"\r\n >\r\n <span class=\"pl-2\" (click)=\"\r\n !formField.disabled\r\n ? handleNoteFieldDialog(formField)\r\n : ''\r\n \"\r\n [title]=\"formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label\">{{formField.label.labelControl\r\n ? ''\r\n : formField.label.onClick\r\n ? formField.label.name\r\n : formField.label}}\r\n <span *ngIf=\"formField.requiredField\">*</span>\r\n </span>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n <!-- Dynamic Component Container-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div id=\"{{formSection.name}}-{{formFieldIndex}}\"\r\n #dynamicComponentContainer\r\n *ngSwitchCase=\"dynamicCase.COMPONENT\"\r\n ></div>\r\n </span>\r\n\r\n <!-- Header component-->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SECTION_HEADER\">\r\n <label [class]=\"formField.class\">\r\n <b> {{ formField.label }} </b>\r\n </label>\r\n </div>\r\n </span>\r\n\r\n <!-- Add OnClick Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.ADD_BUTTON\">\r\n <button\r\n pButton\r\n type=\"button\"\r\n [icon]=\"formField.icon\"\r\n [label]=\"formField.label\"\r\n [disabled]=\"formField.disabled\"\r\n [ngStyle]=\"{background: formField.color ? formField.color : ''}\"\r\n (click)=\"onClickEvent(formField)\"\r\n ></button>\r\n </div>\r\n </span>\r\n <!-- Add Generate Report Button -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.REPORT\"> \r\n <se-generate-report-btn [repId]=\"formField.reportId\" [params]=\"formField.params\" [showDialog]=\"formField.showDialog\"></se-generate-report-btn>\r\n </div>\r\n </span>\r\n \r\n\r\n <!-- Add Input Switch -->\r\n <span *ngIf=\"!formField.hidden\">\r\n <div *ngSwitchCase=\"dynamicCase.SWITCH\">\r\n <div>\r\n <label [title]=\"formField.label\">\r\n {{ formField.label }}\r\n </label>\r\n </div>\r\n <p-inputSwitch\r\n [name]=\"formField.label ? formField.label: 'switch'\"\r\n [(ngModel)]=\"formField.value\"\r\n [disabled]=\"formField.disabled\"\r\n (click)=\"onClickEvent(formField)\"\r\n ></p-inputSwitch>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </p-accordionTab>\r\n </p-accordion>\r\n </div>\r\n </div>\r\n </span>\r\n\r\n </div>\r\n </span>\r\n\r\n <!-- save and close buttons -->\r\n <div\r\n class=\"p-col-12 p-d-flex p-jc-end\"\r\n [ngClass]=\"{ sticky: stickyActions }\"\r\n >\r\n <!-- save button -->\r\n <button\r\n *ngIf=\"!hideSaveButton\"\r\n [disabled]=\"isFormDisabled\"\r\n pButton\r\n type=\"button\"\r\n icon=\"pi pi-check\"\r\n label=\"Save\"\r\n class=\"p-button-success\"\r\n (click)=\"onSaveForm()\"\r\n ></button>\r\n\r\n <!-- close button -->\r\n <button\r\n *ngIf=\"!hideCancelButton\"\r\n [disabled]=\"isFormDisabled\"\r\n (click)=\"onCancelForm()\"\r\n pButton type=\"button\"\r\n icon=\"pi pi-times\"\r\n label=\"Cancel\"\r\n class=\"p-button-danger p-ml-3\"\r\n ></button>\r\n </div>\r\n </div>\r\n</form>\r\n",
|
|
6838
6838
|
styles: ["*{font-family:\"Lato\",sans-serif}.fa-solid,.fa-light,.fa-regular,.fa-thin,.fa-duotone{font-family:\"Font Awesome 6 Pro\"!important}.pi{font-family:\"primeicons\"}#toast-container{background:black}.grow-1{flex-grow:1}.w-100{width:100%}.center-content{width:100%!important}.custom-link{color:#4e87f1;cursor:pointer;text-decoration:none}:host ::ng-deep .p-calendar,:host ::ng-deep .p-dropdown,:host ::ng-deep .p-multiselect{width:100%}:host ::ng-deep .toast-error{background:black!important}:host ::ng-deep .p-float-label label{margin-top:-.5rem!important}:host ::ng-deep .p-datepicker .p-datepicker-buttonbar{padding:0}:host ::ng-deep .hide-accordian .p-accordion-header{display:none}:host ::ng-deep .input-number{border:0;border-radius:2px}:host ::ng-deep .input-number input{border:0;border-radius:3px}:host ::ng-deep .input-number button{color:#2d2d2d;width:15px;height:10.8px;border:0;background-color:#eee}:host ::ng-deep .input-number button:hover{color:#2d2d2d;background-color:#ddd}:host ::ng-deep .input-number button span{font-size:12px}:host ::ng-deep .close-icon-wrapper{position:relative}:host ::ng-deep div[ng-reflect-ng-switch=lookup_input] span .close-icon-wrapper input{display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;text-overflow:ellipsis;cursor:pointer}:host ::ng-deep .hide-today-btn{visibility:hidden}label{margin:0 0 5px}span,textarea{width:100%}.error{color:red}.link-label{display:flex;align-items:center;height:39px;margin-top:22px}.link-label a{color:#4e87f1;cursor:pointer;font-size:12px;text-decoration:none}.custom-link{color:#4e87f1;cursor:pointer;font-size:12px}.label-custom-link{font-size:12px}.hidden{display:none!important}.sticky{width:calc(100% - 260px);position:fixed;bottom:0;right:0}.fixed-height{height:calc(100vh - 65px)}.disabled-link label{pointer-events:none;opacity:.9}.disabled-link a,.disabled-link span,.disabled-link div{pointer-events:none;opacity:.5}.disabled-link div{color:#636363}.disable-label-control{pointer-events:none}#remove-boder{border:none!important}input[type=text]{cursor:pointer}.progress-spinner{position:fixed;z-index:999;height:60px;width:60px;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}.progress-spinner:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000026}:host ::ng-deep .custom-spinner .p-progress-spinner-circle{stroke:#000!important}:host ::ng-deep .p-progress-spinner{height:60px!important;width:60px!important}.close-icon-wrapper{position:relative}.close-icon-wrapper input{width:100%}.close-icon-wrapper button{position:absolute;right:5px;top:6px;width:25px;height:25px;background:unset;color:#777;border:0}\n"]
|
|
6839
6839
|
},] }
|
|
6840
6840
|
];
|
|
@@ -7592,6 +7592,7 @@
|
|
|
7592
7592
|
FileUploadComponent.prototype.uploadFile = function (files) {
|
|
7593
7593
|
var _this = this;
|
|
7594
7594
|
var _a, _b, _c, _d;
|
|
7595
|
+
var cardInfo = this.card.cardInfo;
|
|
7595
7596
|
var fileData = new FormData();
|
|
7596
7597
|
var chooseFile = false;
|
|
7597
7598
|
for (var i = 0; i < files.length; i++) {
|
|
@@ -7610,6 +7611,13 @@
|
|
|
7610
7611
|
this.requestService.get('/Upload', fileData).subscribe(function (data) {
|
|
7611
7612
|
var _a;
|
|
7612
7613
|
if (data) {
|
|
7614
|
+
if (cardInfo && Object.keys(cardInfo).length > 0) {
|
|
7615
|
+
console.log('cardInfo: ', cardInfo);
|
|
7616
|
+
// data = this.gridService.setDataFields(data)?.map((record)=> ({...record, blobfileurl: record[cardInfo.url?.toLowerCase()],filecaption: record[cardInfo.caption?.toLowerCase()],fileextension: record[cardInfo.extension?.toLowerCase()]}));
|
|
7617
|
+
// data.forEach((x)=>{
|
|
7618
|
+
// delete x.
|
|
7619
|
+
// })
|
|
7620
|
+
}
|
|
7613
7621
|
_this.alertService.success('File Upload Successfully.');
|
|
7614
7622
|
if ((_a = _this.fields) === null || _a === void 0 ? void 0 : _a.onReturn) {
|
|
7615
7623
|
_this.fields.onReturn(data.results);
|
|
@@ -7627,6 +7635,18 @@
|
|
|
7627
7635
|
});
|
|
7628
7636
|
}
|
|
7629
7637
|
};
|
|
7638
|
+
// replacePropName(cardInfo:any){
|
|
7639
|
+
// if(this.displayCardInfo && Object.keys(this.displayCardInfo).length > 0){
|
|
7640
|
+
// const cardProp = {...this.displayCardInfo};
|
|
7641
|
+
// const obj = {...cardInfo,[cardProp.url]: cardInfo.blobfileurl,[cardProp.caption]: cardInfo.filecaption,[cardProp.extension]: cardInfo.fileextension};
|
|
7642
|
+
// delete obj.blobfileurl;
|
|
7643
|
+
// delete obj.filecaption;
|
|
7644
|
+
// delete obj.fileextension;
|
|
7645
|
+
// return obj;
|
|
7646
|
+
// } else {
|
|
7647
|
+
// return cardInfo;
|
|
7648
|
+
// }
|
|
7649
|
+
// }
|
|
7630
7650
|
FileUploadComponent.prototype.onClickEvent = function () {
|
|
7631
7651
|
if (this.fields && this.fields.onClick) {
|
|
7632
7652
|
this.fields.onClick();
|
|
@@ -7650,6 +7670,7 @@
|
|
|
7650
7670
|
acceptFileTypes: [{ type: i0.Input }],
|
|
7651
7671
|
allowMultiple: [{ type: i0.Input }],
|
|
7652
7672
|
fields: [{ type: i0.Input }],
|
|
7673
|
+
card: [{ type: i0.Input }],
|
|
7653
7674
|
fileUrl: [{ type: i0.Output }],
|
|
7654
7675
|
uploadFileOnReturn: [{ type: i0.Output }]
|
|
7655
7676
|
};
|
|
@@ -7742,9 +7763,9 @@
|
|
|
7742
7763
|
var _a;
|
|
7743
7764
|
if (this.card) {
|
|
7744
7765
|
var _c = this.card, data = _c.data, formSections = _c.formSections, cardInfo_1 = _c.cardInfo;
|
|
7745
|
-
if (cardInfo_1) {
|
|
7746
|
-
|
|
7747
|
-
this.data = (_a = this.gridService.setDataFields(data)) === null || _a === void 0 ? void 0 : _a.map(function (record) { return (Object.assign(Object.assign({}, record), { blobfileurl: record[cardInfo_1.url], filecaption: record[cardInfo_1.caption], fileextension: record[cardInfo_1.extension] })); });
|
|
7766
|
+
if (cardInfo_1 && Object.keys(cardInfo_1).length > 0) {
|
|
7767
|
+
this.displayCardInfo = cardInfo_1;
|
|
7768
|
+
this.data = (_a = this.gridService.setDataFields(data)) === null || _a === void 0 ? void 0 : _a.map(function (record) { var _a, _b; return (Object.assign(Object.assign({}, record), { blobfileurl: record[cardInfo_1.url.toLowerCase()], filecaption: record[(_a = cardInfo_1.caption) === null || _a === void 0 ? void 0 : _a.toLowerCase()], fileextension: record[(_b = cardInfo_1.extension) === null || _b === void 0 ? void 0 : _b.toLowerCase()] })); });
|
|
7748
7769
|
}
|
|
7749
7770
|
else {
|
|
7750
7771
|
this.data = this.gridService.setDataFields(data);
|
|
@@ -7816,7 +7837,11 @@
|
|
|
7816
7837
|
var _c;
|
|
7817
7838
|
if (this.displayCardInfo && Object.keys(this.displayCardInfo).length > 0) {
|
|
7818
7839
|
var cardProp = Object.assign({}, this.displayCardInfo);
|
|
7819
|
-
|
|
7840
|
+
var obj = Object.assign(Object.assign({}, cardInfo), (_c = {}, _c[cardProp.url] = cardInfo.blobfileurl, _c[cardProp.caption] = cardInfo.filecaption, _c[cardProp.extension] = cardInfo.fileextension, _c));
|
|
7841
|
+
delete obj.blobfileurl;
|
|
7842
|
+
delete obj.filecaption;
|
|
7843
|
+
delete obj.fileextension;
|
|
7844
|
+
return obj;
|
|
7820
7845
|
}
|
|
7821
7846
|
else {
|
|
7822
7847
|
return cardInfo;
|