@symphony-talent/component-library 3.63.0 → 3.64.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/atoms/filter-area/filter-area.component.mjs +3 -3
- package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/job-list-page/job-list-page.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/pages/job-list-page/job-list-page.component.d.ts +1 -1
- package/package.json +1 -1
- package/projects/component-library/lib/pages/job-list-page/job-list-page.component.d.ts +1 -1
|
@@ -247,10 +247,10 @@ class FilterAreaComponent {
|
|
|
247
247
|
constructor() { }
|
|
248
248
|
}
|
|
249
249
|
FilterAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
250
|
-
FilterAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterAreaComponent, selector: "symphony-filter-area", ngImport: i0, template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-
|
|
250
|
+
FilterAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FilterAreaComponent, selector: "symphony-filter-area", ngImport: i0, template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] });
|
|
251
251
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FilterAreaComponent, decorators: [{
|
|
252
252
|
type: Component,
|
|
253
|
-
args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-
|
|
253
|
+
args: [{ selector: 'symphony-filter-area', template: "<div class=\"sfx-filter-section\">\n <div class=\"sfx-border-bottom-mdm-black-1 sfx-mb-20 sfx-pb-20 sfx-mt-10 sfx-d-inline-block sfx-wid-100\">\n <div class=\"sfx-d-inline-block\">\n <ng-content select=\"[title]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[more-options]\"></ng-content>\n </div> \n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[load-last]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search-icon]\"></ng-content>\n </div>\n <div class=\"sfx-d-inline-block sfx-ml-10 pull-right\">\n <ng-content select=\"[advance-search]\"></ng-content>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter1]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter2]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter3]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter4]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter5]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter6]\"></ng-content>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-3 col-lg-3 sfx-mb-25\">\n <ng-content select=\"[filter7]\"></ng-content>\n </div>\n </div>\n</div>", styles: [".sfx-filter-section{background:#000000;color:#fff;padding:1.875rem 2.5rem}\n"] }]
|
|
254
254
|
}], ctorParameters: function () { return []; } });
|
|
255
255
|
|
|
256
256
|
class FilterAreaModule {
|
|
@@ -6417,10 +6417,10 @@ class JobListPageComponent {
|
|
|
6417
6417
|
}
|
|
6418
6418
|
}
|
|
6419
6419
|
JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6420
|
-
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 filter1\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\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></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"], outputs: ["sortChanged"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6420
|
+
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 filter1\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\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></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"], outputs: ["sortChanged"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6421
6421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
|
|
6422
6422
|
type: Component,
|
|
6423
|
-
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 filter1\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\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></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: [""] }]
|
|
6423
|
+
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 filter1\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\n <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></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: [""] }]
|
|
6424
6424
|
}], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
|
|
6425
6425
|
type: Input
|
|
6426
6426
|
}], addButtonClicked: [{
|