@symphony-talent/component-library 3.52.0 → 3.54.0
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/esm2020/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +3 -3
- package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +7 -4
- package/esm2020/lib/pages/job-list-page/job-list-page.model.mjs +1 -1
- package/esm2020/lib/pages/job-list-page/job-list-page.module.mjs +8 -4
- package/esm2020/projects/component-library/lib/molecules/file-upload-v2/file-upload-v2.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +7 -4
- package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.module.mjs +8 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +13 -7
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +13 -7
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +13 -7
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +13 -7
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/pages/job-list-page/job-list-page.component.d.ts +2 -1
- package/lib/pages/job-list-page/job-list-page.model.d.ts +1 -0
- package/lib/pages/job-list-page/job-list-page.module.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/pages/job-list-page/job-list-page.component.d.ts +2 -1
- package/projects/component-library/lib/pages/job-list-page/job-list-page.model.d.ts +1 -0
- package/projects/component-library/lib/pages/job-list-page/job-list-page.module.d.ts +2 -1
|
@@ -2495,10 +2495,10 @@ class FileUploadV2Component extends FileUploadComponent {
|
|
|
2495
2495
|
}
|
|
2496
2496
|
}
|
|
2497
2497
|
FileUploadV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2498
|
-
FileUploadV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadV2Component, selector: "symphony-file-upload-v2", usesInheritance: true, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File
|
|
2498
|
+
FileUploadV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadV2Component, selector: "symphony-file-upload-v2", usesInheritance: true, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File successfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"], components: [{ type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2499
2499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadV2Component, decorators: [{
|
|
2500
2500
|
type: Component,
|
|
2501
|
-
args: [{ selector: 'symphony-file-upload-v2', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File
|
|
2501
|
+
args: [{ selector: 'symphony-file-upload-v2', encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Uploading...'\"\n class=\"hidefiledetail\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'File successfully uploaded'\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. File exceeds 2MB'\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n\n <!-- File Upload Incomplete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadIncomplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload failed. Please try again'\"\n ></symphony-file-upload-status>\n <!-- File Upload Incomplete -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:50px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:496px;max-width:496px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}.hidefiledetail .sfx-position-relative{display:none}.hidefiledetail .sfx-file-uploaded{margin-top:15px}.hidefiledetail .progress{height:10px}\n"] }]
|
|
2502
2502
|
}], ctorParameters: function () { return []; } });
|
|
2503
2503
|
|
|
2504
2504
|
class FileUploadV2Module {
|
|
@@ -6324,12 +6324,15 @@ class JobListPageComponent {
|
|
|
6324
6324
|
onItemClick(JobListPageModel) {
|
|
6325
6325
|
this.itemClicked.emit(JobListPageModel);
|
|
6326
6326
|
}
|
|
6327
|
+
refreshGrid() {
|
|
6328
|
+
this.grid.updateGridFilter();
|
|
6329
|
+
}
|
|
6327
6330
|
}
|
|
6328
6331
|
JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6329
|
-
JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", jobTitleclicked: "jobTitleclicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n filter-1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6332
|
+
JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", jobTitleclicked: "jobTitleclicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter-1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n <ng-content *ngIf=\"jobListModel.overrideFilterOne\" select=\"[filter-1]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6330
6333
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
|
|
6331
6334
|
type: Component,
|
|
6332
|
-
args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n filter-1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
|
|
6335
|
+
args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n <symphony-h3 sfx-header>Jobs</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasCreateJob\"\n (clicked)=\"onAddButtonClick()\"\n sfx-page-action\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-filter-area sfx-filter-area>\n <symphony-h3 title>Search</symphony-h3>\n <symphony-icon-wrapper\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n (clicked)=\"onAdvanceSearchClick()\"\n advance-search-icon\n [isInverse]=\"true\"\n >\n <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-h5\n *ngIf=\"jobListModel.hasAdvanceSearch\"\n class=\"sfx-mt-10 sfx-d-flex\"\n advance-search\n >Advanced Search</symphony-h5\n >\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasLoadLast\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-tooltip-wrapper\n load-last\n *ngIf=\"jobListModel.hasClearSearch\"\n [placement]=\"'top'\"\n [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n >\n <symphony-icon-wrapper [isInverse]=\"true\">\n <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n </symphony-icon-wrapper>\n </symphony-tooltip-wrapper>\n <symphony-contextual-menu\n *ngIf=\"jobListModel.hasFilterMoreOption\"\n more-options\n [model]=\"jobListModel.moreActions\"\n (itemClick)=\"onItemClick($event)\"\n >\n </symphony-contextual-menu>\n <symphony-input-text\n *ngIf=\"!jobListModel.overrideFilterOne\"\n filter-1\n [label]=\"'Job Category'\"\n [placeholder]=\"'Enter Job Category'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"onJobCategorySearch($event)\"\n >\n </symphony-input-text>\n <ng-content *ngIf=\"jobListModel.overrideFilterOne\" select=\"[filter-1]\"></ng-content>\n </symphony-filter-area>\n <symphony-action-bar-job-list\n sfx-actions\n [gridActionModel]=\"jobListModel.gridActionModel\"\n [gridControlsModel]=\"jobListModel.gridControlsModel\"\n (gridControlClick)=\"onGridControlClick($event)\"\n (gridActionClick)=\"onGridActionClick($event)\"\n [hasActionToggle]=\"jobListModel.hasActionToggle\"\n ></symphony-action-bar-job-list>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"jobListModel.grid.columnDefs\"\n [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n [rowData]=\"jobListModel.grid.rowData\"\n [pageSize]=\"jobListModel.grid.pageSize\"\n [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n [rowModelType]=\"jobListModel.grid.rowModelType\"\n rowSelectionMode=\"multiple\"\n [hasNoPaddingleft]=\"true\"\n [suppressRowClickSelection]=\"true\"\n ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
|
|
6333
6336
|
}], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
|
|
6334
6337
|
type: Input
|
|
6335
6338
|
}], addButtonClicked: [{
|
|
@@ -6383,7 +6386,8 @@ JobListPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
6383
6386
|
IconModule,
|
|
6384
6387
|
IconWrapperModule,
|
|
6385
6388
|
InputTextModule,
|
|
6386
|
-
ActionBarJobListModule
|
|
6389
|
+
ActionBarJobListModule,
|
|
6390
|
+
PlaceholderModule], exports: [JobListPageComponent] });
|
|
6387
6391
|
JobListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, imports: [[
|
|
6388
6392
|
CommonModule,
|
|
6389
6393
|
ContactListTemplateModule,
|
|
@@ -6396,7 +6400,8 @@ JobListPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
|
|
|
6396
6400
|
IconModule,
|
|
6397
6401
|
IconWrapperModule,
|
|
6398
6402
|
InputTextModule,
|
|
6399
|
-
ActionBarJobListModule
|
|
6403
|
+
ActionBarJobListModule,
|
|
6404
|
+
PlaceholderModule
|
|
6400
6405
|
]] });
|
|
6401
6406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageModule, decorators: [{
|
|
6402
6407
|
type: NgModule,
|
|
@@ -6414,7 +6419,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
6414
6419
|
IconModule,
|
|
6415
6420
|
IconWrapperModule,
|
|
6416
6421
|
InputTextModule,
|
|
6417
|
-
ActionBarJobListModule
|
|
6422
|
+
ActionBarJobListModule,
|
|
6423
|
+
PlaceholderModule
|
|
6418
6424
|
],
|
|
6419
6425
|
exports: [JobListPageComponent]
|
|
6420
6426
|
}]
|