@symphony-talent/component-library 4.73.0 → 4.74.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/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +11 -5
- package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +1 -1
- package/esm2020/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.mjs +11 -5
- package/esm2020/projects/component-library/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +10 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +10 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +10 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +10 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.d.ts +3 -1
- package/package.json +1 -1
- package/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.d.ts +3 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, Output, EventEmitter, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/h4/h4.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
@@ -12,13 +12,17 @@ export class FeedbackDetailInterestFormComponent {
|
|
|
12
12
|
this.cancel = new EventEmitter();
|
|
13
13
|
this.save = new EventEmitter();
|
|
14
14
|
this.commentsTextChange = new EventEmitter();
|
|
15
|
+
this.formUpdated = new EventEmitter();
|
|
15
16
|
}
|
|
16
17
|
onCommentsTextChange(commentTextValue) {
|
|
17
18
|
this.commentsTextChange.emit(commentTextValue);
|
|
18
19
|
}
|
|
19
20
|
onInterestedButtonClick(interestedState) {
|
|
20
21
|
this.model.status = interestedState;
|
|
21
|
-
this.
|
|
22
|
+
this.onFormUpdated();
|
|
23
|
+
}
|
|
24
|
+
onFormUpdated() {
|
|
25
|
+
this.formUpdated.emit();
|
|
22
26
|
}
|
|
23
27
|
onCancelClick() {
|
|
24
28
|
this.cancel.emit();
|
|
@@ -28,10 +32,10 @@ export class FeedbackDetailInterestFormComponent {
|
|
|
28
32
|
}
|
|
29
33
|
}
|
|
30
34
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
35
|
+
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange", formUpdated: "formUpdated" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i5.InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: ["textAreamodel", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textChange"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
32
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
33
37
|
type: Component,
|
|
34
|
-
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
38
|
+
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
|
|
35
39
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
36
40
|
type: Input
|
|
37
41
|
}], cancel: [{
|
|
@@ -40,5 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
40
44
|
type: Output
|
|
41
45
|
}], commentsTextChange: [{
|
|
42
46
|
type: Output
|
|
47
|
+
}], formUpdated: [{
|
|
48
|
+
type: Output
|
|
43
49
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUNBQW1DO0lBTzlDO1FBTFUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQzNELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDaEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWxDLENBQUM7SUFFaEIsb0JBQW9CLENBQUMsZ0JBQXdCO1FBQzNDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsZUFBdUI7UUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsZUFBZSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7O2dJQTVCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQyw2TkNmaEQsd3hGQWdGQTsyRkRqRWEsbUNBQW1DO2tCQU4vQyxTQUFTOytCQUNFLHdDQUF3QyxpQkFHbkMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbCB9IGZyb20gJy4vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtTW9kZWw7XG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzYXZlID0gbmV3IEV2ZW50RW1pdHRlcjxGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsPigpO1xuICBAT3V0cHV0KCkgY29tbWVudHNUZXh0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBmb3JtVXBkYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25Db21tZW50c1RleHRDaGFuZ2UoY29tbWVudFRleHRWYWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5jb21tZW50c1RleHRDaGFuZ2UuZW1pdChjb21tZW50VGV4dFZhbHVlKTtcbiAgfVxuXG4gIG9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKGludGVyZXN0ZWRTdGF0ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb2RlbC5zdGF0dXMgPSBpbnRlcmVzdGVkU3RhdGU7XG4gICAgdGhpcy5vbkZvcm1VcGRhdGVkKCk7XG4gIH1cblxuICBvbkZvcm1VcGRhdGVkKCkge1xuICAgIHRoaXMuZm9ybVVwZGF0ZWQuZW1pdCgpO1xuICB9XG5cbiAgb25DYW5jZWxDbGljaygpIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBvblNhdmVDbGljaygpIHtcbiAgICB0aGlzLnNhdmUuZW1pdCh0aGlzLm1vZGVsKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsXCI+XG4gIDxzeW1waG9ueS1oNFxuICAgIGNsYXNzPVwic2Z4LW1iLTI1IHNmeC1kLWJsb2NrXCJcbiAgICBbdGV4dF09XCInSW50ZXJlc3RlZCBpbiB0aGlzIGNvbnRhY3Q/J1wiXG4gID48L3N5bXBob255LWg0PlxuXG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHNmeC1kLWZsZXggc2Z4LW1iLTMwXCI+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggc2Z4LW1yLTUwXCI+XG4gICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICBjbGFzcz1cInNmeC1tci0xMCBjb2xvci1saWdodC1ncmF5MlwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2NvbG9yLWdyZWVuJzogbW9kZWwuc3RhdHVzID09PSAnWWVzJyB9XCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWZlZWRiYWNrLXllcydcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvbkludGVyZXN0ZWRCdXR0b25DbGljaygnWWVzJylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ1llcydcIj48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBzZngtbXItNTBcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIGNvbG9yLWxpZ2h0LWdyYXkyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnY29sb3ItcmVkJzogbW9kZWwuc3RhdHVzID09PSAnTm8nIH1cIlxuICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbm8nXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25JbnRlcmVzdGVkQnV0dG9uQ2xpY2soJ05vJylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ05vJ1wiPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1tci01MFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3ItbGlnaHQtZ3JheTJcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdjb2xvci1vcmFuZ2UnOiBtb2RlbC5zdGF0dXMgPT09ICdOb3QgTm93JyB9XCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWZlZWRiYWNrLW1heWJlJ1wiXG4gICAgICAgIChjbGlja2VkKT1cIm9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKCdOb3QgTm93JylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ05vdCBOb3cnXCI+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPHN5bXBob255LWlucHV0LWRyb3Bkb3duXG4gICAgICAqbmdJZj1cIm1vZGVsLnNob3dSZWFzb25Ecm9wZG93blwiXG4gICAgICBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1tYi0xNVwiXG4gICAgICAoc2VsZWN0SXRlbSk9XCJvbkZvcm1VcGRhdGVkKClcIlxuICAgICAgW2lucHV0RHJvcGRvd25MaXN0TW9kZWxdPVwibW9kZWwucmVhc29uRHJvcGRvd25cIlxuICAgID48L3N5bXBob255LWlucHV0LWRyb3Bkb3duPlxuXG4gICAgPHN5bXBob255LWlucHV0LWRyb3Bkb3duXG4gICAgICAqbmdJZj1cIm1vZGVsLnNob3dSZWNvbW1lbmRhdGlvbkRyb3Bkb3duXCJcbiAgICAgIGNsYXNzPVwic2Z4LWQtYmxvY2sgc2Z4LW1iLTE1XCJcbiAgICAgIChzZWxlY3RJdGVtKT1cIm9uRm9ybVVwZGF0ZWQoKVwiXG4gICAgICBbaW5wdXREcm9wZG93bkxpc3RNb2RlbF09XCJtb2RlbC5yZWNvbW1lbmRhdGlvbkRyb3Bkb3duXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1kcm9wZG93bj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93Q29tbWVudFRleHRhcmVhXCI+XG4gICAgICA8bGFiZWwgZm9yPVwiY29tbWVudHNcIiBjbGFzcz1cImZvcm0tbGFiZWxcIj5Db21tZW50czwvbGFiZWw+XG4gICAgICA8c3ltcGhvbnktaW5wdXQtbGltaXRlZC10ZXh0XG4gICAgICAgIFt0ZXh0QXJlYW1vZGVsXT1cIm1vZGVsLmNvbW1lbnRUZXh0YXJlYVwiXG4gICAgICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgW3Jvd3NdPVwiNFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiXCJcbiAgICAgICAgW2N1cnJlbnRDb3VudF09XCJtb2RlbC5jb21tZW50VGV4dGFyZWEudmFsdWU/Lmxlbmd0aFwiXG4gICAgICAgICh0ZXh0Q2hhbmdlKT1cIm9uQ29tbWVudHNUZXh0Q2hhbmdlKCRldmVudClcIlxuICAgICAgPlxuICAgICAgPC9zeW1waG9ueS1pbnB1dC1saW1pdGVkLXRleHQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LXdpZC0xMDAgc2Z4LW10LTQwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgY2xhc3M9XCJzZngtbWwtMTAgc2F2ZSBwdWxsLXJpZ2h0XCJcbiAgICAgIFt0ZXh0XT1cIidTYXZlJ1wiXG4gICAgICBbZGlzYWJsZWRdPVwibW9kZWwuaXNTYXZlRGlzYWJsZWQgfHwgIW1vZGVsLnN0YXR1c1wiXG4gICAgICAoY2xpY2tlZCk9XCJvblNhdmVDbGljaygpXCJcbiAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgY2xhc3M9XCJwdWxsLXJpZ2h0XCJcbiAgICAgIFt0ZXh0XT1cIidDYW5jZWwnXCJcbiAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQ2FuY2VsQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -25,7 +25,7 @@ export class FeedbackDetailPageComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
28
|
+
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange", "formUpdated"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation, Output, EventEmitter, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../atoms/h4/h4.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
@@ -12,13 +12,17 @@ export class FeedbackDetailInterestFormComponent {
|
|
|
12
12
|
this.cancel = new EventEmitter();
|
|
13
13
|
this.save = new EventEmitter();
|
|
14
14
|
this.commentsTextChange = new EventEmitter();
|
|
15
|
+
this.formUpdated = new EventEmitter();
|
|
15
16
|
}
|
|
16
17
|
onCommentsTextChange(commentTextValue) {
|
|
17
18
|
this.commentsTextChange.emit(commentTextValue);
|
|
18
19
|
}
|
|
19
20
|
onInterestedButtonClick(interestedState) {
|
|
20
21
|
this.model.status = interestedState;
|
|
21
|
-
this.
|
|
22
|
+
this.onFormUpdated();
|
|
23
|
+
}
|
|
24
|
+
onFormUpdated() {
|
|
25
|
+
this.formUpdated.emit();
|
|
22
26
|
}
|
|
23
27
|
onCancelClick() {
|
|
24
28
|
this.cancel.emit();
|
|
@@ -28,10 +32,10 @@ export class FeedbackDetailInterestFormComponent {
|
|
|
28
32
|
}
|
|
29
33
|
}
|
|
30
34
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
35
|
+
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange", formUpdated: "formUpdated" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i5.InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: ["textAreamodel", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textChange"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
32
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
33
37
|
type: Component,
|
|
34
|
-
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
38
|
+
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
|
|
35
39
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
36
40
|
type: Input
|
|
37
41
|
}], cancel: [{
|
|
@@ -40,5 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
40
44
|
type: Output
|
|
41
45
|
}], commentsTextChange: [{
|
|
42
46
|
type: Output
|
|
47
|
+
}], formUpdated: [{
|
|
48
|
+
type: Output
|
|
43
49
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEVBQ2pCLE1BQU0sRUFDTixZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVN2QixNQUFNLE9BQU8sbUNBQW1DO0lBTzlDO1FBTFUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQzNELHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDaEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWxDLENBQUM7SUFFaEIsb0JBQW9CLENBQUMsZ0JBQXdCO1FBQzNDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsdUJBQXVCLENBQUMsZUFBdUI7UUFDN0MsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsZUFBZSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7O2dJQTVCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQyw2TkNmaEQsd3hGQWdGQTsyRkRqRWEsbUNBQW1DO2tCQU4vQyxTQUFTOytCQUNFLHdDQUF3QyxpQkFHbkMsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbCB9IGZyb20gJy4vZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZlZWRiYWNrRGV0YWlsSW50ZXJlc3RGb3JtTW9kZWw7XG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzYXZlID0gbmV3IEV2ZW50RW1pdHRlcjxGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsPigpO1xuICBAT3V0cHV0KCkgY29tbWVudHNUZXh0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBmb3JtVXBkYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25Db21tZW50c1RleHRDaGFuZ2UoY29tbWVudFRleHRWYWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5jb21tZW50c1RleHRDaGFuZ2UuZW1pdChjb21tZW50VGV4dFZhbHVlKTtcbiAgfVxuXG4gIG9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKGludGVyZXN0ZWRTdGF0ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5tb2RlbC5zdGF0dXMgPSBpbnRlcmVzdGVkU3RhdGU7XG4gICAgdGhpcy5vbkZvcm1VcGRhdGVkKCk7XG4gIH1cblxuICBvbkZvcm1VcGRhdGVkKCkge1xuICAgIHRoaXMuZm9ybVVwZGF0ZWQuZW1pdCgpO1xuICB9XG5cbiAgb25DYW5jZWxDbGljaygpIHtcbiAgICB0aGlzLmNhbmNlbC5lbWl0KCk7XG4gIH1cblxuICBvblNhdmVDbGljaygpIHtcbiAgICB0aGlzLnNhdmUuZW1pdCh0aGlzLm1vZGVsKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsXCI+XG4gIDxzeW1waG9ueS1oNFxuICAgIGNsYXNzPVwic2Z4LW1iLTI1IHNmeC1kLWJsb2NrXCJcbiAgICBbdGV4dF09XCInSW50ZXJlc3RlZCBpbiB0aGlzIGNvbnRhY3Q/J1wiXG4gID48L3N5bXBob255LWg0PlxuXG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwIHNmeC1kLWZsZXggc2Z4LW1iLTMwXCI+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggc2Z4LW1yLTUwXCI+XG4gICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICBjbGFzcz1cInNmeC1tci0xMCBjb2xvci1saWdodC1ncmF5MlwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2NvbG9yLWdyZWVuJzogbW9kZWwuc3RhdHVzID09PSAnWWVzJyB9XCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWZlZWRiYWNrLXllcydcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvbkludGVyZXN0ZWRCdXR0b25DbGljaygnWWVzJylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ1llcydcIj48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBzZngtbXItNTBcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIGNvbG9yLWxpZ2h0LWdyYXkyXCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnY29sb3ItcmVkJzogbW9kZWwuc3RhdHVzID09PSAnTm8nIH1cIlxuICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbm8nXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25JbnRlcmVzdGVkQnV0dG9uQ2xpY2soJ05vJylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ05vJ1wiPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1tci01MFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3ItbGlnaHQtZ3JheTJcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdjb2xvci1vcmFuZ2UnOiBtb2RlbC5zdGF0dXMgPT09ICdOb3QgTm93JyB9XCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWZlZWRiYWNrLW1heWJlJ1wiXG4gICAgICAgIChjbGlja2VkKT1cIm9uSW50ZXJlc3RlZEJ1dHRvbkNsaWNrKCdOb3QgTm93JylcIlxuICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggW3RleHRdPVwiJ05vdCBOb3cnXCI+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJmb3JtLWdyb3VwXCI+XG4gICAgPHN5bXBob255LWlucHV0LWRyb3Bkb3duXG4gICAgICAqbmdJZj1cIm1vZGVsLnNob3dSZWFzb25Ecm9wZG93blwiXG4gICAgICBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1tYi0xNVwiXG4gICAgICAoc2VsZWN0SXRlbSk9XCJvbkZvcm1VcGRhdGVkKClcIlxuICAgICAgW2lucHV0RHJvcGRvd25MaXN0TW9kZWxdPVwibW9kZWwucmVhc29uRHJvcGRvd25cIlxuICAgID48L3N5bXBob255LWlucHV0LWRyb3Bkb3duPlxuXG4gICAgPHN5bXBob255LWlucHV0LWRyb3Bkb3duXG4gICAgICAqbmdJZj1cIm1vZGVsLnNob3dSZWNvbW1lbmRhdGlvbkRyb3Bkb3duXCJcbiAgICAgIGNsYXNzPVwic2Z4LWQtYmxvY2sgc2Z4LW1iLTE1XCJcbiAgICAgIChzZWxlY3RJdGVtKT1cIm9uRm9ybVVwZGF0ZWQoKVwiXG4gICAgICBbaW5wdXREcm9wZG93bkxpc3RNb2RlbF09XCJtb2RlbC5yZWNvbW1lbmRhdGlvbkRyb3Bkb3duXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1kcm9wZG93bj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5zaG93Q29tbWVudFRleHRhcmVhXCI+XG4gICAgICA8bGFiZWwgZm9yPVwiY29tbWVudHNcIiBjbGFzcz1cImZvcm0tbGFiZWxcIj5Db21tZW50czwvbGFiZWw+XG4gICAgICA8c3ltcGhvbnktaW5wdXQtbGltaXRlZC10ZXh0XG4gICAgICAgIFt0ZXh0QXJlYW1vZGVsXT1cIm1vZGVsLmNvbW1lbnRUZXh0YXJlYVwiXG4gICAgICAgIFtpc0Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgW3Jvd3NdPVwiNFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPVwiXCJcbiAgICAgICAgW2N1cnJlbnRDb3VudF09XCJtb2RlbC5jb21tZW50VGV4dGFyZWEudmFsdWU/Lmxlbmd0aFwiXG4gICAgICAgICh0ZXh0Q2hhbmdlKT1cIm9uQ29tbWVudHNUZXh0Q2hhbmdlKCRldmVudClcIlxuICAgICAgPlxuICAgICAgPC9zeW1waG9ueS1pbnB1dC1saW1pdGVkLXRleHQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LXdpZC0xMDAgc2Z4LW10LTQwXCI+XG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgY2xhc3M9XCJzZngtbWwtMTAgc2F2ZSBwdWxsLXJpZ2h0XCJcbiAgICAgIFt0ZXh0XT1cIidTYXZlJ1wiXG4gICAgICBbZGlzYWJsZWRdPVwibW9kZWwuaXNTYXZlRGlzYWJsZWQgfHwgIW1vZGVsLnN0YXR1c1wiXG4gICAgICAoY2xpY2tlZCk9XCJvblNhdmVDbGljaygpXCJcbiAgICA+PC9zeW1waG9ueS1idXR0b24tdjI+XG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgY2xhc3M9XCJwdWxsLXJpZ2h0XCJcbiAgICAgIFt0ZXh0XT1cIidDYW5jZWwnXCJcbiAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQ2FuY2VsQ2xpY2soKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -25,7 +25,7 @@ export class FeedbackDetailPageComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
28
|
+
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i5.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i6.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange", "formUpdated"] }, { type: i7.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]
|
|
@@ -7010,13 +7010,17 @@ class FeedbackDetailInterestFormComponent {
|
|
|
7010
7010
|
this.cancel = new EventEmitter();
|
|
7011
7011
|
this.save = new EventEmitter();
|
|
7012
7012
|
this.commentsTextChange = new EventEmitter();
|
|
7013
|
+
this.formUpdated = new EventEmitter();
|
|
7013
7014
|
}
|
|
7014
7015
|
onCommentsTextChange(commentTextValue) {
|
|
7015
7016
|
this.commentsTextChange.emit(commentTextValue);
|
|
7016
7017
|
}
|
|
7017
7018
|
onInterestedButtonClick(interestedState) {
|
|
7018
7019
|
this.model.status = interestedState;
|
|
7019
|
-
this.
|
|
7020
|
+
this.onFormUpdated();
|
|
7021
|
+
}
|
|
7022
|
+
onFormUpdated() {
|
|
7023
|
+
this.formUpdated.emit();
|
|
7020
7024
|
}
|
|
7021
7025
|
onCancelClick() {
|
|
7022
7026
|
this.cancel.emit();
|
|
@@ -7026,10 +7030,10 @@ class FeedbackDetailInterestFormComponent {
|
|
|
7026
7030
|
}
|
|
7027
7031
|
}
|
|
7028
7032
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7029
|
-
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
7033
|
+
FeedbackDetailInterestFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: { model: "model" }, outputs: { cancel: "cancel", save: "save", commentsTextChange: "commentsTextChange", formUpdated: "formUpdated" }, ngImport: i0, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputLimitedTextComponent, selector: "symphony-input-limited-text", inputs: ["textAreamodel", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textChange"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7030
7034
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
7031
7035
|
type: Component,
|
|
7032
|
-
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text
|
|
7036
|
+
args: [{ selector: 'symphony-feedback-detail-interest-form', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"model\">\n <symphony-h4\n class=\"sfx-mb-25 sfx-d-block\"\n [text]=\"'Interested in this contact?'\"\n ></symphony-h4>\n\n <div class=\"form-group sfx-d-flex sfx-mb-30\">\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-green': model.status === 'Yes' }\"\n [icon]=\"'si-feedback-yes'\"\n (clicked)=\"onInterestedButtonClick('Yes')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Yes'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-red': model.status === 'No' }\"\n [icon]=\"'si-feedback-no'\"\n (clicked)=\"onInterestedButtonClick('No')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'No'\"></symphony-paragraph>\n </div>\n <div class=\"sfx-d-flex sfx-mr-50\">\n <symphony-icon\n class=\"sfx-mr-10 color-light-gray2\"\n [ngClass]=\"{ 'color-orange': model.status === 'Not Now' }\"\n [icon]=\"'si-feedback-maybe'\"\n (clicked)=\"onInterestedButtonClick('Not Now')\"\n ></symphony-icon>\n <symphony-paragraph [text]=\"'Not Now'\"></symphony-paragraph>\n </div>\n </div>\n\n <div class=\"form-group\">\n <symphony-input-dropdown\n *ngIf=\"model.showReasonDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.reasonDropdown\"\n ></symphony-input-dropdown>\n\n <symphony-input-dropdown\n *ngIf=\"model.showRecommendationDropdown\"\n class=\"sfx-d-block sfx-mb-15\"\n (selectItem)=\"onFormUpdated()\"\n [inputDropdownListModel]=\"model.recommendationDropdown\"\n ></symphony-input-dropdown>\n\n <ng-container *ngIf=\"model.showCommentTextarea\">\n <label for=\"comments\" class=\"form-label\">Comments</label>\n <symphony-input-limited-text\n [textAreamodel]=\"model.commentTextarea\"\n [isDisabled]=\"false\"\n [rows]=\"4\"\n placeholder=\"\"\n [currentCount]=\"model.commentTextarea.value?.length\"\n (textChange)=\"onCommentsTextChange($event)\"\n >\n </symphony-input-limited-text>\n </ng-container>\n </div>\n\n <div class=\"sfx-d-inline-block sfx-wid-100 sfx-mt-40\">\n <symphony-button-v2\n class=\"sfx-ml-10 save pull-right\"\n [text]=\"'Save'\"\n [disabled]=\"model.isSaveDisabled || !model.status\"\n (clicked)=\"onSaveClick()\"\n ></symphony-button-v2>\n <symphony-button-v2\n class=\"pull-right\"\n [text]=\"'Cancel'\"\n [isSecondary]=\"true\"\n (clicked)=\"onCancelClick()\"\n ></symphony-button-v2>\n </div>\n</ng-container>\n", styles: ["body .sfx .form-label{line-height:25px;margin-bottom:.27rem;font-weight:500}body .sfx textarea{box-shadow:none}body .sfx .form-group p.body-copy-primary{margin-top:4px}.sfx-mr-50{margin-right:3.125rem}.color-light-gray2{color:#d9d9d9}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}textarea#comments{min-height:100px;resize:vertical}@media (max-width: 767px){.form-group .sfx-mr-50{margin-right:30px}.form-group.pull-right{float:none!important}}@media (max-width: 320px){.form-group .save{margin-left:15px}.form-group button.btn{min-width:auto}}\n"] }]
|
|
7033
7037
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
7034
7038
|
type: Input
|
|
7035
7039
|
}], cancel: [{
|
|
@@ -7038,6 +7042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7038
7042
|
type: Output
|
|
7039
7043
|
}], commentsTextChange: [{
|
|
7040
7044
|
type: Output
|
|
7045
|
+
}], formUpdated: [{
|
|
7046
|
+
type: Output
|
|
7041
7047
|
}] } });
|
|
7042
7048
|
|
|
7043
7049
|
class FeedbackDetailPageComponent {
|
|
@@ -7057,7 +7063,7 @@ class FeedbackDetailPageComponent {
|
|
|
7057
7063
|
}
|
|
7058
7064
|
}
|
|
7059
7065
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7060
|
-
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7066
|
+
FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange", "formUpdated"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
7061
7067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
7062
7068
|
type: Component,
|
|
7063
7069
|
args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n\n <symphony-icon-wrapper\n (click)=\"onBackClick()\"\n class=\"sfx-d-inline-block\"\n sfx-back-button\n >\n <symphony-icon [icon]=\"'si-arrow-bold-previous'\" [size]=\"'14px'\"></symphony-icon>\n </symphony-icon-wrapper>\n\n <symphony-feedback-detail-header\n sfx-header\n [model]=\"model.header\"\n (previewClicked)=\"onPreviewClick()\"\n >\n </symphony-feedback-detail-header>\n\n <symphony-feedback-detail-candidate-info\n sfx-left-column\n [model]=\"model\"\n ></symphony-feedback-detail-candidate-info>\n\n <symphony-feedback-detail-interest-form\n sfx-right-column\n [model]=\"model.interest\"\n (save)=\"onSaveFeedback($event)\"\n (cancel)=\"onBackClick()\"\n ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]
|