@symphony-talent/component-library 4.72.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/atoms/navigation-link-v2/navigation-link-v2.module.mjs +5 -4
- package/esm2020/lib/atoms/navigation-link-v2/navigation-link.component.mjs +4 -3
- package/esm2020/lib/molecules/additional-information-card/additional-information-card.component.mjs +1 -1
- 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/atoms/navigation-link-v2/navigation-link-v2.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/atoms/navigation-link-v2/navigation-link.component.mjs +4 -3
- package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.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 +15 -9
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +15 -9
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +15 -9
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +15 -9
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/navigation-link-v2/navigation-link-v2.module.d.ts +2 -1
- package/lib/molecules/additional-information-card/additional-information-card.component.d.ts +2 -2
- 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/atoms/navigation-link-v2/navigation-link-v2.module.d.ts +2 -1
- package/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.d.ts +2 -2
- package/projects/component-library/lib/organisms/feedback-detail-interest-form/feedback-detail-interest-form.component.d.ts +3 -1
|
@@ -4413,10 +4413,10 @@ class NavigationLinkV2Component extends NavigationLinkComponent {
|
|
|
4413
4413
|
}
|
|
4414
4414
|
}
|
|
4415
4415
|
NavigationLinkV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4416
|
-
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
4416
|
+
NavigationLinkV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NavigationLinkV2Component, selector: "symphony-navigation-link-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "trimId": TrimIdPipe } });
|
|
4417
4417
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Component, decorators: [{
|
|
4418
4418
|
type: Component,
|
|
4419
|
-
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
4419
|
+
args: [{ selector: 'symphony-navigation-link-v2', template: "<div class=\"v2\">\n <symphony-tooltip-wrapper\n *ngIf=\"!isMenuOpen\"\n [placement]=\"'right'\"\n [tooltipHtml]=\"navigationLinkModel.linkText\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <div class=\"nav-link\">\n <a\n [href]=\"navigationLinkModel.href\"\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n </symphony-tooltip-wrapper>\n\n <div\n class=\"nav-link\"\n *ngIf=\"isMenuOpen\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n >\n <a\n id=\"navigation-link-{{ navigationLinkModel.linkText | trimId}}\"\n [href]=\"navigationLinkModel.href\"\n [ngClass]=\"{ 'sfx-menu-active': navigationLinkModel.isActive }\"\n (click)=\"onClick()\"\n ><symphony-icon\n [icon]=\"navigationLinkModel.iconClass\"\n [size]=\"'24px'\"\n ></symphony-icon>\n <span>{{ navigationLinkModel.linkText }}</span>\n </a>\n </div>\n</div>\n", styles: [".v2 .nav-link a{color:#82919f;display:block;text-align:left;text-decoration:none;padding:16px 10px 16px 40px;border-left:5px solid white;transition:all .3s linear 0s}.v2 .nav-link a i{display:inline-block;vertical-align:middle}.v2 .nav-link a span{margin-left:30px;font-size:12px;line-height:1;text-transform:uppercase;vertical-align:middle;font-weight:600;display:none;opacity:0;transition:opacity 1s;font-family:neuzeit_groteskbold,sans-serif}.v2 .nav-link a.sfx-menu-active{color:#814dff;border-left:5px solid #814DFF}.v2 .nav-link a:hover{color:#334860}.v2 symphony-icon{display:inline-block;line-height:.6;vertical-align:middle}.v2 .sfx-menu-open.nav-link{width:280px}.v2 .sfx-menu-open a span{display:inline-block;animation:fade-in .5s forwards}.v2 .sfx-menu-open a:hover{background:#814DFF;color:#fff;border-left-color:#814dff}.v2 .sfx-menu-open a.sfx-menu-active{background:#814DFF;color:#fff}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}\n"] }]
|
|
4420
4420
|
}], ctorParameters: function () { return []; } });
|
|
4421
4421
|
|
|
4422
4422
|
class SidebarNavigationV2Component extends SidebarNavigationComponent {
|
|
@@ -4435,13 +4435,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4435
4435
|
class NavigationLinkV2Module {
|
|
4436
4436
|
}
|
|
4437
4437
|
NavigationLinkV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4438
|
-
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule], exports: [NavigationLinkV2Component] });
|
|
4439
|
-
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule]] });
|
|
4438
|
+
NavigationLinkV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, declarations: [NavigationLinkV2Component], imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule], exports: [NavigationLinkV2Component] });
|
|
4439
|
+
NavigationLinkV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, imports: [[CommonModule, TooltipWrapperModule, IconModule, PipeModule]] });
|
|
4440
4440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NavigationLinkV2Module, decorators: [{
|
|
4441
4441
|
type: NgModule,
|
|
4442
4442
|
args: [{
|
|
4443
4443
|
declarations: [NavigationLinkV2Component],
|
|
4444
|
-
imports: [CommonModule, TooltipWrapperModule, IconModule],
|
|
4444
|
+
imports: [CommonModule, TooltipWrapperModule, IconModule, PipeModule],
|
|
4445
4445
|
exports: [NavigationLinkV2Component],
|
|
4446
4446
|
}]
|
|
4447
4447
|
}] });
|
|
@@ -7006,13 +7006,17 @@ class FeedbackDetailInterestFormComponent {
|
|
|
7006
7006
|
this.cancel = new EventEmitter();
|
|
7007
7007
|
this.save = new EventEmitter();
|
|
7008
7008
|
this.commentsTextChange = new EventEmitter();
|
|
7009
|
+
this.formUpdated = new EventEmitter();
|
|
7009
7010
|
}
|
|
7010
7011
|
onCommentsTextChange(commentTextValue) {
|
|
7011
7012
|
this.commentsTextChange.emit(commentTextValue);
|
|
7012
7013
|
}
|
|
7013
7014
|
onInterestedButtonClick(interestedState) {
|
|
7014
7015
|
this.model.status = interestedState;
|
|
7015
|
-
this.
|
|
7016
|
+
this.onFormUpdated();
|
|
7017
|
+
}
|
|
7018
|
+
onFormUpdated() {
|
|
7019
|
+
this.formUpdated.emit();
|
|
7016
7020
|
}
|
|
7017
7021
|
onCancelClick() {
|
|
7018
7022
|
this.cancel.emit();
|
|
@@ -7022,10 +7026,10 @@ class FeedbackDetailInterestFormComponent {
|
|
|
7022
7026
|
}
|
|
7023
7027
|
}
|
|
7024
7028
|
FeedbackDetailInterestFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7025
|
-
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
|
|
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", 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 });
|
|
7026
7030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailInterestFormComponent, decorators: [{
|
|
7027
7031
|
type: Component,
|
|
7028
|
-
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
|
|
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 (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"] }]
|
|
7029
7033
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
7030
7034
|
type: Input
|
|
7031
7035
|
}], cancel: [{
|
|
@@ -7034,6 +7038,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
7034
7038
|
type: Output
|
|
7035
7039
|
}], commentsTextChange: [{
|
|
7036
7040
|
type: Output
|
|
7041
|
+
}], formUpdated: [{
|
|
7042
|
+
type: Output
|
|
7037
7043
|
}] } });
|
|
7038
7044
|
|
|
7039
7045
|
class FeedbackDetailPageComponent {
|
|
@@ -7053,7 +7059,7 @@ class FeedbackDetailPageComponent {
|
|
|
7053
7059
|
}
|
|
7054
7060
|
}
|
|
7055
7061
|
FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7056
|
-
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"] }] });
|
|
7062
|
+
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"] }] });
|
|
7057
7063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
|
|
7058
7064
|
type: Component,
|
|
7059
7065
|
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: [""] }]
|