cat-qw-lib 0.46.8 → 0.47.2
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
|
@@ -4209,29 +4209,21 @@ class WidgetItemComponent {
|
|
|
4209
4209
|
getStyle(style) {
|
|
4210
4210
|
return this.styleBulderService.getStyle(style);
|
|
4211
4211
|
}
|
|
4212
|
-
onHandleSidebar() {
|
|
4213
|
-
this.widgetStore.setOnViewPropertyDetails(true);
|
|
4212
|
+
onHandleSidebar(propertyId) {
|
|
4213
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: propertyId, isDailogShow: true });
|
|
4214
4214
|
}
|
|
4215
4215
|
ngOnDestroy() {
|
|
4216
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4216
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4217
4217
|
}
|
|
4218
4218
|
handleWidgetItemClick() {
|
|
4219
4219
|
this.widgetStore.setOnWidgetItemClick({ item: this.widgetItem, recordId: this.widget.recordId });
|
|
4220
4220
|
}
|
|
4221
|
-
handleDirectDebitClick() {
|
|
4222
|
-
const directDebit = this.widget.dataItems.filter((val) => val.key === SHARED.DIRECT_DEBITID);
|
|
4223
|
-
this.widgetStore.setWidgetItem(directDebit);
|
|
4224
|
-
}
|
|
4225
|
-
handleSolicitorClick() {
|
|
4226
|
-
const solicitor = this.widget.dataItems.filter((val) => val.key === SHARED.SOLICITORID);
|
|
4227
|
-
this.widgetStore.setWidgetItem(solicitor);
|
|
4228
|
-
}
|
|
4229
4221
|
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 });
|
|
4230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4222
|
+
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()\">\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\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"] }] });
|
|
4231
4223
|
}
|
|
4232
4224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: WidgetItemComponent, decorators: [{
|
|
4233
4225
|
type: Component,
|
|
4234
|
-
args: [{ selector: 'lib-widget-item', standalone: false, template: "<div class=\"widget-container\">\r\n <div
|
|
4226
|
+
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()\">\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\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"] }]
|
|
4235
4227
|
}], ctorParameters: () => [{ type: StyleBuilderService }, { type: WidgetStore }], propDecorators: { widgetItem: [{
|
|
4236
4228
|
type: Input
|
|
4237
4229
|
}], widget: [{
|
|
@@ -4283,8 +4275,10 @@ class WidgetContainerComponent {
|
|
|
4283
4275
|
ngOnInit() {
|
|
4284
4276
|
this.handleEventFromPropertyDetails();
|
|
4285
4277
|
this.handleOnViewAllDetails();
|
|
4286
|
-
const queueId = localStorage.getItem(SHARED.selectedQueue);
|
|
4287
|
-
const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
|
|
4278
|
+
// const queueId = localStorage.getItem(SHARED.selectedQueue);
|
|
4279
|
+
// const recordId = this.activatedRoute.snapshot.params[SHARED.ID];
|
|
4280
|
+
const queueId = "67bdbab33fb4248b172c462e";
|
|
4281
|
+
const recordId = "67bda64fde64d8e16fa79387";
|
|
4288
4282
|
if (!queueId || !recordId) {
|
|
4289
4283
|
console.error(ERROR.ERROR_MISSING_PARAMETERS, {
|
|
4290
4284
|
queueId: queueId || SHARED.MISSING_QUEUE_ID,
|
|
@@ -4295,12 +4289,6 @@ class WidgetContainerComponent {
|
|
|
4295
4289
|
}
|
|
4296
4290
|
this.getWidgetFromCacheList(queueId, recordId);
|
|
4297
4291
|
this.getAllWidgetList(queueId, recordId);
|
|
4298
|
-
this.subscriptions.push(this.widgetQuery.getWidgetItem()
|
|
4299
|
-
.subscribe((res) => {
|
|
4300
|
-
if (res) {
|
|
4301
|
-
this.onDirectDebitClick.emit(res);
|
|
4302
|
-
}
|
|
4303
|
-
}));
|
|
4304
4292
|
}
|
|
4305
4293
|
handleWidgetItemClick() {
|
|
4306
4294
|
this.subscriptions.push(this.widgetQuery.getOnWidgetItemClick().subscribe((res) => {
|
|
@@ -4353,7 +4341,7 @@ class WidgetContainerComponent {
|
|
|
4353
4341
|
}
|
|
4354
4342
|
ngOnChanges(changes) {
|
|
4355
4343
|
if (!this.isSidebarVisible) {
|
|
4356
|
-
this.widgetStore.setOnViewPropertyDetails(false);
|
|
4344
|
+
this.widgetStore.setOnViewPropertyDetails({ propertyId: null, isDailogShow: false });
|
|
4357
4345
|
}
|
|
4358
4346
|
}
|
|
4359
4347
|
ngOnDestroy() {
|