From c94b97fd02717df35c3bb4aa3db44bbef6427f6a Mon Sep 17 00:00:00 2001 From: manasa Date: Mon, 15 Dec 2025 13:53:06 +0530 Subject: [PATCH 1/2] updated the quick link component --- .../quick-create/quick-create.component.ts | 63 ++++++++++++------- 1 file changed, 41 insertions(+), 22 deletions(-) diff --git a/packages/angular-sdk-components/src/lib/_components/widget/quick-create/quick-create.component.ts b/packages/angular-sdk-components/src/lib/_components/widget/quick-create/quick-create.component.ts index 57cda527..c738cf82 100644 --- a/packages/angular-sdk-components/src/lib/_components/widget/quick-create/quick-create.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/widget/quick-create/quick-create.component.ts @@ -40,38 +40,57 @@ export class QuickCreateComponent implements OnInit, OnChanges { initComponent() { this.configProps$ = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as QuickCreateProps; - this.heading$ = this.configProps$.heading; this.showCaseIcons$ = this.configProps$.showCaseIcons; this.classFilter$ = this.configProps$.classFilter; - + const cases: any = []; + const defaultCases: any = []; const envInfo = PCore.getEnvironmentInfo(); - if ( - this.classFilter$ && - envInfo.environmentInfoObject && - envInfo.environmentInfoObject.pyCaseTypeList && - envInfo.environmentInfoObject.pyCaseTypeList.length > 0 - ) { - this.classFilter$.forEach(item => { - let icon = this.utils.getImageSrc('polaris-solid', this.utils.getSDKStaticContentUrl()); - let label = ''; - (envInfo.environmentInfoObject as any).pyCaseTypeList.forEach(casetype => { - if (casetype.pyWorkTypeImplementationClassName === item) { - icon = casetype.pxIcon && this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()); - label = casetype.pyWorkTypeName ?? ''; - } - }); - if (label !== '') { - this.cases$.push({ - label, + if (envInfo?.environmentInfoObject?.pyCaseTypeList) { + envInfo.environmentInfoObject.pyCaseTypeList.forEach((casetype: any) => { + if (casetype.pyWorkTypeName && casetype.pyWorkTypeImplementationClassName) { + defaultCases.push({ + classname: casetype.pyWorkTypeImplementationClassName, + onClick: () => { + this.createCase(casetype.pyWorkTypeImplementationClassName); + }, + ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }), + label: casetype.pyWorkTypeName + }); + } + }); + } else { + const pConnectInAppContext = PCore.createPConnect({ + options: { context: PCore.getConstants().APP.APP } + }).getPConnect(); + const pyPortalInAppContext = pConnectInAppContext.getValue('pyPortal') as any; + pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach(casetype => { + if (casetype.pyClassName && casetype.pyLabel) { + defaultCases.push({ + classname: casetype.pyClassName, onClick: () => { - this.createCase(item); + this.createCase(casetype.pyClassName); }, - ...(this.showCaseIcons$ && { icon }) + ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }), + label: casetype.pyLabel }); } }); } + + /* If classFilter is not empty - filter from the list of defaultCases */ + if (this.classFilter$?.length > 0) { + this.classFilter$.forEach(item => { + defaultCases.forEach(casetype => { + if (casetype.classname === item) { + cases.push(casetype); + } + }); + }); + this.cases$ = cases; + } else { + this.cases$ = defaultCases; + } } ngOnInit() { From b62c4dcd6e471d49e2dbf7b9822a6fadf61e0be1 Mon Sep 17 00:00:00 2001 From: manasa Date: Tue, 16 Dec 2025 14:22:00 +0530 Subject: [PATCH 2/2] Fixed the attachment visibility issue --- .../flow-container/flow-container.component.html | 2 +- .../flow-container/flow-container.component.ts | 2 +- .../widget/attachment/attachment.component.scss | 12 +++++------- .../widget/attachment/attachment.component.ts | 7 ++++--- 4 files changed, 11 insertions(+), 12 deletions(-) diff --git a/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.html b/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.html index 42ce57d0..26048507 100644 --- a/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.html +++ b/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.html @@ -32,7 +32,7 @@

{{ containerName$ }}

-
+
{{ caseMessages$ }}
diff --git a/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts b/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts index 128850f4..19bb6a16 100644 --- a/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/infra/Containers/flow-container/flow-container.component.ts @@ -280,7 +280,7 @@ export class FlowContainerComponent extends FlowContainerBaseComponent implement // this.containerName$ = oWorkMeta["name"]; if (bLoadChildren && oWorkData) { - this.containerName$ = this.localizedVal(this.getActiveViewLabel() || oWorkData.caseInfo.assignments[0].name, undefined, this.localeReference); + this.containerName$ = this.localizedVal(this.getActiveViewLabel() || oWorkData.caseInfo.assignments?.[0].name, undefined, this.localeReference); } // turn off spinner diff --git a/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.scss b/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.scss index 49743b1f..067a4b08 100644 --- a/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.scss +++ b/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.scss @@ -5,7 +5,7 @@ } .psdk-modal-file-selector { - border: 1px dashed var(--app-neutral-dark-color); + border: 1px dashed var(--mat-sys-neutral-variant20); width: 100%; padding: 0.3rem; text-align: center; @@ -22,7 +22,7 @@ } .psdk-modal-file-selector-error { - border: 1px dashed var(--app-error-light-color); + border: 1px dashed var(--mat-sys-error); width: 100%; padding: 0.3rem; text-align: center; @@ -52,7 +52,7 @@ width: auto; } .psdk-modal-file-selector { - border: 1px dashed var(--app-neutral-dark-color); + border: 1px dashed var(--mat-sys-neutral-variant20); padding: 0.5rem; text-align: center; position: relative; @@ -68,7 +68,7 @@ } .psdk-modal-file-selector-error { - border: 1px dashed var(--app-error-light-color); + border: 1px dashed var(--mat-sys-error); padding: 0.5rem; text-align: center; position: relative; @@ -126,7 +126,6 @@ .psdk-attachment-card-svg-icon { width: 2.5rem; - filter: var(--app-white-color-filter); } .psdk-utility-button { @@ -134,7 +133,6 @@ border: none; margin-right: 0.5rem; cursor: pointer; - filter: var(--app-white-color-filter); } .psdk-utility-card-action-svg-icon { @@ -151,7 +149,7 @@ } .file-div-error { - border: 1px dashed var(--app-error-light-color); + border: 1px dashed var(--mat-sys-error); width: 100%; padding: 0.5rem; text-align: center; diff --git a/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.ts b/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.ts index c26e2684..97866a1e 100644 --- a/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/widget/attachment/attachment.component.ts @@ -132,11 +132,12 @@ export class AttachmentComponent implements OnInit, OnDestroy { updateSelf() { const configProps: AttachmentProps = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as AttachmentProps; const stateProps = this.pConn$.getStateProps(); - const { value, label, required, visibility, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } = - configProps; + const { value, label, required, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } = configProps; this.bRequired$ = this.utils.getBooleanValue(required); - this.bVisible$ = this.utils.getBooleanValue(visibility); + if (configProps.visibility != null) { + this.bVisible$ = this.utils.getBooleanValue(configProps.visibility); + } this.bDisabled$ = this.utils.getBooleanValue(disabled); this.bReadonly$ = this.utils.getBooleanValue(readOnly); this.allowMultiple$ = this.utils.getBooleanValue(allowMultiple);