cat-qw-lib 0.47.13 → 0.47.14
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,10 @@ 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 PRODUCT_ID = 'ProductId';
|
|
168
172
|
}
|
|
169
173
|
const statusList = [
|
|
170
174
|
{ name: 'All' },
|
|
@@ -4209,31 +4213,36 @@ class WidgetItemComponent {
|
|
|
4209
4213
|
getStyle(style) {
|
|
4210
4214
|
return this.styleBulderService.getStyle(style);
|
|
4211
4215
|
}
|
|
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);
|
|
4216
|
+
onHandleSidebar(propertyId) {
|
|
4217
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: propertyId, isDailogShow: true });
|
|
4226
4218
|
}
|
|
4227
4219
|
ngOnDestroy() {
|
|
4228
4220
|
this.widgetStore.setOnWidgetItemClick(null);
|
|
4229
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4221
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4222
|
+
}
|
|
4223
|
+
handleWidgetItemClick(widgetItem) {
|
|
4224
|
+
const updatedItem = { ...widgetItem };
|
|
4225
|
+
switch (updatedItem.route) {
|
|
4226
|
+
case SHARED.DIRECT_DEBIT:
|
|
4227
|
+
const directDebit = this.widget.dataItems.filter((val) => val.key === SHARED.DIRECT_DEBITID);
|
|
4228
|
+
updatedItem.value = directDebit[0].value;
|
|
4229
|
+
break;
|
|
4230
|
+
case SHARED.SOLICITOR:
|
|
4231
|
+
const solicitor = this.widget.dataItems.filter((val) => val.key === SHARED.SOLICITORID);
|
|
4232
|
+
updatedItem.value = solicitor[0].value;
|
|
4233
|
+
break;
|
|
4234
|
+
case SHARED.PRODUCT:
|
|
4235
|
+
const product = this.widget.dataItems.filter((val) => val.key === SHARED.PRODUCT_ID);
|
|
4236
|
+
updatedItem.value = product[0].value;
|
|
4237
|
+
}
|
|
4238
|
+
this.widgetStore.setOnWidgetItemClick(updatedItem);
|
|
4230
4239
|
}
|
|
4231
4240
|
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: "
|
|
4241
|
+
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
4242
|
}
|
|
4234
4243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
4235
4244
|
type: Component,
|
|
4236
|
-
args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\">\r\n <div
|
|
4245
|
+
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
4246
|
}], ctorParameters: () => [{ type: StyleBuilderService }, { type: WidgetStore }], propDecorators: { widgetItem: [{
|
|
4238
4247
|
type: Input
|
|
4239
4248
|
}], widget: [{
|
|
@@ -4297,23 +4306,18 @@ class WidgetContainerComponent {
|
|
|
4297
4306
|
}
|
|
4298
4307
|
this.getWidgetFromCacheList(queueId, recordId);
|
|
4299
4308
|
this.getAllWidgetList(queueId, recordId);
|
|
4300
|
-
this.
|
|
4301
|
-
.subscribe((res) => {
|
|
4302
|
-
if (res) {
|
|
4303
|
-
this.onDirectDebitClick.emit(res);
|
|
4304
|
-
}
|
|
4305
|
-
}));
|
|
4309
|
+
this.handleWidgetItemClick();
|
|
4306
4310
|
}
|
|
4307
4311
|
handleWidgetItemClick() {
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4312
|
+
this.widgetQuery.getOnWidgetItemClick()
|
|
4313
|
+
.pipe(takeUntil(this.destroy$))
|
|
4314
|
+
.subscribe((res) => {
|
|
4311
4315
|
if (res) {
|
|
4312
4316
|
this.onWidgetItemClick.emit(res);
|
|
4313
4317
|
}
|
|
4314
4318
|
}, (error) => {
|
|
4315
4319
|
console.error('Error in getOnWidgetItemClick subscription:', error);
|
|
4316
|
-
})
|
|
4320
|
+
});
|
|
4317
4321
|
}
|
|
4318
4322
|
handleEventFromPropertyDetails() {
|
|
4319
4323
|
this.widgetQuery.getViewPropertyDetails()
|
|
@@ -4357,7 +4361,7 @@ class WidgetContainerComponent {
|
|
|
4357
4361
|
}
|
|
4358
4362
|
ngOnChanges(changes) {
|
|
4359
4363
|
if (!this.isSidebarVisible) {
|
|
4360
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4364
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4361
4365
|
}
|
|
4362
4366
|
}
|
|
4363
4367
|
ngOnDestroy() {
|