@symphony-talent/component-library 3.40.0 → 3.41.0

package/fesm2020/symphony-talent-component-library-projects-component-library.mjs

@@ -3061,7 +3061,7 @@ class UploadResumeModalComponent {
         this.docTypeDropdowChange.emit(selectedModel.value);
     }
     onResumeCheckSelect(updateResumeCheckEvent) {
-        this.updateResumeChecked.emit(updateResumeCheckEvent.label);
+        this.updateResumeChecked.emit(updateResumeCheckEvent);
     }
 }
 UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -5048,15 +5048,15 @@ class InvoiceAreaComponent {
     constructor() {
         this.model = {
             lineItems: [],
-            title: '',
+            jobsToAdvertise: '',
         };
     }
 }
 InvoiceAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InvoiceAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"job-type-summary sfx-px-20\">\n  <div class=\"job-type-title\">\n    <symphony-h5 [text]=\"model.title\"></symphony-h5>\n  </div>\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</div>\n", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+InvoiceAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: { model: "model" }, ngImport: i0, template: "<div class=\"job-type-summary sfx-px-20\">\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <div class=\"sfx-mb-20\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n  <span>{{model.jobsToAdvertise}}</span>\n  <div class=\"job-bold-txt\">\n    <symphony-invoice-line-item\n    [model]=\"model.subTotal\"\n  ></symphony-invoice-line-item>\n  </div>\n</div>", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9;padding-bottom:.3rem}.job-bold-txt .body-copy-primary{font-family:neuzeit_groteskbold,sans-serif}\n"], components: [{ type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InvoiceAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-invoice-area', template: "<div class=\"job-type-summary sfx-px-20\">\n  <div class=\"job-type-title\">\n    <symphony-h5 [text]=\"model.title\"></symphony-h5>\n  </div>\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</div>\n", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9}\n"] }]
+            args: [{ selector: 'symphony-invoice-area', encapsulation: ViewEncapsulation.None, template: "<div class=\"job-type-summary sfx-px-20\">\n  <ul class=\"invoice-list list-unstyled sfx-mb-20\">\n    <li class=\"invoice-line-item\" *ngFor=\"let lineItem of model.lineItems\">\n      <symphony-invoice-line-item\n        [model]=\"lineItem\"\n      ></symphony-invoice-line-item>\n    </li>\n  </ul>\n  <div class=\"sfx-mb-20\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n  <span>{{model.jobsToAdvertise}}</span>\n  <div class=\"job-bold-txt\">\n    <symphony-invoice-line-item\n    [model]=\"model.subTotal\"\n  ></symphony-invoice-line-item>\n  </div>\n</div>", styles: [".job-type-summary{border-bottom:1px solid #d9d9d9;padding-bottom:.3rem}.job-bold-txt .body-copy-primary{font-family:neuzeit_groteskbold,sans-serif}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -5070,10 +5070,10 @@ class OrderSummaryComponent {
     }
 }
 OrderSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrderSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OrderSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</section>\n", styles: [""], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+OrderSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: OrderSummaryComponent, selector: "symphony-order-summary", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <div class=\"total-wrap sfx-pb-10\" *ngIf=\"model.invoiceAreas.length > 0\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n</section>\n", styles: [".total-wrap{border-bottom:1px solid #000}.total-wrap .text-right p{font-family:neuzeit_groteskbold,sans-serif}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }, { type: InvoiceLineItemComponent, selector: "symphony-invoice-line-item", inputs: ["model"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrderSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-order-summary', template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n</section>\n", styles: [""] }]
+            args: [{ selector: 'symphony-order-summary', encapsulation: ViewEncapsulation.None, template: "<section class=\"order-summary\">\n  <symphony-h4>{{ model.title }}</symphony-h4>\n  <ul class=\"invoice-area-list list-unstyled sfx-mb-20\">\n    <li\n      class=\"invoice-area-item\"\n      *ngFor=\"let invoiceArea of model.invoiceAreas\"\n    >\n      <symphony-invoice-area [model]=\"invoiceArea\"></symphony-invoice-area>\n    </li>\n  </ul>\n  <div class=\"total-wrap sfx-pb-10\" *ngIf=\"model.invoiceAreas.length > 0\">\n    <symphony-invoice-line-item\n    [model]=\"model.total\"\n  ></symphony-invoice-line-item>\n  </div>\n</section>\n", styles: [".total-wrap{border-bottom:1px solid #000}.total-wrap .text-right p{font-family:neuzeit_groteskbold,sans-serif}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
@@ -5108,12 +5108,15 @@ class AdvertiseModalComponent {
     ngOnInit() {
         this.initialiseDefaultValues();
         this.updateModalHeader();
-        this.updateOrderSummary();
+        const selectedJobBoards = this.model.jobBoards.filter((jb) => jb.isSelected).length;
+        if (selectedJobBoards > 0) {
+            this.updateOrderSummary();
+        }
         this.cancelContent = {
             title: 'Are you sure you want to abandon your order?',
             content: 'All selections will be deleted and you will have to start over.',
             btnPrimary: 'Continue Order',
-            btnSecondary: 'Abandon Order'
+            btnSecondary: 'Abandon Order',
         };
     }
     ngOnChanges(changes) {
@@ -5124,29 +5127,8 @@ class AdvertiseModalComponent {
         this.jobCount = this.model.jobsToAdvertise.length;
         this.orderSummary = {
             title: 'Your Order',
-            invoiceAreas: [
-                {
-                    lineItems: [],
-                    title: 'Pay-Per-Click',
-                    total: {
-                        textLeft: 'Cost Programatic Boards',
-                        textRight: `x (${this.jobCount}) Jobs = $0`
-                    }
-                },
-                {
-                    lineItems: [],
-                    title: 'Job Boards',
-                    total: {
-                        textLeft: 'Cost Job Boards',
-                        textRight: `x (${this.jobCount}) Jobs = $0`
-                    }
-                }
-            ],
-            total: {
-                textLeft: '',
-                textRight: '$0',
-                label: 'Total:'
-            }
+            invoiceAreas: [],
+            total: {},
         };
     }
     updateModalHeader() {
@@ -5190,7 +5172,8 @@ class AdvertiseModalComponent {
         this.orderSummary.invoiceAreas[invoiceAreaIndex].lineItems.forEach(li => {
             invoiceAreaTotal = invoiceAreaTotal + +li.textRight.replace('$', '');
         });
-        this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `x (${this.model.jobsToAdvertise.length}) Jobs = $${invoiceAreaTotal * this.model.jobsToAdvertise.length}`;
+        this.orderSummary.invoiceAreas[invoiceAreaIndex].subTotal.textRight = `$${invoiceAreaTotal * this.model.jobsToAdvertise.length}`;
+        this.orderSummary.invoiceAreas[invoiceAreaIndex].total.textRight = `$${invoiceAreaTotal}`;
         return invoiceAreaTotal * this.model.jobsToAdvertise.length;
     }
     calculateOrderTotal(payPerClickAreaTotal, jobBoardAreaTotal) {
@@ -5199,14 +5182,46 @@ class AdvertiseModalComponent {
         const jobToAdvertiseCount = this.model.jobsToAdvertise.length;
         const orderSummaryText = `(${selectedJobBoards}) Boards x ${this.model.jobsToAdvertise.length} Jobs = (${selectedJobBoards * jobToAdvertiseCount}) Ads`;
         this.orderSummary.total = {
-            label: 'Total:',
-            textLeft: orderSummaryText,
+            label: 'Current Total',
+            textLeft: '',
             textRight: `$${payPerClickAreaTotal + jobBoardAreaTotal}`
         };
     }
     updateOrderSummary() {
-        this.orderSummary.invoiceAreas[0].lineItems = [];
-        this.orderSummary.invoiceAreas[1].lineItems = [];
+        this.orderSummary = {
+            title: 'Your Order',
+            invoiceAreas: [
+                {
+                    lineItems: [],
+                    total: {
+                        textLeft: 'Pay-Per-Click Sites, Subtotal Per Job:',
+                        textRight: ``
+                    },
+                    subTotal: {
+                        textLeft: 'Pay-Per-Click Sites Subtotal',
+                        textRight: `x (${this.jobCount}) Jobs = $0`
+                    },
+                    jobsToAdvertise: `x (${this.model.jobsToAdvertise.length}) Jobs Selected`
+                },
+                {
+                    lineItems: [],
+                    subTotal: {
+                        textLeft: 'Job Boards Subtotal',
+                        textRight: `x (${this.jobCount}) Jobs = $0`
+                    },
+                    total: {
+                        textLeft: 'Duration Job Boards, Subtotal Per Job:',
+                        textRight: ``
+                    },
+                    jobsToAdvertise: `x (${this.model.jobsToAdvertise.length}) Jobs Selected`
+                }
+            ],
+            total: {
+                textLeft: '',
+                textRight: '',
+                label: 'Current Total'
+            },
+        };
         this.model.jobBoards.forEach(jb => {
             if (jb.isSelected) {
                 if (jb.isPayPerClick) {