@alfresco/aca-content 7.3.0-21483184136 → 7.3.0-21514112140
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.
|
@@ -8922,7 +8922,7 @@ class ViewProfileComponent {
|
|
|
8922
8922
|
return this.profileForm.invalid;
|
|
8923
8923
|
}
|
|
8924
8924
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewProfileComponent, deps: [{ token: i1$3.Router }, { token: i1$1.AlfrescoApiService }, { token: i2.AppService }, { token: i2.AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8925
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewProfileComponent, isStandalone: true, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n <div class=\"app-profile-row\">\n <div class=\"app-profile-title\">\n @if ((appNavNarMode$ | async) === 'collapsed') {\n <button\n mat-icon-button\n (click)=\"toggleNavigationMenu()\"\n [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n <mat-icon>menu</mat-icon>\n </button>\n }\n <button\n class=\"app-profile-icon\"\n mat-icon-button\n (click)=\"navigateToPersonalFiles()\"\n [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n </div>\n </div>\n <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n <div class=\"app-profile-general\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleGeneralSection()\"\n [attr.title]=\"generalSectionButtonTooltip | translate\"\n [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n <mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (!generalSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleGeneralSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveGeneralData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (generalSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n formControlName=\"firstName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n formControlName=\"lastName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n formControlName=\"jobTitle\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n formControlName=\"location\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"telephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n formControlName=\"mobile\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n\n <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n <div class=\"app-profile-general profile-general-bottom-radius\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleContactSection()\"\n [attr.title]=\"contactSectionButtonTooltip | translate\"\n [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n <mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n </div>\n @if (!contactSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleContactSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleContactSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveCompanyData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (contactSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n formControlName=\"companyName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n formControlName=\"companyAddress\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n formControlName=\"companyPostCode\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"companyTelephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n formControlName=\"companyEmail\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n @for (section of sections; track $index) {\n <adf-dynamic-component [id]=\"section.component\"/>\n }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8925
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ViewProfileComponent, isStandalone: true, selector: "app-view-profile", ngImport: i0, template: "<div class=\"app-profile-container\">\n <div class=\"app-profile-row\">\n <div class=\"app-profile-title\">\n @if ((appNavNarMode$ | async) === 'collapsed') {\n <button\n mat-icon-button\n (click)=\"toggleNavigationMenu()\"\n [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n <mat-icon>menu</mat-icon>\n </button>\n }\n <button\n class=\"app-profile-icon\"\n mat-icon-button\n (click)=\"navigateToPersonalFiles()\"\n [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h2 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>\n </div>\n </div>\n <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n <div class=\"app-profile-general\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleGeneralSection()\"\n [attr.title]=\"generalSectionButtonTooltip | translate\"\n [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n <mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>\n </div>\n @if (!generalSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleGeneralSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveGeneralData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (generalSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n formControlName=\"firstName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n formControlName=\"lastName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n formControlName=\"jobTitle\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n formControlName=\"location\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"telephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n formControlName=\"mobile\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n\n <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n <div class=\"app-profile-general profile-general-bottom-radius\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleContactSection()\"\n [attr.title]=\"contactSectionButtonTooltip | translate\"\n [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n <mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>\n </div>\n @if (!contactSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleContactSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleContactSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveCompanyData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (contactSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n formControlName=\"companyName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n formControlName=\"companyAddress\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n formControlName=\"companyPostCode\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"companyTelephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n formControlName=\"companyEmail\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n @for (section of sections; track $index) {\n <adf-dynamic-component [id]=\"section.component\"/>\n }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-bottom:1em;font-size:1.17em}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general-section .app-general-title{font-size:unset;margin-bottom:1.33em;margin-top:1.33em}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8926
8926
|
}
|
|
8927
8927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ViewProfileComponent, decorators: [{
|
|
8928
8928
|
type: Component,
|
|
@@ -8936,7 +8936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
8936
8936
|
MatFormFieldModule,
|
|
8937
8937
|
MatInputModule,
|
|
8938
8938
|
DynamicExtensionComponent
|
|
8939
|
-
], selector: 'app-view-profile', encapsulation: ViewEncapsulation.None, template: "<div class=\"app-profile-container\">\n <div class=\"app-profile-row\">\n <div class=\"app-profile-title\">\n @if ((appNavNarMode$ | async) === 'collapsed') {\n <button\n mat-icon-button\n (click)=\"toggleNavigationMenu()\"\n [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n <mat-icon>menu</mat-icon>\n </button>\n }\n <button\n class=\"app-profile-icon\"\n mat-icon-button\n (click)=\"navigateToPersonalFiles()\"\n [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h3 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>\n </div>\n </div>\n <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n <div class=\"app-profile-general\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleGeneralSection()\"\n [attr.title]=\"generalSectionButtonTooltip | translate\"\n [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n <mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (!generalSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleGeneralSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveGeneralData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (generalSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n formControlName=\"firstName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n formControlName=\"lastName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n formControlName=\"jobTitle\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n formControlName=\"location\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"telephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n formControlName=\"mobile\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n\n <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n <div class=\"app-profile-general profile-general-bottom-radius\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleContactSection()\"\n [attr.title]=\"contactSectionButtonTooltip | translate\"\n [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n <mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>\n </div>\n @if (!contactSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleContactSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleContactSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveCompanyData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (contactSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n formControlName=\"companyName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n formControlName=\"companyAddress\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n formControlName=\"companyPostCode\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"companyTelephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n formControlName=\"companyEmail\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n @for (section of sections; track $index) {\n <adf-dynamic-component [id]=\"section.component\"/>\n }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-top:1rem}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"] }]
|
|
8939
|
+
], selector: 'app-view-profile', encapsulation: ViewEncapsulation.None, template: "<div class=\"app-profile-container\">\n <div class=\"app-profile-row\">\n <div class=\"app-profile-title\">\n @if ((appNavNarMode$ | async) === 'collapsed') {\n <button\n mat-icon-button\n (click)=\"toggleNavigationMenu()\"\n [attr.title]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EXPAND_NAVIGATION' | translate\">\n <mat-icon>menu</mat-icon>\n </button>\n }\n <button\n class=\"app-profile-icon\"\n mat-icon-button\n (click)=\"navigateToPersonalFiles()\"\n [attr.aria-label]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\"\n [attr.title]=\"'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h2 class=\"app-profile\">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>\n </div>\n </div>\n <div class=\"app-profile-general-row\" [formGroup]=\"profileForm\" id=\"general-dropdown\">\n <div class=\"app-profile-general\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleGeneralSection()\"\n [attr.title]=\"generalSectionButtonTooltip | translate\"\n [attr.aria-label]=\"generalSectionButtonTooltip | translate\">\n <mat-icon>{{ generalSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>\n </div>\n @if (!generalSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleGeneralSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveGeneralData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (generalSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.FIRST_NAME' | translate }}\"\n formControlName=\"firstName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}</mat-label>\n <input\n matInput\n readonly\n placeholder=\"{{ 'APP.EDIT_PROFILE.LAST_NAME' | translate }}\"\n formControlName=\"lastName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.JOB_TITLE' | translate }}\"\n formControlName=\"jobTitle\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.LOCATION' | translate }}\"\n formControlName=\"location\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"telephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}</mat-label>\n <input\n matInput\n [type]=\"'tel'\"\n [readonly]=\"!generalSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.MOBILE' | translate }}\"\n formControlName=\"mobile\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n\n <div class=\"app-profile-contact-row\" [formGroup]=\"profileForm\" id=\"contact-dropdown\">\n <div class=\"app-profile-general profile-general-bottom-radius\">\n <div class=\"app-profile-general-section\">\n <button\n mat-icon-button\n (click)=\"toggleContactSection()\"\n [attr.title]=\"contactSectionButtonTooltip | translate\"\n [attr.aria-label]=\"contactSectionButtonTooltip | translate\">\n <mat-icon>{{ contactSectionExpanded ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h3 class=\"app-general-title\">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>\n </div>\n @if (!contactSectionEditMode) {\n <button\n mat-icon-button\n (click)=\"toggleContactSectionEditMode()\"\n class=\"app-general-edit\"\n [attr.title]=\"'APP.TOOLTIPS.EDIT' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.EDIT' | translate\">\n <mat-icon>edit</mat-icon>\n </button>\n } @else {\n <button\n mat-icon-button\n class=\"app-general-cancel-btn\"\n [attr.title]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.CANCEL' | translate\"\n (click)=\"toggleContactSectionEditMode()\">\n <mat-icon>close</mat-icon>\n </button>\n <button\n mat-icon-button\n color=\"primary\"\n [attr.title]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [attr.aria-label]=\"'APP.TOOLTIPS.SAVE' | translate\"\n [disabled]=\"profileForm.invalid\"\n (click)=\"onSaveCompanyData(profileForm)\">\n <mat-icon>check</mat-icon>\n </button>\n }\n </div>\n @if (contactSectionExpanded) {\n <mat-divider class=\"app-divider\" aria-hidden=\"true\" />\n <div class=\"app-general-dropdown\">\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.NAME' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.NAME' | translate }}\"\n formControlName=\"companyName\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.ADDRESS' | translate }}\"\n formControlName=\"companyAddress\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.POSTCODE' | translate }}\"\n formControlName=\"companyPostCode\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.TELEPHONE' | translate }}\"\n formControlName=\"companyTelephone\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_PHONE_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"app-form-field\">\n <mat-label>{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}</mat-label>\n <input\n matInput\n [readonly]=\"!contactSectionEditMode\"\n placeholder=\"{{ 'APP.EDIT_PROFILE.EMAIL' | translate }}\"\n formControlName=\"companyEmail\"\n />\n <mat-error>\n {{ 'APP.EDIT_PROFILE.INVALID_EMAIL_FORMAT' | translate }}\n </mat-error>\n </mat-form-field>\n </div>\n }\n </div>\n @for (section of sections; track $index) {\n <adf-dynamic-component [id]=\"section.component\"/>\n }\n</div>\n", styles: ["app-view-profile{letter-spacing:.5px}app-view-profile .app-profile-container{overflow:scroll;height:100%;width:100%}app-view-profile .app-profile-row{width:100%;height:32px;padding:32px 0;border-bottom:1px solid var(--theme-about-panel-border-color)}app-view-profile .app-profile-title{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 24px}app-view-profile .app-profile-title .app-profile-icon{margin-right:1rem;cursor:pointer;width:24px;height:24px;padding:0}app-view-profile .app-profile{cursor:pointer;margin-bottom:1em;font-size:1.17em}app-view-profile .app-profile-general-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-general{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general .app-general-edit{color:var(--adf-theme-foreground-text-color-064)}app-view-profile .app-profile-general .app-general-cancel-btn{color:var(--adf-metadata-action-button-clear-color)}app-view-profile .app-profile-general-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}app-view-profile .app-profile-general-section{display:flex;align-items:center;width:100%}app-view-profile .app-profile-general-section .app-general-title{font-size:unset;margin-bottom:1.33em;margin-top:1.33em}app-view-profile .app-divider{border-top-width:1px;border-top-color:var(--theme-grey-background-color);padding-left:-1px;padding-right:1px}app-view-profile .app-general-dropdown{display:flex;flex-direction:column;padding:21.5px 1rem 0}app-view-profile .app-general-dropdown .app-form-field{margin-bottom:15px}app-view-profile .app-profile-contact-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}\n"] }]
|
|
8940
8940
|
}], ctorParameters: () => [{ type: i1$3.Router }, { type: i1$1.AlfrescoApiService }, { type: i2.AppService }, { type: i2.AppExtensionService }] });
|
|
8941
8941
|
|
|
8942
8942
|
/*!
|