@symphony-talent/component-library 3.51.0 → 3.53.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/grid/grid.component.mjs +2 -2
- package/esm2020/lib/atoms/toaster-alert/toaster-alert.component.mjs +9 -8
- package/esm2020/lib/atoms/toaster-alert/toaster-alert.model.mjs +1 -1
- package/esm2020/lib/atoms/toaster-alert/toaster-alert.module.mjs +5 -4
- package/esm2020/lib/organisms/action-bar/action-bar.component.mjs +3 -3
- package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs +7 -4
- package/esm2020/lib/templates/contact-list/contact-list-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/toaster-alert/toaster-alert.component.mjs +9 -8
- package/esm2020/projects/component-library/lib/atoms/toaster-alert/toaster-alert.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/toaster-alert/toaster-alert.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.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/templates/contact-list/contact-list-template.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +20 -17
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +20 -17
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +20 -17
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +20 -17
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/toaster-alert/toaster-alert.component.d.ts +4 -4
- package/lib/atoms/toaster-alert/toaster-alert.model.d.ts +3 -0
- package/lib/atoms/toaster-alert/toaster-alert.module.d.ts +2 -1
- package/lib/pages/job-list-page/job-list-page.component.d.ts +1 -0
- package/package.json +1 -1
- package/projects/component-library/global.scss +1 -0
- package/projects/component-library/lib/atoms/toaster-alert/toaster-alert.component.d.ts +4 -4
- package/projects/component-library/lib/atoms/toaster-alert/toaster-alert.model.d.ts +3 -0
- package/projects/component-library/lib/atoms/toaster-alert/toaster-alert.module.d.ts +2 -1
- package/projects/component-library/lib/pages/job-list-page/job-list-page.component.d.ts +1 -0
|
@@ -588,10 +588,10 @@ class GridComponent {
|
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
590
|
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
591
|
-
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode", hasNoPaddingleft: "hasNoPaddingleft" }, ngImport: i0, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-
|
|
591
|
+
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode", hasNoPaddingleft: "hasNoPaddingleft" }, ngImport: i0, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0}\n"], components: [{ type: i1$3.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
592
592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
|
|
593
593
|
type: Component,
|
|
594
|
-
args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-
|
|
594
|
+
args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\n [ngClass]=\"{'noPaddingLeft': hasNoPaddingleft}\"\n style=\"width: 100%\"\n [style.height.vh]=\"gridHeight\"\n [gridOptions]=\"gridOptions\"\n [applyColumnDefOrder]=\"true\"\n [rowModelType]=\"rowModelType\"\n [columnDefs]=\"columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [frameworkComponents]=\"frameworkComponents\"\n [getRowHeight]=\"getRowHeight\"\n [paginationPageSize]=\"pageSize\"\n [cacheBlockSize]=\"cacheBlockSize\"\n [rowData]=\"rowData\"\n [maxConcurrentDatasourceRequests]=\"1\"\n [loadingCellRenderer]=\"loadingCellRenderer\"\n [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [rowSelection]=\"rowSelectionMode\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0}\n"] }]
|
|
595
595
|
}], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
|
|
596
596
|
type: Input
|
|
597
597
|
}], defaultColDef: [{
|
|
@@ -1632,7 +1632,7 @@ class ToasterAlertComponent {
|
|
|
1632
1632
|
constructor() {
|
|
1633
1633
|
this.showAlert = false;
|
|
1634
1634
|
this.hideAlert = new EventEmitter();
|
|
1635
|
-
this.
|
|
1635
|
+
this.refreshClicked = new EventEmitter();
|
|
1636
1636
|
}
|
|
1637
1637
|
ngOnInit() {
|
|
1638
1638
|
this.showAlert = false;
|
|
@@ -1650,8 +1650,8 @@ class ToasterAlertComponent {
|
|
|
1650
1650
|
hideToasterAlert() {
|
|
1651
1651
|
this.hideAlert.emit();
|
|
1652
1652
|
}
|
|
1653
|
-
|
|
1654
|
-
this.
|
|
1653
|
+
onRefreshClick() {
|
|
1654
|
+
this.refreshClicked.emit();
|
|
1655
1655
|
}
|
|
1656
1656
|
ngOnDestroy() {
|
|
1657
1657
|
var _a, _b;
|
|
@@ -1660,30 +1660,30 @@ class ToasterAlertComponent {
|
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
1662
|
ToasterAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1663
|
-
ToasterAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToasterAlertComponent, selector: "symphony-toaster-alert", inputs: { alertModel: "alertModel", showAlert: "showAlert" }, outputs: { hideAlert: "hideAlert",
|
|
1663
|
+
ToasterAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToasterAlertComponent, selector: "symphony-toaster-alert", inputs: { alertModel: "alertModel", showAlert: "showAlert" }, outputs: { hideAlert: "hideAlert", refreshClicked: "refreshClicked" }, ngImport: i0, template: "<div\n class=\"toaster-alert-container\"\n *ngIf=\"showAlert && alertModel\"\n [ngClass]=\"{\n success: alertModel.type === 1,\n warning: alertModel.type === 2,\n error: alertModel.type === 3\n }\"\n>\n <div class=\"sfx-p-20 row sfx-m-0\">\n <div class=\"col-xs-10 sfx-font-bold\">\n <div\n *ngIf=\"alertModel.showLoaderIcon\"\n class=\"sfx-d-inline-block pull-left sfx-mr-20\"\n >\n <span class=\"loader__dot sfx-icon-System sfx-txt-white\"></span>\n <span\n class=\"loader__dot sfx-icon-System sfx-txt-white dot-space\"\n ></span>\n <span class=\"loader__dot sfx-icon-System sfx-txt-white\"></span>\n </div>\n <p\n class=\"sfx-mb-0\"\n [ngClass]=\"{ 'sfx-font-bold': alertModel.isFontBold }\"\n >\n {{ alertModel.message }}<span class=\"sfx-cursor-pointer sfx-ml-5 toaster-link-txt\" (click)=\"onRefreshClick()\" *ngIf=\"alertModel.showRefreshIcon\">Refresh List</span>\n </p>\n </div>\n\n <div class=\"col-xs-2\">\n <div class=\"sfx-d-flex pull-right sfx-ml-15 sfx-cursor-pointer\" (click)=\"hideToasterAlert()\" *ngIf=\"alertModel.showCloseIcon\">\n <symphony-icon class=\"sfx-d-flex\" [icon]=\"'si-close-modal'\"></symphony-icon>\n </div>\n </div>\n </div>\n</div>\n", styles: [".toaster-alert-container{width:100%;min-height:60px;color:#fff;z-index:100000000;position:fixed;top:0;left:0;padding-left:110px}.toaster-alert-container.success{background-color:#00d56b}.toaster-alert-container.warning{background-color:#ffa700}.toaster-alert-container.error{background-color:#f0001e}.toaster-alert-container .toaster-link-txt{text-decoration:underline;font-family:neuzeit_groteskbold,sans-serif}.toaster-alert-container .dot-space{margin-inline:2px}.text-alert-close-icon{text-align:right}.text-alert-close-icon:hover{cursor:pointer}.loader__dot{position:relative;animation:1s blink infinite;top:-2px}.loader__dot:before{content:\"\";display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%}.loader__dot:nth-child(2){animation-delay:.2s}.loader__dot:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.5}}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1664
1664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertComponent, decorators: [{
|
|
1665
1665
|
type: Component,
|
|
1666
|
-
args: [{ selector: 'symphony-toaster-alert', template: "<div\n class=\"toaster-alert-container\"\n *ngIf=\"showAlert && alertModel\"\n [ngClass]=\"{\n success: alertModel.type === 1,\n warning: alertModel.type === 2,\n error: alertModel.type === 3\n }\"\n>\n <div class=\"sfx-p-20 row sfx-m-0\">\n <div class=\"col-xs-
|
|
1666
|
+
args: [{ selector: 'symphony-toaster-alert', template: "<div\n class=\"toaster-alert-container\"\n *ngIf=\"showAlert && alertModel\"\n [ngClass]=\"{\n success: alertModel.type === 1,\n warning: alertModel.type === 2,\n error: alertModel.type === 3\n }\"\n>\n <div class=\"sfx-p-20 row sfx-m-0\">\n <div class=\"col-xs-10 sfx-font-bold\">\n <div\n *ngIf=\"alertModel.showLoaderIcon\"\n class=\"sfx-d-inline-block pull-left sfx-mr-20\"\n >\n <span class=\"loader__dot sfx-icon-System sfx-txt-white\"></span>\n <span\n class=\"loader__dot sfx-icon-System sfx-txt-white dot-space\"\n ></span>\n <span class=\"loader__dot sfx-icon-System sfx-txt-white\"></span>\n </div>\n <p\n class=\"sfx-mb-0\"\n [ngClass]=\"{ 'sfx-font-bold': alertModel.isFontBold }\"\n >\n {{ alertModel.message }}<span class=\"sfx-cursor-pointer sfx-ml-5 toaster-link-txt\" (click)=\"onRefreshClick()\" *ngIf=\"alertModel.showRefreshIcon\">Refresh List</span>\n </p>\n </div>\n\n <div class=\"col-xs-2\">\n <div class=\"sfx-d-flex pull-right sfx-ml-15 sfx-cursor-pointer\" (click)=\"hideToasterAlert()\" *ngIf=\"alertModel.showCloseIcon\">\n <symphony-icon class=\"sfx-d-flex\" [icon]=\"'si-close-modal'\"></symphony-icon>\n </div>\n </div>\n </div>\n</div>\n", styles: [".toaster-alert-container{width:100%;min-height:60px;color:#fff;z-index:100000000;position:fixed;top:0;left:0;padding-left:110px}.toaster-alert-container.success{background-color:#00d56b}.toaster-alert-container.warning{background-color:#ffa700}.toaster-alert-container.error{background-color:#f0001e}.toaster-alert-container .toaster-link-txt{text-decoration:underline;font-family:neuzeit_groteskbold,sans-serif}.toaster-alert-container .dot-space{margin-inline:2px}.text-alert-close-icon{text-align:right}.text-alert-close-icon:hover{cursor:pointer}.loader__dot{position:relative;animation:1s blink infinite;top:-2px}.loader__dot:before{content:\"\";display:inline-block;width:5px;height:5px;background:#ffffff;border-radius:50%}.loader__dot:nth-child(2){animation-delay:.2s}.loader__dot:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.5}}\n"] }]
|
|
1667
1667
|
}], ctorParameters: function () { return []; }, propDecorators: { alertModel: [{
|
|
1668
1668
|
type: Input
|
|
1669
1669
|
}], showAlert: [{
|
|
1670
1670
|
type: Input
|
|
1671
1671
|
}], hideAlert: [{
|
|
1672
1672
|
type: Output
|
|
1673
|
-
}],
|
|
1673
|
+
}], refreshClicked: [{
|
|
1674
1674
|
type: Output
|
|
1675
1675
|
}] } });
|
|
1676
1676
|
|
|
1677
1677
|
class ToasterAlertModule {
|
|
1678
1678
|
}
|
|
1679
1679
|
ToasterAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1680
|
-
ToasterAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, declarations: [ToasterAlertComponent], imports: [CommonModule], exports: [ToasterAlertComponent] });
|
|
1681
|
-
ToasterAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, imports: [[CommonModule]] });
|
|
1680
|
+
ToasterAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, declarations: [ToasterAlertComponent], imports: [CommonModule, IconModule], exports: [ToasterAlertComponent] });
|
|
1681
|
+
ToasterAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, imports: [[CommonModule, IconModule]] });
|
|
1682
1682
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToasterAlertModule, decorators: [{
|
|
1683
1683
|
type: NgModule,
|
|
1684
1684
|
args: [{
|
|
1685
1685
|
declarations: [ToasterAlertComponent],
|
|
1686
|
-
imports: [CommonModule],
|
|
1686
|
+
imports: [CommonModule, IconModule],
|
|
1687
1687
|
exports: [ToasterAlertComponent],
|
|
1688
1688
|
}]
|
|
1689
1689
|
}] });
|
|
@@ -3248,10 +3248,10 @@ class ActionBarComponent {
|
|
|
3248
3248
|
}
|
|
3249
3249
|
}
|
|
3250
3250
|
ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3251
|
-
ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-
|
|
3251
|
+
ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-p-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3252
3252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
|
|
3253
3253
|
type: Component,
|
|
3254
|
-
args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-
|
|
3254
|
+
args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n <symphony-icon-wrapper\n [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n class=\"sfx-d-inline-block\"\n ><symphony-icon\n [icon]=\"'si-arrow-bold-next'\"\n [size]=\"'13px'\"\n ></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n >Actions</symphony-paragraph\n >\n </div>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n <div class=\"pull-right sfx-actions-controls\">\n <ng-content select=\"[grid-controls]\"></ng-content>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"isToggled\"\n class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-p-0 sfx-actions-items\">\n <ng-content select=\"[grid-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
|
|
3255
3255
|
}], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
|
|
3256
3256
|
type: Input
|
|
3257
3257
|
}], hasActionToggle: [{
|
|
@@ -6289,10 +6289,10 @@ class ContactListTemplateComponent {
|
|
|
6289
6289
|
constructor() { }
|
|
6290
6290
|
}
|
|
6291
6291
|
ContactListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6292
|
-
ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<
|
|
6292
|
+
ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title sfx-mb-25\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n</section>\n<section>\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n <ng-content select=\"[sfx-actions]\"></ng-content>\n </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] });
|
|
6293
6293
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, decorators: [{
|
|
6294
6294
|
type: Component,
|
|
6295
|
-
args: [{ selector: 'symphony-contact-list-template', template: "<
|
|
6295
|
+
args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <div class=\"sfx-page-title sfx-mb-25\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-page-action]\"></ng-content>\n </span>\n </div>\n </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n</section>\n<section>\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n <ng-content select=\"[sfx-actions]\"></ng-content>\n </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] }]
|
|
6296
6296
|
}], ctorParameters: function () { return []; } });
|
|
6297
6297
|
|
|
6298
6298
|
class JobListPageComponent {
|
|
@@ -6328,12 +6328,15 @@ class JobListPageComponent {
|
|
|
6328
6328
|
onItemClick(JobListPageModel) {
|
|
6329
6329
|
this.itemClicked.emit(JobListPageModel);
|
|
6330
6330
|
}
|
|
6331
|
+
refreshGrid() {
|
|
6332
|
+
this.grid.updateGridFilter();
|
|
6333
|
+
}
|
|
6331
6334
|
}
|
|
6332
6335
|
JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6333
|
-
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]=\"
|
|
6336
|
+
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"] }] });
|
|
6334
6337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
|
|
6335
6338
|
type: Component,
|
|
6336
|
-
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]=\"
|
|
6339
|
+
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: [""] }]
|
|
6337
6340
|
}], ctorParameters: function () { return []; }, propDecorators: { jobListModel: [{
|
|
6338
6341
|
type: Input
|
|
6339
6342
|
}], addButtonClicked: [{
|