@rangertechnologies/fusion-ui 0.1.6 → 0.1.7
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.
|
@@ -5163,8 +5163,8 @@ var FormsComponent = class FormsComponent {
|
|
|
5163
5163
|
selector: "app-forms",
|
|
5164
5164
|
inputs: { tab: "tab" },
|
|
5165
5165
|
ngImport: i0,
|
|
5166
|
-
template: "<div class=\"flex justify-content-between\">\n <div>\n <!-- SK05DEC25 sub tabs list -->\n <div class=\"tab-box flex flex-direction-row tab-view-buttons w-100\">\n <div *ngFor=\"let tab of tabs; let i=index \">\n <div class=\"tabCls d-flex p-2 cursor-pointer\"\n [class]=\"eachTypeOfTab === tab.name ? 'tab-active-color' : 'tab-color'\"\n [class.active]=\"eachTypeOfTab === tab.name\" (click)=\"currentTabNav(tab)\">\n <span class=\"sub-tab-text fs-6\">\n {{tab.labelPath || tab.label | customTranslate : tab.label }}\n </span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"flex ms-2\">\n <!-- SK05DEC25 FY dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"fyList\" [selectedData]=\"selectedFYData\" dropDownHeight=\"32px\"\n dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\" dropBorderRadius=\"5px\"\n dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'fyYear')\">\n </app-drop-down>\n <!-- SK05DEC25 Quarter Dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"['Q1', 'Q2', 'Q3', 'Q4']\" [selectedData]=\"selectedQuarterData\"\n dropDownHeight=\"32px\" dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\"\n dropBorderRadius=\"5px\" dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'quarter')\">\n </app-drop-down>\n <!-- SK05DEC25 Submit Form24Q button -->\n <div class=\"align-self-center me-3\">\n <app-fusion-button [buttonValue]=\" 'APP_HRM_PAYROLL_FORM24Q.SUBMIT_24Q' | customTranslate : 'Submit 24Q' \"\n (buttonClickEmit)=\"submitClick('submit24Q')\" [buttonLoadingSpinner]=\"submitButtonLoader\">\n </app-fusion-button>\n </div>\n </div>\n</div>\n\n\n<div class=\"row\">\n <ng-container *ngFor=\"let comp of components; let j=index\">\n <!-- {{comp._id}} -->\n <div class=\"{{comp.size}}\">\n <!-- SK05DEC25 button component -->\n <div *ngIf=\"comp.type === 'buttons'\" class=\"mb-1\" style=\"display: flex; justify-content: end;\">\n <app-fusion-button *ngFor=\"let button of comp?.config?.buttons\"\n (buttonClickEmit)=\"commonButtonClickEmit(button)\" [buttonType]=\"button.class\"\n [buttonValue]=\"button.labelPath || button.namePath || button.name | customTranslate : button.label || button.name\">\n </app-fusion-button>\n </div>\n <!-- SK05DEC25 table for challans -->\n <div *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'challans' \" class=\"comp-wrap mt-2\">\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\" [data]=tableData.challans\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 table for deductees and fetched deductees -->\n <div class=\"mb-3 comp-wrap mt-2\" *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'deductees' \" >\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0 || isLoading['syncDeductees']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\"\n [data]=\"comp.name === 'deducteeTable' ? tableData.deductees : tableData.fetchedDeductees \"\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 nxtpage for details/batchheader/fileheader -->\n <div *ngIf=\"comp.type === 'nxtPage'\">\n <lib-booklet *ngIf=\"!isLoading[comp._id] && !isLoading['getFormData']\" [bookletJSON]=\"comp.config.nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet>\n <div *ngIf=\"isLoading[comp._id]?.length > 0 || isLoading['getFormData']?.length > 0 || (modalProperties ? isLoading[modalProperties?._id]?.length > 0 : false)\" class=\"row my-1\">\n <div class=\"col-md-12\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n\n<!-- SK05DEC25 if condition to open modal -->\n<app-modal \n [modalTitle]=\"modalProperties?.modalTitlePath || modalProperties?.modalTitle || isLoading['deducteeSubmit']?.length > 0 || isLoading['challanSubmit']?.length > 0 || isLoading['detailSubmit']?.length > 0 || 'NXT BOOK' | customTranslate : modalProperties?.modalTitle\"\n [modalFooter]=\"modalProperties?.isModalFooter\" [saveButtonValue]=\"modalProperties?.modalSaveButtonValue\"\n [isModalOpen]=\"openModal\" (cancelButtonEmit)=\"modalClose($event)\" [modalSize]=\"modalProperties?.modalSize\">\n <div class=\"modal-body\">\n <div>\n <!-- <lib-booklet [bookletJSON]=\"nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet> -->\n <!-- SK24JUN24 language code update to nxt -->\n <app-browse [nxtJSON]=\"nxtJSON\" [modalProperties]=\"modalProperties\" [nxtEdit]=\"true\" [bookValue]=\"bookValue\"\n [languageCode]=\"languageCode\" (nxtFormHandlerEmit)=\"nxtFormHandler($event)\">\n </app-browse>\n </div>\n </div>\n</app-modal>",
|
|
5167
|
-
styles: [".
|
|
5166
|
+
template: "<div class=\"flex justify-content-between\">\n <div>\n <!-- SK05DEC25 MR 09NOV26 Standardize sub-nav tabs with modern underline indicator -->\n <ul class=\"nav sub-nav-head tab-view-buttons w-100\" role=\"tablist\">\n <li class=\"nav-item\" role=\"presentation\" *ngFor=\"let tab of tabs; let i = index\">\n <button type=\"button\"\n class=\"nav-link sub-nav\"\n [class.active]=\"eachTypeOfTab === tab.name\"\n role=\"tab\"\n [attr.aria-selected]=\"eachTypeOfTab === tab.name\"\n (click)=\"currentTabNav(tab)\">\n <span class=\"sub-tab-text\">\n {{tab.labelPath || tab.label | customTranslate : tab.label }}\n </span>\n </button>\n </li>\n </ul>\n </div>\n <div class=\"flex ms-2\">\n <!-- SK05DEC25 FY dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"fyList\" [selectedData]=\"selectedFYData\" dropDownHeight=\"32px\"\n dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\" dropBorderRadius=\"5px\"\n dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'fyYear')\">\n </app-drop-down>\n <!-- SK05DEC25 Quarter Dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"['Q1', 'Q2', 'Q3', 'Q4']\" [selectedData]=\"selectedQuarterData\"\n dropDownHeight=\"32px\" dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\"\n dropBorderRadius=\"5px\" dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'quarter')\">\n </app-drop-down>\n <!-- SK05DEC25 Submit Form24Q button -->\n <div class=\"align-self-center me-3\">\n <app-fusion-button [buttonValue]=\" 'APP_HRM_PAYROLL_FORM24Q.SUBMIT_24Q' | customTranslate : 'Submit 24Q' \"\n (buttonClickEmit)=\"submitClick('submit24Q')\" [buttonLoadingSpinner]=\"submitButtonLoader\">\n </app-fusion-button>\n </div>\n </div>\n</div>\n\n\n<div class=\"row\">\n <ng-container *ngFor=\"let comp of components; let j=index\">\n <!-- {{comp._id}} -->\n <div class=\"{{comp.size}}\">\n <!-- SK05DEC25 button component -->\n <div *ngIf=\"comp.type === 'buttons'\" class=\"mb-1\" style=\"display: flex; justify-content: end;\">\n <app-fusion-button *ngFor=\"let button of comp?.config?.buttons\"\n (buttonClickEmit)=\"commonButtonClickEmit(button)\" [buttonType]=\"button.class\"\n [buttonValue]=\"button.labelPath || button.namePath || button.name | customTranslate : button.label || button.name\">\n </app-fusion-button>\n </div>\n <!-- SK05DEC25 table for challans -->\n <div *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'challans' \" class=\"comp-wrap mt-2\">\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\" [data]=tableData.challans\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 table for deductees and fetched deductees -->\n <div class=\"mb-3 comp-wrap mt-2\" *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'deductees' \" >\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0 || isLoading['syncDeductees']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\"\n [data]=\"comp.name === 'deducteeTable' ? tableData.deductees : tableData.fetchedDeductees \"\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 nxtpage for details/batchheader/fileheader -->\n <div *ngIf=\"comp.type === 'nxtPage'\">\n <lib-booklet *ngIf=\"!isLoading[comp._id] && !isLoading['getFormData']\" [bookletJSON]=\"comp.config.nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet>\n <div *ngIf=\"isLoading[comp._id]?.length > 0 || isLoading['getFormData']?.length > 0 || (modalProperties ? isLoading[modalProperties?._id]?.length > 0 : false)\" class=\"row my-1\">\n <div class=\"col-md-12\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n\n<!-- SK05DEC25 if condition to open modal -->\n<app-modal \n [modalTitle]=\"modalProperties?.modalTitlePath || modalProperties?.modalTitle || isLoading['deducteeSubmit']?.length > 0 || isLoading['challanSubmit']?.length > 0 || isLoading['detailSubmit']?.length > 0 || 'NXT BOOK' | customTranslate : modalProperties?.modalTitle\"\n [modalFooter]=\"modalProperties?.isModalFooter\" [saveButtonValue]=\"modalProperties?.modalSaveButtonValue\"\n [isModalOpen]=\"openModal\" (cancelButtonEmit)=\"modalClose($event)\" [modalSize]=\"modalProperties?.modalSize\">\n <div class=\"modal-body\">\n <div>\n <!-- <lib-booklet [bookletJSON]=\"nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet> -->\n <!-- SK24JUN24 language code update to nxt -->\n <app-browse [nxtJSON]=\"nxtJSON\" [modalProperties]=\"modalProperties\" [nxtEdit]=\"true\" [bookValue]=\"bookValue\"\n [languageCode]=\"languageCode\" (nxtFormHandlerEmit)=\"nxtFormHandler($event)\">\n </app-browse>\n </div>\n </div>\n</app-modal>",
|
|
5167
|
+
styles: [".sub-nav-head{display:flex;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--border-color, #E2E8F0);gap:4px;list-style:none;padding:0;margin:0}.sub-nav{background:transparent;border:none;border-bottom:3.5px solid transparent;margin-bottom:-1px;padding:8px 16px;font-size:var(--fs-normal, 14px);font-weight:var(--fw-500, 500);color:var(--label-text-color, #475569);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease-in-out,border-color .15s ease-in-out}.sub-nav:hover{color:var(--fc-text-color-dark, #0F172A)}.sub-nav.active{color:var(--fc-primary-color, #0140C1);font-weight:var(--fw-600, 600);border-bottom:3.5px solid var(--fc-primary-color, #0140C1)}.tab-box{display:flex;flex-wrap:nowrap;border-bottom:1px solid var(--border-color, #E2E8F0)}.tabCls{cursor:pointer}.tab-text,.sub-tab-text{line-height:100%}.tab-active-color{color:var(--fc-primary-color, #0140C1);font-weight:var(--fw-600, 600)}::ng-deep .upload-preview-wrapper{height:0}\n"],
|
|
5168
5168
|
dependencies: [
|
|
5169
5169
|
{
|
|
5170
5170
|
kind: "ngmodule",
|
|
@@ -5453,8 +5453,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5453
5453
|
AngularSvgIconModule,
|
|
5454
5454
|
FusionButtonComponent
|
|
5455
5455
|
],
|
|
5456
|
-
template: "<div class=\"flex justify-content-between\">\n <div>\n <!-- SK05DEC25 sub tabs list -->\n <div class=\"tab-box flex flex-direction-row tab-view-buttons w-100\">\n <div *ngFor=\"let tab of tabs; let i=index \">\n <div class=\"tabCls d-flex p-2 cursor-pointer\"\n [class]=\"eachTypeOfTab === tab.name ? 'tab-active-color' : 'tab-color'\"\n [class.active]=\"eachTypeOfTab === tab.name\" (click)=\"currentTabNav(tab)\">\n <span class=\"sub-tab-text fs-6\">\n {{tab.labelPath || tab.label | customTranslate : tab.label }}\n </span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"flex ms-2\">\n <!-- SK05DEC25 FY dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"fyList\" [selectedData]=\"selectedFYData\" dropDownHeight=\"32px\"\n dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\" dropBorderRadius=\"5px\"\n dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'fyYear')\">\n </app-drop-down>\n <!-- SK05DEC25 Quarter Dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"['Q1', 'Q2', 'Q3', 'Q4']\" [selectedData]=\"selectedQuarterData\"\n dropDownHeight=\"32px\" dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\"\n dropBorderRadius=\"5px\" dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'quarter')\">\n </app-drop-down>\n <!-- SK05DEC25 Submit Form24Q button -->\n <div class=\"align-self-center me-3\">\n <app-fusion-button [buttonValue]=\" 'APP_HRM_PAYROLL_FORM24Q.SUBMIT_24Q' | customTranslate : 'Submit 24Q' \"\n (buttonClickEmit)=\"submitClick('submit24Q')\" [buttonLoadingSpinner]=\"submitButtonLoader\">\n </app-fusion-button>\n </div>\n </div>\n</div>\n\n\n<div class=\"row\">\n <ng-container *ngFor=\"let comp of components; let j=index\">\n <!-- {{comp._id}} -->\n <div class=\"{{comp.size}}\">\n <!-- SK05DEC25 button component -->\n <div *ngIf=\"comp.type === 'buttons'\" class=\"mb-1\" style=\"display: flex; justify-content: end;\">\n <app-fusion-button *ngFor=\"let button of comp?.config?.buttons\"\n (buttonClickEmit)=\"commonButtonClickEmit(button)\" [buttonType]=\"button.class\"\n [buttonValue]=\"button.labelPath || button.namePath || button.name | customTranslate : button.label || button.name\">\n </app-fusion-button>\n </div>\n <!-- SK05DEC25 table for challans -->\n <div *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'challans' \" class=\"comp-wrap mt-2\">\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\" [data]=tableData.challans\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 table for deductees and fetched deductees -->\n <div class=\"mb-3 comp-wrap mt-2\" *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'deductees' \" >\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0 || isLoading['syncDeductees']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\"\n [data]=\"comp.name === 'deducteeTable' ? tableData.deductees : tableData.fetchedDeductees \"\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 nxtpage for details/batchheader/fileheader -->\n <div *ngIf=\"comp.type === 'nxtPage'\">\n <lib-booklet *ngIf=\"!isLoading[comp._id] && !isLoading['getFormData']\" [bookletJSON]=\"comp.config.nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet>\n <div *ngIf=\"isLoading[comp._id]?.length > 0 || isLoading['getFormData']?.length > 0 || (modalProperties ? isLoading[modalProperties?._id]?.length > 0 : false)\" class=\"row my-1\">\n <div class=\"col-md-12\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n\n<!-- SK05DEC25 if condition to open modal -->\n<app-modal \n [modalTitle]=\"modalProperties?.modalTitlePath || modalProperties?.modalTitle || isLoading['deducteeSubmit']?.length > 0 || isLoading['challanSubmit']?.length > 0 || isLoading['detailSubmit']?.length > 0 || 'NXT BOOK' | customTranslate : modalProperties?.modalTitle\"\n [modalFooter]=\"modalProperties?.isModalFooter\" [saveButtonValue]=\"modalProperties?.modalSaveButtonValue\"\n [isModalOpen]=\"openModal\" (cancelButtonEmit)=\"modalClose($event)\" [modalSize]=\"modalProperties?.modalSize\">\n <div class=\"modal-body\">\n <div>\n <!-- <lib-booklet [bookletJSON]=\"nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet> -->\n <!-- SK24JUN24 language code update to nxt -->\n <app-browse [nxtJSON]=\"nxtJSON\" [modalProperties]=\"modalProperties\" [nxtEdit]=\"true\" [bookValue]=\"bookValue\"\n [languageCode]=\"languageCode\" (nxtFormHandlerEmit)=\"nxtFormHandler($event)\">\n </app-browse>\n </div>\n </div>\n</app-modal>",
|
|
5457
|
-
styles: [".
|
|
5456
|
+
template: "<div class=\"flex justify-content-between\">\n <div>\n <!-- SK05DEC25 MR 09NOV26 Standardize sub-nav tabs with modern underline indicator -->\n <ul class=\"nav sub-nav-head tab-view-buttons w-100\" role=\"tablist\">\n <li class=\"nav-item\" role=\"presentation\" *ngFor=\"let tab of tabs; let i = index\">\n <button type=\"button\"\n class=\"nav-link sub-nav\"\n [class.active]=\"eachTypeOfTab === tab.name\"\n role=\"tab\"\n [attr.aria-selected]=\"eachTypeOfTab === tab.name\"\n (click)=\"currentTabNav(tab)\">\n <span class=\"sub-tab-text\">\n {{tab.labelPath || tab.label | customTranslate : tab.label }}\n </span>\n </button>\n </li>\n </ul>\n </div>\n <div class=\"flex ms-2\">\n <!-- SK05DEC25 FY dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"fyList\" [selectedData]=\"selectedFYData\" dropDownHeight=\"32px\"\n dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\" dropBorderRadius=\"5px\"\n dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'fyYear')\">\n </app-drop-down>\n <!-- SK05DEC25 Quarter Dropdown -->\n <app-drop-down class=\"me-2\" [lists]=\"['Q1', 'Q2', 'Q3', 'Q4']\" [selectedData]=\"selectedQuarterData\"\n dropDownHeight=\"32px\" dropFontWeight=\"500\" dropFontSize=\"12px\" dropFontColor=\"#434555\"\n dropBorderRadius=\"5px\" dropDownWidth=\"150px\" (dataEmit)=\"selectedDropdownValue($event, 'quarter')\">\n </app-drop-down>\n <!-- SK05DEC25 Submit Form24Q button -->\n <div class=\"align-self-center me-3\">\n <app-fusion-button [buttonValue]=\" 'APP_HRM_PAYROLL_FORM24Q.SUBMIT_24Q' | customTranslate : 'Submit 24Q' \"\n (buttonClickEmit)=\"submitClick('submit24Q')\" [buttonLoadingSpinner]=\"submitButtonLoader\">\n </app-fusion-button>\n </div>\n </div>\n</div>\n\n\n<div class=\"row\">\n <ng-container *ngFor=\"let comp of components; let j=index\">\n <!-- {{comp._id}} -->\n <div class=\"{{comp.size}}\">\n <!-- SK05DEC25 button component -->\n <div *ngIf=\"comp.type === 'buttons'\" class=\"mb-1\" style=\"display: flex; justify-content: end;\">\n <app-fusion-button *ngFor=\"let button of comp?.config?.buttons\"\n (buttonClickEmit)=\"commonButtonClickEmit(button)\" [buttonType]=\"button.class\"\n [buttonValue]=\"button.labelPath || button.namePath || button.name | customTranslate : button.label || button.name\">\n </app-fusion-button>\n </div>\n <!-- SK05DEC25 table for challans -->\n <div *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'challans' \" class=\"comp-wrap mt-2\">\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\" [data]=tableData.challans\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 table for deductees and fetched deductees -->\n <div class=\"mb-3 comp-wrap mt-2\" *ngIf=\"comp.type === 'table' && eachTypeOfTab === 'deductees' \" >\n <nxt-datatable [direction]=\"direction\" [languageCode]=\"languageCode\"\n [isLoading]=\"isLoading['getFormData']?.length > 0 || isLoading['syncDeductees']?.length > 0\" [searchBar]=\"comp?.config?.searchBar\"\n [withCheckBox]=\"comp?.config?.withCheckBox\" [isEditRow]=\"comp?.config?.isEditRow\"\n [isDeleteRow]=\"comp?.config?.isDeleteRow\"\n [isButtonLoading]=\"isLoading['onDeleteRecord']?.length > 0\"\n [actionButton]=\"comp?.config?.actionButton?.buttonArray?.length > 0 ? comp?.config?.actionButton : false\"\n [isButtons]=\"comp?.config?.isButtons\" [addInlineRecord]=\"comp?.config?.addInlineRecord\"\n [tableId]=\"comp?.config?.tableId\" direction=\"ltr\"\n [data]=\"comp.name === 'deducteeTable' ? tableData.deductees : tableData.fetchedDeductees \"\n [tableWidth]=\"comp?.config?.tableWidth\" [columns]=comp?.config?.columns\n [buttonArray]=comp?.config?.buttons [pagination]=\"comp?.config?.pagination\"\n (selectedValues)=\"tableCheckedDataa($event)\" (buttonEmit)=\"commonButtonClickEmit($event)\"\n (hyperLinkEmit)=\"hyperLinkColumnEmit(comp,$event)\" (onDeleteData)=\"onDeleteRecord($event,comp)\"\n (saveButtonData)=\"saveButtonData($event)\"\n (actionButtonEmit)=\"actionButtonEmit($event, comp._id)\" [multipleFilter]=multipleFilter\n [searchConfigs]=\"comp?.config?.searchConfigs\" [actionButtonArray]=comp?.config?.actionButton\n (NxtTableParamsEmit)=\"comp?.config?.pagination ? tablePageDetails(comp,$event) : tableParamsEmit(tab,$event,comp)\"\n [tableParams]=\"comp?.config?.tableParams\" [listViews]=\"listViews\"\n [tableFilterData]=\"tableFilterData\" [id]=\"comp?._id\"\n (NxtTableFilterEmit)=\"nxtTableFilterEmit($event, comp)\"\n [summaryRows]=\"comp?.config?.summaryRows\" (sideNavEmit)=\"onSideNav($event)\"\n (fileEmit)=\"emitAttachmentClick($event)\">\n </nxt-datatable>\n </div>\n <!-- SK05DEC25 nxtpage for details/batchheader/fileheader -->\n <div *ngIf=\"comp.type === 'nxtPage'\">\n <lib-booklet *ngIf=\"!isLoading[comp._id] && !isLoading['getFormData']\" [bookletJSON]=\"comp.config.nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet>\n <div *ngIf=\"isLoading[comp._id]?.length > 0 || isLoading['getFormData']?.length > 0 || (modalProperties ? isLoading[modalProperties?._id]?.length > 0 : false)\" class=\"row my-1\">\n <div class=\"col-md-12\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n <div class=\"col-md-12 mt-3\">\n <div class=\"title\" data-title>\n <div class=\"skeleton skeleton-text\"></div>\n <div class=\"skeleton skeleton-text\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n\n<!-- SK05DEC25 if condition to open modal -->\n<app-modal \n [modalTitle]=\"modalProperties?.modalTitlePath || modalProperties?.modalTitle || isLoading['deducteeSubmit']?.length > 0 || isLoading['challanSubmit']?.length > 0 || isLoading['detailSubmit']?.length > 0 || 'NXT BOOK' | customTranslate : modalProperties?.modalTitle\"\n [modalFooter]=\"modalProperties?.isModalFooter\" [saveButtonValue]=\"modalProperties?.modalSaveButtonValue\"\n [isModalOpen]=\"openModal\" (cancelButtonEmit)=\"modalClose($event)\" [modalSize]=\"modalProperties?.modalSize\">\n <div class=\"modal-body\">\n <div>\n <!-- <lib-booklet [bookletJSON]=\"nxtJSON\" [isEdit]=\"true\" [dataBind]=\"bookValue\"\n [languageCode]=\"languageCode\" [apiUrl]=\"apiUrl\" [direction]=\"direction\" [isLoading]=\"nxtLoader\"\n (handleBookletActionEvent)=\"nxtFormHandler($event)\">\n </lib-booklet> -->\n <!-- SK24JUN24 language code update to nxt -->\n <app-browse [nxtJSON]=\"nxtJSON\" [modalProperties]=\"modalProperties\" [nxtEdit]=\"true\" [bookValue]=\"bookValue\"\n [languageCode]=\"languageCode\" (nxtFormHandlerEmit)=\"nxtFormHandler($event)\">\n </app-browse>\n </div>\n </div>\n</app-modal>",
|
|
5457
|
+
styles: [".sub-nav-head{display:flex;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--border-color, #E2E8F0);gap:4px;list-style:none;padding:0;margin:0}.sub-nav{background:transparent;border:none;border-bottom:3.5px solid transparent;margin-bottom:-1px;padding:8px 16px;font-size:var(--fs-normal, 14px);font-weight:var(--fw-500, 500);color:var(--label-text-color, #475569);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease-in-out,border-color .15s ease-in-out}.sub-nav:hover{color:var(--fc-text-color-dark, #0F172A)}.sub-nav.active{color:var(--fc-primary-color, #0140C1);font-weight:var(--fw-600, 600);border-bottom:3.5px solid var(--fc-primary-color, #0140C1)}.tab-box{display:flex;flex-wrap:nowrap;border-bottom:1px solid var(--border-color, #E2E8F0)}.tabCls{cursor:pointer}.tab-text,.sub-tab-text{line-height:100%}.tab-active-color{color:var(--fc-primary-color, #0140C1);font-weight:var(--fw-600, 600)}::ng-deep .upload-preview-wrapper{height:0}\n"]
|
|
5458
5458
|
}]
|
|
5459
5459
|
}],
|
|
5460
5460
|
ctorParameters: () => [
|