cat-qw-lib 0.47.13 → 0.47.16
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/fesm2022/cat-qw-lib.mjs
CHANGED
|
@@ -165,6 +165,11 @@ class SHARED {
|
|
|
165
165
|
static PAGINATOR = "paginator";
|
|
166
166
|
static BROWSER_WARNING = 'You have unsaved changes. Do you really want to leave?';
|
|
167
167
|
static DIRECT_DEBITID = 'Direct DebitId';
|
|
168
|
+
static DIRECT_DEBIT = 'directdebit';
|
|
169
|
+
static SOLICITOR = 'solicitor';
|
|
170
|
+
static PRODUCT = 'product';
|
|
171
|
+
static COMMITMENTS = 'commitments';
|
|
172
|
+
static PRODUCT_ID = 'ProductId';
|
|
168
173
|
}
|
|
169
174
|
const statusList = [
|
|
170
175
|
{ name: 'All' },
|
|
@@ -4209,31 +4214,41 @@ class WidgetItemComponent {
|
|
|
4209
4214
|
getStyle(style) {
|
|
4210
4215
|
return this.styleBulderService.getStyle(style);
|
|
4211
4216
|
}
|
|
4212
|
-
onHandleSidebar() {
|
|
4213
|
-
this.widgetStore.setOnViewPropertyDetails(true);
|
|
4214
|
-
}
|
|
4215
|
-
handleWidgetItemClick() {
|
|
4216
|
-
console.log('handleWidgetItemClick', this.widgetItem, this.widget.recordId);
|
|
4217
|
-
this.widgetStore.setOnWidgetItemClick({ item: this.widgetItem, recordId: this.widget.recordId });
|
|
4218
|
-
}
|
|
4219
|
-
handleDirectDebitClick() {
|
|
4220
|
-
const directDebit = this.widget.dataItems.filter((val) => val.key === SHARED.DIRECT_DEBITID);
|
|
4221
|
-
this.widgetStore.setWidgetItem(directDebit);
|
|
4222
|
-
}
|
|
4223
|
-
handleSolicitorClick() {
|
|
4224
|
-
const solicitor = this.widget.dataItems.filter((val) => val.key === SHARED.SOLICITORID);
|
|
4225
|
-
this.widgetStore.setWidgetItem(solicitor);
|
|
4217
|
+
onHandleSidebar(propertyId) {
|
|
4218
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: propertyId, isDailogShow: true });
|
|
4226
4219
|
}
|
|
4227
4220
|
ngOnDestroy() {
|
|
4228
4221
|
this.widgetStore.setOnWidgetItemClick(null);
|
|
4229
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4222
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4223
|
+
}
|
|
4224
|
+
handleWidgetItemClick(widgetItem) {
|
|
4225
|
+
const updatedItem = { ...widgetItem };
|
|
4226
|
+
switch (updatedItem.route) {
|
|
4227
|
+
case SHARED.DIRECT_DEBIT:
|
|
4228
|
+
const directDebit = this.widget.dataItems.filter((val) => val.key === SHARED.DIRECT_DEBITID);
|
|
4229
|
+
updatedItem.value = directDebit[0].value;
|
|
4230
|
+
break;
|
|
4231
|
+
case SHARED.SOLICITOR:
|
|
4232
|
+
const solicitor = this.widget.dataItems.filter((val) => val.key === SHARED.SOLICITORID);
|
|
4233
|
+
updatedItem.value = solicitor[0].value;
|
|
4234
|
+
break;
|
|
4235
|
+
case SHARED.PRODUCT:
|
|
4236
|
+
const product = this.widget.dataItems.filter((val) => val.key === SHARED.PRODUCT_ID);
|
|
4237
|
+
updatedItem.value = product[0].value;
|
|
4238
|
+
break;
|
|
4239
|
+
case SHARED.COMMITMENTS:
|
|
4240
|
+
const applicantId = this.widget.recordId;
|
|
4241
|
+
updatedItem.value = applicantId;
|
|
4242
|
+
break;
|
|
4243
|
+
}
|
|
4244
|
+
this.widgetStore.setOnWidgetItemClick(updatedItem);
|
|
4230
4245
|
}
|
|
4231
4246
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, deps: [{ token: StyleBuilderService }, { token: WidgetStore }], target: i0.ɵɵFactoryTarget.Component });
|
|
4232
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4247
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: WidgetItemComponent, isStandalone: false, selector: "lib-widget-item", inputs: { widgetItem: "widgetItem", widget: "widget", application: "application" }, ngImport: i0, template: "<div class=\"widget-container\">\r\n <div class=\"flex justify-content-between\"\r\n [ngClass]=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget') ? 'align-items-center' : ''\">\r\n <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n\r\n <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 flex align-items-center justify-content-end\">\r\n <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" class=\"pi pi-exclamation-triangle text-red-500 mr-1\"\r\n style=\"font-size: 1.3rem\"></i>\r\n <p *ngIf=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget')\" class=\"key-field-wrapper\"\r\n [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n <ng-container *ngIf=\"widgetItem?.isLink; else plainText\">\r\n <a class=\"cursor-pointer\" (click)=\"handleWidgetItemClick(widgetItem)\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n </ng-container>\r\n <ng-template #plainText>\r\n <a class=\"cursor-pointer\" (click)=\"handleWidgetItemClick(widgetItem)\"> {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : '' }} </a>\r\n </ng-template>\r\n </p>\r\n <i *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget'\"\r\n class=\"pi pi-map-marker map-icon map-icon-wrapper\"></i>\r\n </div>\r\n </div>\r\n\r\n\r\n <div *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget'\"\r\n class=\"address-title-wrapper cursor-pointer\" [ngStyle]=\"getStyle(widgetItem?.style)\" (click)=\"onHandleSidebar(widget.recordId)\">\r\n {{ widgetItem?.value }}\r\n </div>\r\n</div>", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}.map-icon-wrapper{font-size:16px;padding:13px;border-radius:30px;border:1px solid rgba(76,98,146,.1);background:#4c62920a}.address-title-wrapper{width:80%;word-break:break-word;margin-top:-12px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
4233
4248
|
}
|
|
4234
4249
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
4235
4250
|
type: Component,
|
|
4236
|
-
args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\">\r\n <div
|
|
4251
|
+
args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\">\r\n <div class=\"flex justify-content-between\"\r\n [ngClass]=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget') ? 'align-items-center' : ''\">\r\n <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n\r\n <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 flex align-items-center justify-content-end\">\r\n <i *ngIf=\"widgetItem?.style?.includes('color: red;')\" class=\"pi pi-exclamation-triangle text-red-500 mr-1\"\r\n style=\"font-size: 1.3rem\"></i>\r\n <p *ngIf=\"!(widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget')\" class=\"key-field-wrapper\"\r\n [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n <ng-container *ngIf=\"widgetItem?.isLink; else plainText\">\r\n <a class=\"cursor-pointer\" (click)=\"handleWidgetItemClick(widgetItem)\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n </ng-container>\r\n <ng-template #plainText>\r\n <a class=\"cursor-pointer\" (click)=\"handleWidgetItemClick(widgetItem)\"> {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : '' }} </a>\r\n </ng-template>\r\n </p>\r\n <i *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget'\"\r\n class=\"pi pi-map-marker map-icon map-icon-wrapper\"></i>\r\n </div>\r\n </div>\r\n\r\n\r\n <div *ngIf=\"widgetItem.key === 'Address' && widget.predefinedName === 'PropertyWidget'\"\r\n class=\"address-title-wrapper cursor-pointer\" [ngStyle]=\"getStyle(widgetItem?.style)\" (click)=\"onHandleSidebar(widget.recordId)\">\r\n {{ widgetItem?.value }}\r\n </div>\r\n</div>", styles: [".text-value-wrapper{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:100%}.key-field-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-50{width:50%!important}.map-icon-wrapper{font-size:16px;padding:13px;border-radius:30px;border:1px solid rgba(76,98,146,.1);background:#4c62920a}.address-title-wrapper{width:80%;word-break:break-word;margin-top:-12px}\n"] }]
|
|
4237
4252
|
}], ctorParameters: () => [{ type: StyleBuilderService }, { type: WidgetStore }], propDecorators: { widgetItem: [{
|
|
4238
4253
|
type: Input
|
|
4239
4254
|
}], widget: [{
|
|
@@ -4297,23 +4312,18 @@ class WidgetContainerComponent {
|
|
|
4297
4312
|
}
|
|
4298
4313
|
this.getWidgetFromCacheList(queueId, recordId);
|
|
4299
4314
|
this.getAllWidgetList(queueId, recordId);
|
|
4300
|
-
this.
|
|
4301
|
-
.subscribe((res) => {
|
|
4302
|
-
if (res) {
|
|
4303
|
-
this.onDirectDebitClick.emit(res);
|
|
4304
|
-
}
|
|
4305
|
-
}));
|
|
4315
|
+
this.handleWidgetItemClick();
|
|
4306
4316
|
}
|
|
4307
4317
|
handleWidgetItemClick() {
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4318
|
+
this.widgetQuery.getOnWidgetItemClick()
|
|
4319
|
+
.pipe(takeUntil(this.destroy$))
|
|
4320
|
+
.subscribe((res) => {
|
|
4311
4321
|
if (res) {
|
|
4312
4322
|
this.onWidgetItemClick.emit(res);
|
|
4313
4323
|
}
|
|
4314
4324
|
}, (error) => {
|
|
4315
4325
|
console.error('Error in getOnWidgetItemClick subscription:', error);
|
|
4316
|
-
})
|
|
4326
|
+
});
|
|
4317
4327
|
}
|
|
4318
4328
|
handleEventFromPropertyDetails() {
|
|
4319
4329
|
this.widgetQuery.getViewPropertyDetails()
|
|
@@ -4357,7 +4367,7 @@ class WidgetContainerComponent {
|
|
|
4357
4367
|
}
|
|
4358
4368
|
ngOnChanges(changes) {
|
|
4359
4369
|
if (!this.isSidebarVisible) {
|
|
4360
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4370
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4361
4371
|
}
|
|
4362
4372
|
}
|
|
4363
4373
|
ngOnDestroy() {
|