@symphony-talent/component-library 3.37.0 → 3.38.2
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/chip/chip.component.mjs +2 -2
- package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +26 -21
- package/esm2020/projects/component-library/lib/atoms/chip/chip.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +26 -21
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +26 -21
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +26 -21
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +26 -21
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +26 -21
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +2 -1
|
@@ -1249,10 +1249,10 @@ class ChipComponent {
|
|
|
1249
1249
|
}
|
|
1250
1250
|
}
|
|
1251
1251
|
ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1252
|
-
ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChipComponent, selector: "symphony-chip", inputs: { chipLabel: "chipLabel", hasClose: "hasClose", hasError: "hasError" }, outputs: { removeChip: "removeChip" }, ngImport: i0, template: "<span\n class=\"sfx-d-inline-block sfx-chip-item\"\n [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n <i\n *ngIf=\"hasClose\"\n (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1252
|
+
ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChipComponent, selector: "symphony-chip", inputs: { chipLabel: "chipLabel", hasClose: "hasClose", hasError: "hasError" }, outputs: { removeChip: "removeChip" }, ngImport: i0, template: "<span\n class=\"sfx-d-inline-block sfx-chip-item\"\n [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n <i\n *ngIf=\"hasClose\"\n (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1253
1253
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChipComponent, decorators: [{
|
|
1254
1254
|
type: Component,
|
|
1255
|
-
args: [{ selector: 'symphony-chip', encapsulation: ViewEncapsulation.None, template: "<span\n class=\"sfx-d-inline-block sfx-chip-item\"\n [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n <i\n *ngIf=\"hasClose\"\n (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg)}\n"] }]
|
|
1255
|
+
args: [{ selector: 'symphony-chip', encapsulation: ViewEncapsulation.None, template: "<span\n class=\"sfx-d-inline-block sfx-chip-item\"\n [ngClass]=\"{ 'has-close': hasClose, 'has-error': hasError }\"\n>\n <i\n *ngIf=\"hasClose\"\n (click)=\"onRemoveClick()\"\n class=\"si-add sfx-cursor-pointer\"\n ></i>\n {{ chipLabel }}\n</span>\n", styles: [".sfx-chip-item{color:#000;padding:4px 15px;border-radius:25px;text-align:center;letter-spacing:-.4px;margin-right:5px;position:relative;border:1px solid #bababa}.sfx-chip-item:hover{background-color:#000;color:#fff}.sfx-chip-item.has-close{padding:4px 15px 4px 31px}.sfx-chip-item.has-error{border:1px solid #f0001e}.sfx-chip-item i{font-size:18px;position:absolute;left:10px;top:5px;transform:rotate(45deg);font-family:library-icons!important}.sfx-chip-item i:before{content:\"\\e927\"}\n"] }]
|
|
1256
1256
|
}], ctorParameters: function () { return []; }, propDecorators: { chipLabel: [{
|
|
1257
1257
|
type: Input
|
|
1258
1258
|
}], hasClose: [{
|
|
@@ -5014,11 +5014,12 @@ class AdvertiseModalComponent {
|
|
|
5014
5014
|
this.buttonClicked = new EventEmitter();
|
|
5015
5015
|
this.closeButtonClicked = new EventEmitter();
|
|
5016
5016
|
this.postingBoardChange = new EventEmitter();
|
|
5017
|
+
this.keywordSearchChange = new EventEmitter();
|
|
5017
5018
|
this.fundsInfo = {
|
|
5018
5019
|
icon: Icons.CONFIRMATION,
|
|
5019
5020
|
iconFirst: true,
|
|
5020
5021
|
text: 'Sufficient Funds',
|
|
5021
|
-
iconColor: '#00D56B'
|
|
5022
|
+
iconColor: '#00D56B'
|
|
5022
5023
|
};
|
|
5023
5024
|
this.payPerClickBoards = [];
|
|
5024
5025
|
this.jobBoards = [];
|
|
@@ -5033,7 +5034,7 @@ class AdvertiseModalComponent {
|
|
|
5033
5034
|
title: 'Are you sure you want to abandon your order?',
|
|
5034
5035
|
content: 'All selections will be deleted and you will have to start over.',
|
|
5035
5036
|
btnPrimary: 'Continue Order',
|
|
5036
|
-
btnSecondary: 'Abandon Order'
|
|
5037
|
+
btnSecondary: 'Abandon Order'
|
|
5037
5038
|
};
|
|
5038
5039
|
}
|
|
5039
5040
|
ngOnChanges(changes) {
|
|
@@ -5050,29 +5051,29 @@ class AdvertiseModalComponent {
|
|
|
5050
5051
|
title: 'Pay-Per-Click',
|
|
5051
5052
|
total: {
|
|
5052
5053
|
textLeft: 'Cost Programatic Boards',
|
|
5053
|
-
textRight: `x (${this.jobCount}) Jobs = $0
|
|
5054
|
-
}
|
|
5054
|
+
textRight: `x (${this.jobCount}) Jobs = $0`
|
|
5055
|
+
}
|
|
5055
5056
|
},
|
|
5056
5057
|
{
|
|
5057
5058
|
lineItems: [],
|
|
5058
5059
|
title: 'Job Boards',
|
|
5059
5060
|
total: {
|
|
5060
5061
|
textLeft: 'Cost Job Boards',
|
|
5061
|
-
textRight: `x (${this.jobCount}) Jobs = $0
|
|
5062
|
-
}
|
|
5063
|
-
}
|
|
5062
|
+
textRight: `x (${this.jobCount}) Jobs = $0`
|
|
5063
|
+
}
|
|
5064
|
+
}
|
|
5064
5065
|
],
|
|
5065
5066
|
total: {
|
|
5066
5067
|
textLeft: '',
|
|
5067
5068
|
textRight: '$0',
|
|
5068
|
-
label: 'Total:'
|
|
5069
|
-
}
|
|
5069
|
+
label: 'Total:'
|
|
5070
|
+
}
|
|
5070
5071
|
};
|
|
5071
5072
|
}
|
|
5072
5073
|
updateModalHeader() {
|
|
5073
5074
|
let subTitleTooltip = '';
|
|
5074
5075
|
let jobNumber = 1;
|
|
5075
|
-
this.model.jobsToAdvertise.forEach(
|
|
5076
|
+
this.model.jobsToAdvertise.forEach(job => {
|
|
5076
5077
|
subTitleTooltip = subTitleTooltip + `${job.jobTitle} [${job.id}]`;
|
|
5077
5078
|
if (jobNumber != this.model.jobsToAdvertise.length) {
|
|
5078
5079
|
subTitleTooltip = subTitleTooltip + '</br>';
|
|
@@ -5084,11 +5085,12 @@ class AdvertiseModalComponent {
|
|
|
5084
5085
|
text: `${this.model.jobsToAdvertise.length} Jobs`,
|
|
5085
5086
|
iconFirst: false,
|
|
5086
5087
|
icon: Icons.INFO,
|
|
5087
|
-
placement: 'right'
|
|
5088
|
+
placement: 'right'
|
|
5088
5089
|
};
|
|
5089
5090
|
}
|
|
5090
5091
|
onKeywordSearch(keyword) {
|
|
5091
|
-
this.filteredPostingBoardList = this.model.jobBoards.filter(
|
|
5092
|
+
this.filteredPostingBoardList = this.model.jobBoards.filter(board => board.boardName.toLowerCase().includes(keyword.toLowerCase()));
|
|
5093
|
+
this.keywordSearchChange.emit(keyword);
|
|
5092
5094
|
}
|
|
5093
5095
|
onButtonClick(text) {
|
|
5094
5096
|
this.buttonClicked.emit(text);
|
|
@@ -5102,31 +5104,32 @@ class AdvertiseModalComponent {
|
|
|
5102
5104
|
addLineItem(invoiceAreaIndex, selectedBoard) {
|
|
5103
5105
|
this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.push({
|
|
5104
5106
|
textLeft: selectedBoard.boardName,
|
|
5105
|
-
textRight: `$${selectedBoard.boardPrice}
|
|
5107
|
+
textRight: `$${selectedBoard.boardPrice}`
|
|
5106
5108
|
});
|
|
5107
5109
|
}
|
|
5108
5110
|
calculateInvoiceAreaTotal(invoiceAreaIndex) {
|
|
5109
5111
|
let invoiceAreaTotal = 0;
|
|
5110
|
-
this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.forEach(
|
|
5112
|
+
this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.forEach(li => {
|
|
5111
5113
|
invoiceAreaTotal = invoiceAreaTotal + +li.textRight.replace('$', '');
|
|
5112
5114
|
});
|
|
5113
5115
|
this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `x (${this.model.jobsToAdvertise.length}) Jobs = $${invoiceAreaTotal * this.model.jobsToAdvertise.length}`;
|
|
5114
5116
|
return invoiceAreaTotal * this.model.jobsToAdvertise.length;
|
|
5115
5117
|
}
|
|
5116
5118
|
calculateOrderTotal(payPerClickAreaTotal, jobBoardAreaTotal) {
|
|
5117
|
-
const selectedJobBoards = this.model.jobBoards.filter(
|
|
5119
|
+
const selectedJobBoards = this.model.jobBoards.filter(jb => jb.isSelected)
|
|
5120
|
+
.length;
|
|
5118
5121
|
const jobToAdvertiseCount = this.model.jobsToAdvertise.length;
|
|
5119
5122
|
const orderSummaryText = `(${selectedJobBoards}) Boards x ${this.model.jobsToAdvertise.length} Jobs = (${selectedJobBoards * jobToAdvertiseCount}) Ads`;
|
|
5120
5123
|
this.orderSummary.total = {
|
|
5121
5124
|
label: 'Total:',
|
|
5122
5125
|
textLeft: orderSummaryText,
|
|
5123
|
-
textRight: `$${payPerClickAreaTotal + jobBoardAreaTotal}
|
|
5126
|
+
textRight: `$${payPerClickAreaTotal + jobBoardAreaTotal}`
|
|
5124
5127
|
};
|
|
5125
5128
|
}
|
|
5126
5129
|
updateOrderSummary() {
|
|
5127
5130
|
this.orderSummary.invoiceAreas[0].lineItems = [];
|
|
5128
5131
|
this.orderSummary.invoiceAreas[1].lineItems = [];
|
|
5129
|
-
this.model.jobBoards.forEach(
|
|
5132
|
+
this.model.jobBoards.forEach(jb => {
|
|
5130
5133
|
if (jb.isSelected) {
|
|
5131
5134
|
if (jb.isPayPerClick) {
|
|
5132
5135
|
this.addLineItem(0, jb);
|
|
@@ -5139,7 +5142,7 @@ class AdvertiseModalComponent {
|
|
|
5139
5142
|
const payPerClickAreaTotal = this.calculateInvoiceAreaTotal(0);
|
|
5140
5143
|
const jobBoardAreaTotal = this.calculateInvoiceAreaTotal(1);
|
|
5141
5144
|
this.calculateOrderTotal(payPerClickAreaTotal, jobBoardAreaTotal);
|
|
5142
|
-
if (this.model.jobBoards.filter(
|
|
5145
|
+
if (this.model.jobBoards.filter(jb => jb.isSelected).length === 0) {
|
|
5143
5146
|
this.isJobBoardNextButtonDisabled = true;
|
|
5144
5147
|
}
|
|
5145
5148
|
else {
|
|
@@ -5149,7 +5152,7 @@ class AdvertiseModalComponent {
|
|
|
5149
5152
|
}
|
|
5150
5153
|
}
|
|
5151
5154
|
AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5152
|
-
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", postingBoardChange: "postingBoardChange" }, usesOnChanges: true, 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-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-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", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5155
|
+
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", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, 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-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-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", "message"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
5153
5156
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
|
|
5154
5157
|
type: Component,
|
|
5155
5158
|
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-confirmation-modal\n *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n (buttonClicked)=\"onButtonClick($event)\"\n (closeButtonClicked)=\"onCloseButtonClick()\"\n [model]=\"cancelContent\"\n>\n</symphony-confirmation-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"] }]
|
|
@@ -5161,6 +5164,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
5161
5164
|
type: Output
|
|
5162
5165
|
}], postingBoardChange: [{
|
|
5163
5166
|
type: Output
|
|
5167
|
+
}], keywordSearchChange: [{
|
|
5168
|
+
type: Output
|
|
5164
5169
|
}] } });
|
|
5165
5170
|
|
|
5166
5171
|
class TwoColumnModalModule {
|