@symphony-talent/component-library 3.10.1 → 3.12.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 +19 -3
- package/esm2020/lib/atoms/grid/grid.model.mjs +6 -2
- package/esm2020/lib/atoms/grid/grid.module.mjs +14 -3
- package/esm2020/lib/molecules/feedback-card/feedback-card.component.mjs +29 -0
- package/esm2020/lib/molecules/feedback-card/feedback-card.model.mjs +8 -0
- package/esm2020/lib/molecules/feedback-card/feedback-card.module.mjs +42 -0
- package/esm2020/lib/molecules/molecules.module.mjs +8 -4
- package/esm2020/lib/organisms/feedback-card-list/feedback-card-list.component.mjs +23 -0
- package/esm2020/lib/organisms/feedback-card-list/feedback-card-list.module.mjs +19 -0
- package/esm2020/lib/organisms/organisms.module.mjs +9 -5
- package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +17 -6
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +9 -3
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +19 -3
- package/esm2020/projects/component-library/lib/atoms/grid/grid.model.mjs +6 -2
- package/esm2020/projects/component-library/lib/atoms/grid/grid.module.mjs +14 -3
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs +29 -0
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.model.mjs +8 -0
- package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.module.mjs +42 -0
- package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +8 -4
- package/esm2020/projects/component-library/lib/organisms/feedback-card-list/feedback-card-list.component.mjs +23 -0
- package/esm2020/projects/component-library/lib/organisms/feedback-card-list/feedback-card-list.module.mjs +19 -0
- package/esm2020/projects/component-library/lib/organisms/organisms.module.mjs +9 -5
- package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +17 -6
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +9 -3
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +1 -1
- package/esm2020/projects/component-library/public-api.mjs +6 -1
- package/esm2020/public-api.mjs +6 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +168 -19
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +168 -19
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +168 -19
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +168 -19
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/grid/grid.component.d.ts +11 -2
- package/lib/atoms/grid/grid.model.d.ts +7 -0
- package/lib/atoms/grid/grid.module.d.ts +1 -0
- package/lib/molecules/feedback-card/feedback-card.component.d.ts +12 -0
- package/lib/molecules/feedback-card/feedback-card.model.d.ts +14 -0
- package/lib/molecules/feedback-card/feedback-card.module.d.ts +13 -0
- package/lib/molecules/molecules.module.d.ts +2 -1
- package/lib/organisms/feedback-card-list/feedback-card-list.component.d.ts +11 -0
- package/lib/organisms/feedback-card-list/feedback-card-list.module.d.ts +9 -0
- package/lib/organisms/organisms.module.d.ts +2 -1
- package/lib/pages/events-settings-page/events-settings-page.component.d.ts +7 -1
- package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -0
- package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +0 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/grid/grid.component.d.ts +11 -2
- package/projects/component-library/lib/atoms/grid/grid.model.d.ts +7 -0
- package/projects/component-library/lib/atoms/grid/grid.module.d.ts +1 -0
- package/projects/component-library/lib/molecules/feedback-card/feedback-card.component.d.ts +12 -0
- package/projects/component-library/lib/molecules/feedback-card/feedback-card.model.d.ts +14 -0
- package/projects/component-library/lib/molecules/feedback-card/feedback-card.module.d.ts +13 -0
- package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
- package/projects/component-library/lib/organisms/feedback-card-list/feedback-card-list.component.d.ts +11 -0
- package/projects/component-library/lib/organisms/feedback-card-list/feedback-card-list.module.d.ts +9 -0
- package/projects/component-library/lib/organisms/organisms.module.d.ts +2 -1
- package/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.d.ts +7 -1
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -0
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +0 -2
- package/projects/component-library/public-api.d.ts +5 -0
- package/public-api.d.ts +5 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, NgModule, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { Component, Input, NgModule, EventEmitter, Output, ViewEncapsulation, ViewChild } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { SlicePipe, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1$1 from 'ngx-bootstrap/dropdown';
|
|
@@ -7,6 +7,7 @@ import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
|
|
7
7
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
8
8
|
import * as i1$2 from 'ag-grid-angular';
|
|
9
9
|
import { AgGridModule } from 'ag-grid-angular';
|
|
10
|
+
import { LicenseManager } from 'ag-grid-enterprise';
|
|
10
11
|
import * as i4 from '@angular/forms';
|
|
11
12
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
12
13
|
import { Subject, timer } from 'rxjs';
|
|
@@ -381,13 +382,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
381
382
|
|
|
382
383
|
class GridComponent {
|
|
383
384
|
constructor() {
|
|
385
|
+
this.pageSize = 20;
|
|
386
|
+
this.suppressRowClickSelection = false;
|
|
384
387
|
this.rowHeightPage = 80;
|
|
385
388
|
this.gridHeight = 100;
|
|
389
|
+
this.cacheBlockSize = this.pageSize;
|
|
386
390
|
this.frameworkComponents = this.getFrameworkComponents();
|
|
387
391
|
this.getRowHeight = () => {
|
|
388
392
|
return this.rowHeightPage;
|
|
389
393
|
};
|
|
390
394
|
}
|
|
395
|
+
updateGridFilter() {
|
|
396
|
+
this.gridApi.onFilterChanged();
|
|
397
|
+
}
|
|
391
398
|
getFrameworkComponents() {
|
|
392
399
|
return {
|
|
393
400
|
contactActivityScore: ContactActivityScoreComponent,
|
|
@@ -396,12 +403,16 @@ class GridComponent {
|
|
|
396
403
|
moreActions: EventSettingsMoreOptionsComponent,
|
|
397
404
|
};
|
|
398
405
|
}
|
|
406
|
+
onGridReady(gridReadyEvent) {
|
|
407
|
+
this.gridApi = gridReadyEvent.api;
|
|
408
|
+
this.onGridReadyFunction(gridReadyEvent);
|
|
409
|
+
}
|
|
399
410
|
}
|
|
400
411
|
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
401
|
-
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" }, ngImport: i0, template: "<ag-grid-angular\n style=\"width: 100%\"\n
|
|
412
|
+
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" }, ngImport: i0, template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\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 [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>\n", styles: [""], components: [{ type: i1$2.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"] }] });
|
|
402
413
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
|
|
403
414
|
type: Component,
|
|
404
|
-
args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n style=\"width: 100%\"\n
|
|
415
|
+
args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n class=\"ag-theme-alpine\"\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 [suppressRowClickSelection]=\"suppressRowClickSelection\"\n [enableBrowserTooltips]=\"true\"\n [suppressContextMenu]=\"true\"\n (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>\n", styles: [""] }]
|
|
405
416
|
}], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
|
|
406
417
|
type: Input
|
|
407
418
|
}], defaultColDef: [{
|
|
@@ -410,6 +421,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
410
421
|
type: Input
|
|
411
422
|
}], onGridReadyFunction: [{
|
|
412
423
|
type: Input
|
|
424
|
+
}], pageSize: [{
|
|
425
|
+
type: Input
|
|
426
|
+
}], rowModelType: [{
|
|
427
|
+
type: Input
|
|
428
|
+
}], suppressRowClickSelection: [{
|
|
429
|
+
type: Input
|
|
413
430
|
}] } });
|
|
414
431
|
|
|
415
432
|
class ContactActivityScoreModule {
|
|
@@ -505,20 +522,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
505
522
|
}]
|
|
506
523
|
}] });
|
|
507
524
|
|
|
525
|
+
LicenseManager.setLicenseKey('CompanyName=Symphony Talent, LLC,LicensedApplication=SmashFlyX,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=3,LicensedProductionInstancesCount=1,AssetReference=AG-017586,ExpiryDate=4_September_2022_[v2]_MTY2MjI0NjAwMDAwMA==5d86c30cecd71716989206cd03627aa0');
|
|
508
526
|
class GridModule {
|
|
509
527
|
}
|
|
510
528
|
GridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
511
529
|
GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridModule, declarations: [GridComponent], imports: [CommonModule, i1$2.AgGridModule, FrameworkModule], exports: [GridComponent] });
|
|
512
|
-
GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridModule, imports: [[
|
|
530
|
+
GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridModule, imports: [[
|
|
531
|
+
CommonModule,
|
|
532
|
+
AgGridModule.withComponents([]),
|
|
533
|
+
FrameworkModule
|
|
534
|
+
]] });
|
|
513
535
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridModule, decorators: [{
|
|
514
536
|
type: NgModule,
|
|
515
537
|
args: [{
|
|
516
538
|
declarations: [GridComponent],
|
|
517
|
-
imports: [
|
|
539
|
+
imports: [
|
|
540
|
+
CommonModule,
|
|
541
|
+
AgGridModule.withComponents([]),
|
|
542
|
+
FrameworkModule
|
|
543
|
+
],
|
|
518
544
|
exports: [GridComponent]
|
|
519
545
|
}]
|
|
520
546
|
}] });
|
|
521
547
|
|
|
548
|
+
var gridType;
|
|
549
|
+
(function (gridType) {
|
|
550
|
+
gridType["SERVERSIDE_DATA"] = "serverSide";
|
|
551
|
+
gridType["CLIENTSIDE_DATA"] = "clientSide";
|
|
552
|
+
})(gridType || (gridType = {}));
|
|
553
|
+
|
|
522
554
|
class H1Component {
|
|
523
555
|
constructor() { }
|
|
524
556
|
}
|
|
@@ -1469,6 +1501,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1469
1501
|
}]
|
|
1470
1502
|
}] });
|
|
1471
1503
|
|
|
1504
|
+
var FeedbackCardState;
|
|
1505
|
+
(function (FeedbackCardState) {
|
|
1506
|
+
FeedbackCardState["None"] = "None";
|
|
1507
|
+
FeedbackCardState["Yes"] = "Yes";
|
|
1508
|
+
FeedbackCardState["No"] = "No";
|
|
1509
|
+
FeedbackCardState["NotNow"] = "NotNow";
|
|
1510
|
+
})(FeedbackCardState || (FeedbackCardState = {}));
|
|
1511
|
+
|
|
1512
|
+
class FeedbackCardComponent {
|
|
1513
|
+
constructor() {
|
|
1514
|
+
this.cardClick = new EventEmitter();
|
|
1515
|
+
this.FeedbackCardState = FeedbackCardState;
|
|
1516
|
+
}
|
|
1517
|
+
onCardClick(clickEvent) {
|
|
1518
|
+
this.cardClick.emit(this.model);
|
|
1519
|
+
}
|
|
1520
|
+
}
|
|
1521
|
+
FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1522
|
+
FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon-wrapper\n *ngIf=\"model.showEditIcon\"\n [isInverse]=\"true\"\n class=\"feedback-edit\"\n ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n ></symphony-icon-wrapper>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div\n class=\"card-footer sfx-mb-5 sfx-d-flex\"\n [ngSwitch]=\"model.feedbackState\"\n >\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-h5>Yes</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-h5>No</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-h5>Not Now</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-h5>Provide Feedback</symphony-h5>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
|
|
1524
|
+
type: Component,
|
|
1525
|
+
args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n <div class=\"card-item sfx-d-flex\">\n <div class=\"card-title-wrap sfx-d-flex sfx-pb-10 sfx-mb-25\">\n <div class=\"card-title\">\n <symphony-h4>{{ model.title }}</symphony-h4>\n </div>\n <div class=\"card-icon\">\n <symphony-icon-wrapper\n *ngIf=\"model.showEditIcon\"\n [isInverse]=\"true\"\n class=\"feedback-edit\"\n ><symphony-icon [icon]=\"'si-edit'\" [size]=\"'9px'\"></symphony-icon\n ></symphony-icon-wrapper>\n </div>\n </div>\n <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n <symphony-paragraph class=\"sfx-mb-5 sfx-d-block\">\n {{ bodyText }}\n </symphony-paragraph>\n </div>\n <div\n class=\"card-footer sfx-mb-5 sfx-d-flex\"\n [ngSwitch]=\"model.feedbackState\"\n >\n <ng-container *ngSwitchCase=\"'Yes'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-green\"\n [icon]=\"'si-feedback-yes'\"\n ></symphony-icon>\n <symphony-h5>Yes</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'No'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-red\"\n [icon]=\"'si-feedback-no'\"\n ></symphony-icon>\n <symphony-h5>No</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'NotNow'\">\n <symphony-icon\n *ngIf=\"model.showFeedbackIcon\"\n class=\"sfx-mr-10 color-orange\"\n [icon]=\"'si-feedback-maybe'\"\n ></symphony-icon>\n <symphony-h5>Not Now</symphony-h5>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'None'\">\n <symphony-h5>Provide Feedback</symphony-h5>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:1.2rem;margin-top:5px}.card-icon{margin-left:auto}.card-icon .feedback-edit .icon-wrapper{height:18px;width:18px;padding:0;border:0}.card-icon .feedback-edit .icon-wrapper.is-inverse:hover{background:#000;color:#fff}.card-footer{margin-top:auto;align-self:flex-end}.card-footer h5{line-height:24px}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
|
|
1526
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
1527
|
+
type: Input
|
|
1528
|
+
}], cardClick: [{
|
|
1529
|
+
type: Output
|
|
1530
|
+
}] } });
|
|
1531
|
+
|
|
1532
|
+
class FeedbackCardModule {
|
|
1533
|
+
}
|
|
1534
|
+
FeedbackCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1535
|
+
FeedbackCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, declarations: [FeedbackCardComponent], imports: [CommonModule,
|
|
1536
|
+
H4Module,
|
|
1537
|
+
IconModule,
|
|
1538
|
+
H5Module,
|
|
1539
|
+
IconWrapperModule,
|
|
1540
|
+
ParagraphModule], exports: [FeedbackCardComponent] });
|
|
1541
|
+
FeedbackCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, imports: [[
|
|
1542
|
+
CommonModule,
|
|
1543
|
+
H4Module,
|
|
1544
|
+
IconModule,
|
|
1545
|
+
H5Module,
|
|
1546
|
+
IconWrapperModule,
|
|
1547
|
+
ParagraphModule
|
|
1548
|
+
]] });
|
|
1549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardModule, decorators: [{
|
|
1550
|
+
type: NgModule,
|
|
1551
|
+
args: [{
|
|
1552
|
+
declarations: [FeedbackCardComponent],
|
|
1553
|
+
imports: [
|
|
1554
|
+
CommonModule,
|
|
1555
|
+
H4Module,
|
|
1556
|
+
IconModule,
|
|
1557
|
+
H5Module,
|
|
1558
|
+
IconWrapperModule,
|
|
1559
|
+
ParagraphModule
|
|
1560
|
+
],
|
|
1561
|
+
exports: [FeedbackCardComponent]
|
|
1562
|
+
}]
|
|
1563
|
+
}] });
|
|
1564
|
+
|
|
1472
1565
|
class PillsComponent {
|
|
1473
1566
|
constructor() {
|
|
1474
1567
|
this.removePill = new EventEmitter();
|
|
@@ -1718,7 +1811,8 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
1718
1811
|
IconSwatchModule,
|
|
1719
1812
|
BreadcrumbModule,
|
|
1720
1813
|
H5WithIconModule,
|
|
1721
|
-
InvoiceLineItemModule
|
|
1814
|
+
InvoiceLineItemModule,
|
|
1815
|
+
FeedbackCardModule], exports: [PillsModule, BreadcrumbModule, FeedbackCardModule] });
|
|
1722
1816
|
MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, imports: [[
|
|
1723
1817
|
CommonModule,
|
|
1724
1818
|
AvatarModule,
|
|
@@ -1729,7 +1823,8 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
1729
1823
|
BreadcrumbModule,
|
|
1730
1824
|
H5WithIconModule,
|
|
1731
1825
|
InvoiceLineItemModule,
|
|
1732
|
-
|
|
1826
|
+
FeedbackCardModule
|
|
1827
|
+
], PillsModule, BreadcrumbModule, FeedbackCardModule] });
|
|
1733
1828
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, decorators: [{
|
|
1734
1829
|
type: NgModule,
|
|
1735
1830
|
args: [{
|
|
@@ -1744,8 +1839,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1744
1839
|
BreadcrumbModule,
|
|
1745
1840
|
H5WithIconModule,
|
|
1746
1841
|
InvoiceLineItemModule,
|
|
1842
|
+
FeedbackCardModule
|
|
1747
1843
|
],
|
|
1748
|
-
exports: [PillsModule, BreadcrumbModule]
|
|
1844
|
+
exports: [PillsModule, BreadcrumbModule, FeedbackCardModule]
|
|
1749
1845
|
}]
|
|
1750
1846
|
}] });
|
|
1751
1847
|
|
|
@@ -1782,6 +1878,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1782
1878
|
}]
|
|
1783
1879
|
}] });
|
|
1784
1880
|
|
|
1881
|
+
class FeedbackCardListComponent {
|
|
1882
|
+
constructor() {
|
|
1883
|
+
this.cardClick = new EventEmitter();
|
|
1884
|
+
}
|
|
1885
|
+
onFeedbackCardClick(feedbackCard) {
|
|
1886
|
+
this.cardClick.emit(feedbackCard);
|
|
1887
|
+
}
|
|
1888
|
+
}
|
|
1889
|
+
FeedbackCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1890
|
+
FeedbackCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: { feedbackCardList: "feedbackCardList" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<section class=\"card-list\">\n <ul class=\"row card-list list-unstyled\">\n <li\n class=\"col-sm-4 col-md-3 card-list-item\"\n *ngFor=\"let feedbackCard of feedbackCardList\"\n >\n <symphony-feedback-card\n [model]=\"feedbackCard\"\n (cardClick)=\"onFeedbackCardClick($event)\"\n ></symphony-feedback-card>\n </li>\n </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"], components: [{ type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: ["model"], outputs: ["cardClick"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
1891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListComponent, decorators: [{
|
|
1892
|
+
type: Component,
|
|
1893
|
+
args: [{ selector: 'symphony-feedback-card-list', template: "<section class=\"card-list\">\n <ul class=\"row card-list list-unstyled\">\n <li\n class=\"col-sm-4 col-md-3 card-list-item\"\n *ngFor=\"let feedbackCard of feedbackCardList\"\n >\n <symphony-feedback-card\n [model]=\"feedbackCard\"\n (cardClick)=\"onFeedbackCardClick($event)\"\n ></symphony-feedback-card>\n </li>\n </ul>\n</section>\n", styles: [".card-list-item{margin-bottom:40px}\n"] }]
|
|
1894
|
+
}], ctorParameters: function () { return []; }, propDecorators: { feedbackCardList: [{
|
|
1895
|
+
type: Input
|
|
1896
|
+
}], cardClick: [{
|
|
1897
|
+
type: Output
|
|
1898
|
+
}] } });
|
|
1899
|
+
|
|
1900
|
+
class FeedbackCardListModule {
|
|
1901
|
+
}
|
|
1902
|
+
FeedbackCardListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1903
|
+
FeedbackCardListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, declarations: [FeedbackCardListComponent], imports: [CommonModule, FeedbackCardModule], exports: [FeedbackCardListComponent] });
|
|
1904
|
+
FeedbackCardListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, imports: [[CommonModule, FeedbackCardModule]] });
|
|
1905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardListModule, decorators: [{
|
|
1906
|
+
type: NgModule,
|
|
1907
|
+
args: [{
|
|
1908
|
+
declarations: [FeedbackCardListComponent],
|
|
1909
|
+
imports: [CommonModule, FeedbackCardModule],
|
|
1910
|
+
exports: [FeedbackCardListComponent]
|
|
1911
|
+
}]
|
|
1912
|
+
}] });
|
|
1913
|
+
|
|
1785
1914
|
class NoteComponent {
|
|
1786
1915
|
constructor() {
|
|
1787
1916
|
this.noteModel = {
|
|
@@ -2718,7 +2847,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
2718
2847
|
TypographyModule,
|
|
2719
2848
|
IconExplorerModule,
|
|
2720
2849
|
CardListModule,
|
|
2721
|
-
CancelModalModule
|
|
2850
|
+
CancelModalModule,
|
|
2851
|
+
FeedbackCardListModule] });
|
|
2722
2852
|
OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
|
|
2723
2853
|
CommonModule,
|
|
2724
2854
|
NoteListModule,
|
|
@@ -2726,7 +2856,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
2726
2856
|
TypographyModule,
|
|
2727
2857
|
IconExplorerModule,
|
|
2728
2858
|
CardListModule,
|
|
2729
|
-
CancelModalModule
|
|
2859
|
+
CancelModalModule,
|
|
2860
|
+
FeedbackCardListModule
|
|
2730
2861
|
]] });
|
|
2731
2862
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
|
|
2732
2863
|
type: NgModule,
|
|
@@ -2739,8 +2870,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2739
2870
|
TypographyModule,
|
|
2740
2871
|
IconExplorerModule,
|
|
2741
2872
|
CardListModule,
|
|
2742
|
-
CancelModalModule
|
|
2743
|
-
|
|
2873
|
+
CancelModalModule,
|
|
2874
|
+
FeedbackCardListModule
|
|
2875
|
+
]
|
|
2744
2876
|
}]
|
|
2745
2877
|
}] });
|
|
2746
2878
|
|
|
@@ -2757,6 +2889,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2757
2889
|
class EventsSettingsPageComponent {
|
|
2758
2890
|
constructor() {
|
|
2759
2891
|
this.keywordSearchChange = new EventEmitter();
|
|
2892
|
+
this.filterChange = new EventEmitter();
|
|
2760
2893
|
this.gridActionsSelectedOption = new EventEmitter();
|
|
2761
2894
|
this.addButtonClicked = new EventEmitter();
|
|
2762
2895
|
this.eventsSettingsBreadcrumbs = [
|
|
@@ -2771,29 +2904,39 @@ class EventsSettingsPageComponent {
|
|
|
2771
2904
|
}
|
|
2772
2905
|
keywordSearch(keyword) {
|
|
2773
2906
|
this.keywordSearchChange.emit(keyword);
|
|
2774
|
-
console.log(keyword);
|
|
2775
2907
|
}
|
|
2776
2908
|
gridActionsSelect(selection) {
|
|
2777
2909
|
this.gridActionsSelectedOption.emit(selection);
|
|
2778
|
-
|
|
2910
|
+
}
|
|
2911
|
+
onFilterChange(selectedModel) {
|
|
2912
|
+
this.filterChange.emit(selectedModel.value);
|
|
2779
2913
|
}
|
|
2780
2914
|
onAddButtonClick() {
|
|
2781
2915
|
this.addButtonClicked.emit();
|
|
2782
2916
|
}
|
|
2917
|
+
refreshGrid() {
|
|
2918
|
+
console.log('refresh grid', this.grid);
|
|
2919
|
+
this.grid.updateGridFilter();
|
|
2920
|
+
}
|
|
2783
2921
|
}
|
|
2784
2922
|
EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2785
|
-
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2923
|
+
EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2786
2924
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
|
|
2787
2925
|
type: Component,
|
|
2788
|
-
args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [rowData]=\"model.grid.rowData\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
|
|
2926
|
+
args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
|
|
2789
2927
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2790
2928
|
type: Input
|
|
2791
2929
|
}], keywordSearchChange: [{
|
|
2792
2930
|
type: Output
|
|
2931
|
+
}], filterChange: [{
|
|
2932
|
+
type: Output
|
|
2793
2933
|
}], gridActionsSelectedOption: [{
|
|
2794
2934
|
type: Output
|
|
2795
2935
|
}], addButtonClicked: [{
|
|
2796
2936
|
type: Output
|
|
2937
|
+
}], grid: [{
|
|
2938
|
+
type: ViewChild,
|
|
2939
|
+
args: ['sfxgrid']
|
|
2797
2940
|
}] } });
|
|
2798
2941
|
|
|
2799
2942
|
class AdminListModule {
|
|
@@ -3176,6 +3319,12 @@ class AdvertiseModalComponent {
|
|
|
3176
3319
|
this.initialiseDefaultValues();
|
|
3177
3320
|
this.updateModalHeader();
|
|
3178
3321
|
this.updateOrderSummary();
|
|
3322
|
+
this.cancelContent = {
|
|
3323
|
+
title: 'Are you sure you want to abandon your order?',
|
|
3324
|
+
content: 'All selections will be deleted and you will have to start over.',
|
|
3325
|
+
btnPrimary: 'Continue Order',
|
|
3326
|
+
btnSecondary: 'Abandon Order'
|
|
3327
|
+
};
|
|
3179
3328
|
}
|
|
3180
3329
|
initialiseDefaultValues() {
|
|
3181
3330
|
this.filteredPostingBoardList = this.model.jobBoards;
|
|
@@ -3286,10 +3435,10 @@ class AdvertiseModalComponent {
|
|
|
3286
3435
|
}
|
|
3287
3436
|
}
|
|
3288
3437
|
AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3289
|
-
AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"
|
|
3438
|
+
AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review" }, { type: H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: CancelModalComponent, selector: "symphony-cancel-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3290
3439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
|
|
3291
3440
|
type: Component,
|
|
3292
|
-
args: [{ selector: 'symphony-advertise-modal', template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"
|
|
3441
|
+
args: [{ selector: 'symphony-advertise-modal', template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n <symphony-h4\n *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n sfx-modal-title\n >Select Your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n >Review you Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n >Confirmation of your Job Ad Buys</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n >Processing Order...</symphony-h4\n >\n <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n >Loading Job Boards...</symphony-h4\n >\n <symphony-icon\n sfx-close-button\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n </symphony-h5-with-icon>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n [showHeader]=\"true\"\n sfx-modal-body-area\n >\n <symphony-input-text\n sfx-left-col-header\n [noMargin]=\"true\"\n [placeholder]=\"'Search Ad Boards'\"\n [icon]=\"'si-search-new'\"\n (textChange)=\"onKeywordSearch($event)\"\n >\n </symphony-input-text>\n <div class=\"right-col-header-inner\" sfx-right-col-header>\n <symphony-h5-with-icon\n sfx-right-col-header\n *ngIf=\"model.showFunds\"\n class=\"pull-right\"\n [model]=\"fundsInfo\"\n ></symphony-h5-with-icon>\n </div>\n <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n <symphony-advertise-postingboard-selection-list\n [model]=\"filteredPostingBoardList\"\n (postingBoardChange)=\"onPostingBoardChange($event)\"\n ></symphony-advertise-postingboard-selection-list>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n sfx-modal-body-area\n >\n <div sfx-left-column class=\"posting-boards\">\n <symphony-advertise-order-review></symphony-advertise-order-review>\n </div>\n\n <symphony-order-summary\n sfx-right-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n </symphony-two-column-body-template>\n\n <symphony-two-column-body-template\n *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n sfx-modal-body-area\n >\n <symphony-order-summary\n sfx-left-column\n [model]=\"orderSummary\"\n ></symphony-order-summary>\n <div sfx-right-column class=\"posting-boards\">\n <div class=\"stage\">\n <div class=\"box bounce-7\">\n <div class=\"complete-container\">\n <symphony-h2>Your order is complete</symphony-h2>\n <div class=\"success-icon-spacing\">\n <symphony-icon\n [icon]=\"'si-confirmation'\"\n [iconColor]=\"'#00D56B'\"\n [size]=\"'50px'\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </div>\n </div>\n </symphony-two-column-body-template>\n\n <div\n *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n sfx-modal-body-area\n class=\"posting-boards sfx-p-30\"\n >\n <div class=\"processing-container\">\n <symphony-paragraph\n ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n Some orders happen immediately, while others take a little more time.\n Check your order status if you don't recieve a confirmation in the next\n 24hours.</symphony-paragraph\n >\n </div>\n <div class=\"sfx-mt-80\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n\n <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showJobBoardsSelection\"\n sfx-button-primary\n [text]=\"'Review Order'\"\n [disabled]=\"isJobBoardNextButtonDisabled\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-back\n [text]=\"'Edit Order'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-secondary\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"model.navigation.showOrderReview\"\n sfx-button-primary\n [text]=\"'Buy'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n\n <symphony-button\n *ngIf=\"model.navigation.showConfirmation\"\n sfx-button-primary\n [text]=\"'Finish & Close'\"\n [disabled]=\"false\"\n [isInverse]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-cancel-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-cancel-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]
|
|
3293
3442
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3294
3443
|
type: Input
|
|
3295
3444
|
}], buttonClicked: [{
|
|
@@ -3545,5 +3694,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3545
3694
|
* Generated bundle index. Do not edit.
|
|
3546
3695
|
*/
|
|
3547
3696
|
|
|
3548
|
-
export { ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule };
|
|
3697
|
+
export { ActivityScoreLevel, AdvertiseModalComponent, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CardComponent, CardListComponent, CardListModule, CardModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FilterAreaComponent, FilterAreaModule, FrameworkModule, GridComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, LibrariesPageComponent, LibrariesPageModule, ModalModule, MoleculesModule, OrganismsModule, ParagraphComponent, ParagraphModule, PillComponent, PillModule, PillsComponent, PillsModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, gridType };
|
|
3549
3698
|
//# sourceMappingURL=symphony-talent-component-library.mjs.map
|