cat-qw-lib 0.47.8 → 0.47.11
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,10 +165,6 @@ 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';
|
|
172
168
|
}
|
|
173
169
|
const statusList = [
|
|
174
170
|
{ name: 'All' },
|
|
@@ -4213,35 +4209,30 @@ class WidgetItemComponent {
|
|
|
4213
4209
|
getStyle(style) {
|
|
4214
4210
|
return this.styleBulderService.getStyle(style);
|
|
4215
4211
|
}
|
|
4216
|
-
onHandleSidebar(
|
|
4217
|
-
this.widgetStore.setOnViewPropertyDetails(
|
|
4212
|
+
onHandleSidebar() {
|
|
4213
|
+
this.widgetStore.setOnViewPropertyDetails(true);
|
|
4218
4214
|
}
|
|
4219
4215
|
ngOnDestroy() {
|
|
4220
|
-
this.widgetStore.
|
|
4221
|
-
|
|
4222
|
-
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4226
|
-
|
|
4227
|
-
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
case SHARED.PRODUCT:
|
|
4234
|
-
const product = this.widget.dataItems.filter((val) => val.key === SHARED.PRODUCT_ID);
|
|
4235
|
-
updatedItem.value = product[0].value;
|
|
4236
|
-
}
|
|
4237
|
-
this.widgetStore.setOnWidgetItemClick(updatedItem);
|
|
4216
|
+
this.widgetStore.setOnWidgetItemClick(null);
|
|
4217
|
+
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4218
|
+
}
|
|
4219
|
+
handleWidgetItemClick() {
|
|
4220
|
+
this.widgetStore.setOnWidgetItemClick({ item: this.widgetItem, recordId: this.widget.recordId });
|
|
4221
|
+
}
|
|
4222
|
+
handleDirectDebitClick() {
|
|
4223
|
+
const directDebit = this.widget.dataItems.filter((val) => val.key === SHARED.DIRECT_DEBITID);
|
|
4224
|
+
this.widgetStore.setWidgetItem(directDebit);
|
|
4225
|
+
}
|
|
4226
|
+
handleSolicitorClick() {
|
|
4227
|
+
const solicitor = this.widget.dataItems.filter((val) => val.key === SHARED.SOLICITORID);
|
|
4228
|
+
this.widgetStore.setWidgetItem(solicitor);
|
|
4238
4229
|
}
|
|
4239
4230
|
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 });
|
|
4240
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4231
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.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 *ngIf=\"widgetItem?.key !== 'Direct Debit' && widgetItem?.key !== 'Solicitor'\" 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 (click)=\"handleWidgetItemClick()\" [ngStyle]=\"{ color: 'var(--primary-500) !important', textDecoration: 'underline' }\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n </ng-container>\r\n <ng-template #plainText>\r\n {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : '' }}\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 <div *ngIf=\"widgetItem?.key === 'Direct Debit' || widgetItem?.key === 'Solicitor' \" class=\"flex align-items-center justify-content-between\">\r\n <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 flex align-items-center justify-content-end\">\r\n <p class=\"key-field-wrapper cursor-pointer\"\r\n [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n <ng-container>\r\n @if(widgetItem?.key === 'Direct Debit'){\r\n <a (click)=\"handleDirectDebitClick()\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n }@if(widgetItem?.key === 'Solicitor'){\r\n <a (click)=\"handleSolicitorClick()\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n }\r\n </ng-container>\r\n </p>\r\n </div>\r\n </div>\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()\">\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"] }] });
|
|
4241
4232
|
}
|
|
4242
4233
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
4243
4234
|
type: Component,
|
|
4244
|
-
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
|
|
4235
|
+
args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\">\r\n <div *ngIf=\"widgetItem?.key !== 'Direct Debit' && widgetItem?.key !== 'Solicitor'\" 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 (click)=\"handleWidgetItemClick()\" [ngStyle]=\"{ color: 'var(--primary-500) !important', textDecoration: 'underline' }\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n </ng-container>\r\n <ng-template #plainText>\r\n {{ (widgetItem?.value && widgetItem?.value !== 'null') ? widgetItem?.value : '' }}\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 <div *ngIf=\"widgetItem?.key === 'Direct Debit' || widgetItem?.key === 'Solicitor' \" class=\"flex align-items-center justify-content-between\">\r\n <p class=\"mb-0 text-color-secondary mr-3 key-field-wrapper w-50\">{{ widgetItem?.key }}</p>\r\n <div class=\"mb-0 text-color font-semibold text-value-wrapper w-50 flex align-items-center justify-content-end\">\r\n <p class=\"key-field-wrapper cursor-pointer\"\r\n [ngStyle]=\"getStyle(widgetItem?.style)\">\r\n <ng-container>\r\n @if(widgetItem?.key === 'Direct Debit'){\r\n <a (click)=\"handleDirectDebitClick()\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n }@if(widgetItem?.key === 'Solicitor'){\r\n <a (click)=\"handleSolicitorClick()\">\r\n {{ (widgetItem.value && widgetItem.value !== 'null') ? widgetItem.value : '' }}\r\n </a>\r\n }\r\n </ng-container>\r\n </p>\r\n </div>\r\n </div>\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()\">\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"] }]
|
|
4245
4236
|
}], ctorParameters: () => [{ type: StyleBuilderService }, { type: WidgetStore }], propDecorators: { widgetItem: [{
|
|
4246
4237
|
type: Input
|
|
4247
4238
|
}], widget: [{
|
|
@@ -4305,18 +4296,21 @@ class WidgetContainerComponent {
|
|
|
4305
4296
|
}
|
|
4306
4297
|
this.getWidgetFromCacheList(queueId, recordId);
|
|
4307
4298
|
this.getAllWidgetList(queueId, recordId);
|
|
4308
|
-
this.
|
|
4299
|
+
this.subscriptions.push(this.widgetQuery.getWidgetItem()
|
|
4300
|
+
.subscribe((res) => {
|
|
4301
|
+
if (res) {
|
|
4302
|
+
this.onDirectDebitClick.emit(res);
|
|
4303
|
+
}
|
|
4304
|
+
}));
|
|
4309
4305
|
}
|
|
4310
4306
|
handleWidgetItemClick() {
|
|
4311
|
-
this.widgetQuery.getOnWidgetItemClick()
|
|
4312
|
-
.pipe(takeUntil(this.destroy$))
|
|
4313
|
-
.subscribe((res) => {
|
|
4307
|
+
this.subscriptions.push(this.widgetQuery.getOnWidgetItemClick().subscribe((res) => {
|
|
4314
4308
|
if (res) {
|
|
4315
4309
|
this.onWidgetItemClick.emit(res);
|
|
4316
4310
|
}
|
|
4317
4311
|
}, (error) => {
|
|
4318
4312
|
console.error('Error in getOnWidgetItemClick subscription:', error);
|
|
4319
|
-
});
|
|
4313
|
+
}));
|
|
4320
4314
|
}
|
|
4321
4315
|
handleEventFromPropertyDetails() {
|
|
4322
4316
|
this.widgetQuery.getViewPropertyDetails()
|
|
@@ -4360,7 +4354,7 @@ class WidgetContainerComponent {
|
|
|
4360
4354
|
}
|
|
4361
4355
|
ngOnChanges(changes) {
|
|
4362
4356
|
if (!this.isSidebarVisible) {
|
|
4363
|
-
this.widgetStore.setOnViewPropertyDetails(
|
|
4357
|
+
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4364
4358
|
}
|
|
4365
4359
|
}
|
|
4366
4360
|
ngOnDestroy() {
|