@alfresco/aca-content 7.2.0-18837796869 → 7.2.0-18873636038
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.
|
@@ -6386,7 +6386,7 @@ class FilesComponent extends PageComponent {
|
|
|
6386
6386
|
const { data } = this.route.snapshot;
|
|
6387
6387
|
this.title = data.title;
|
|
6388
6388
|
this.route.queryParamMap.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((queryMap) => {
|
|
6389
|
-
this.queryParams = queryMap
|
|
6389
|
+
this.queryParams = extractFiltersFromEncodedQuery(queryMap?.get('q'));
|
|
6390
6390
|
});
|
|
6391
6391
|
this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(({ folderId }) => {
|
|
6392
6392
|
const nodeId = folderId || data.defaultNodeId;
|
|
@@ -6606,7 +6606,6 @@ class FilesComponent extends PageComponent {
|
|
|
6606
6606
|
void this.router.navigate(['.'], { relativeTo: this.route });
|
|
6607
6607
|
this.isFilterHeaderActive = false;
|
|
6608
6608
|
this.showHeader = ShowHeaderMode.Data;
|
|
6609
|
-
this.onAllFilterCleared();
|
|
6610
6609
|
}
|
|
6611
6610
|
}
|
|
6612
6611
|
navigateToFilter(activeFilters) {
|
|
@@ -8702,7 +8701,7 @@ class ViewProfileComponent {
|
|
|
8702
8701
|
return this.profileForm.invalid;
|
|
8703
8702
|
}
|
|
8704
8703
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewProfileComponent, deps: [{ token: i1$2.Router }, { token: i3.AlfrescoApiService }, { token: i2.AppService }, { token: i2.AppExtensionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
8705
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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)=\"toggleGeneralDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ generalSectionDropdown ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (generalSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralButtons()\"\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)=\"toggleGeneralButtons()\">\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 (generalSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.jobTitle}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"jobTitle\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.location}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"location\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n name=\"Telephone\"\n value=\"\"\n formControlName=\"telephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-phone-error-message\">\n }\n @if (profileForm.controls['telephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.mobile}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"mobile\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-mobile-error-message\">\n }\n @if (profileForm.controls['mobile'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-mobile-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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)=\"toggleContactDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ contactSectionDropdown ? '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 (contactSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleContactButtons()\"\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)=\"toggleContactButtons()\">\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 (contactSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.organization}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyName\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.address1}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyAddress\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.postcode}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyPostCode\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"companyTelephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-phone-error-message\">\n }\n @if (profileForm.controls['companyTelephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.email}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyEmail\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-email-error-message\">\n }\n @if (profileForm.controls['companyEmail'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-email-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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-icon{padding:0 .5rem 0 1rem;cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}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-054)}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-selected:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}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}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.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: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8704
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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)=\"toggleGeneralDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ generalSectionDropdown ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (generalSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralButtons()\"\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)=\"toggleGeneralButtons()\">\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 (generalSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-job-title\">\n {{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.jobTitle}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"jobTitle\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-job-title\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-location\">\n {{'APP.EDIT_PROFILE.LOCATION' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.location}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"location\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-location\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-telephone\">\n {{'APP.EDIT_PROFILE.TELEPHONE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n name=\"Telephone\"\n value=\"\"\n formControlName=\"telephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-phone-error-message\"\n id=\"app-view-profile-telephone\">\n }\n @if (profileForm.controls['telephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-mobile\">\n {{'APP.EDIT_PROFILE.MOBILE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.mobile}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"mobile\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-mobile-error-message\"\n id=\"app-view-profile-mobile\">\n }\n @if (profileForm.controls['mobile'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-mobile-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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)=\"toggleContactDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ contactSectionDropdown ? '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 (contactSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleContactButtons()\"\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)=\"toggleContactButtons()\">\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 (contactSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-name\">\n {{'APP.EDIT_PROFILE.NAME' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.organization}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyName\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-name\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-address\">\n {{'APP.EDIT_PROFILE.ADDRESS' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.address1}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyAddress\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-address\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-post-code\">\n {{'APP.EDIT_PROFILE.POSTCODE' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.postcode}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyPostCode\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-post-code\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-telephone\">\n {{'APP.EDIT_PROFILE.TELEPHONE' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"companyTelephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-phone-error-message\"\n id=\"app-view-profile-company-telephone\">\n }\n @if (profileForm.controls['companyTelephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-email\">\n {{'APP.EDIT_PROFILE.EMAIL' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.email}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyEmail\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-email-error-message\"\n id=\"app-view-profile-company-email\">\n }\n @if (profileForm.controls['companyEmail'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-email-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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-icon{padding:0 .5rem 0 1rem;cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}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-054)}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-selected:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px;margin-top:1.33em;margin-bottom:1.33em}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}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}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$3.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: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
8706
8705
|
}
|
|
8707
8706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewProfileComponent, decorators: [{
|
|
8708
8707
|
type: Component,
|
|
@@ -8715,7 +8714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
8715
8714
|
MatDividerModule,
|
|
8716
8715
|
MatFormFieldModule,
|
|
8717
8716
|
DynamicExtensionComponent
|
|
8718
|
-
], 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)=\"toggleGeneralDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ generalSectionDropdown ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (generalSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralButtons()\"\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)=\"toggleGeneralButtons()\">\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 (generalSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.jobTitle}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"jobTitle\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.location}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"location\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n name=\"Telephone\"\n value=\"\"\n formControlName=\"telephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-phone-error-message\">\n }\n @if (profileForm.controls['telephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.mobile}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"mobile\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-mobile-error-message\">\n }\n @if (profileForm.controls['mobile'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-mobile-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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)=\"toggleContactDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ contactSectionDropdown ? '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 (contactSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleContactButtons()\"\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)=\"toggleContactButtons()\">\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 (contactSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.NAME' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.organization}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyName\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.address1}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyAddress\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.postcode}}</p>\n } @else {\n <input type=\"text\" value=\"\" formControlName=\"companyPostCode\" class=\"app-profile-general-dropdown-input-details app-selected\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"companyTelephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-phone-error-message\">\n }\n @if (profileForm.controls['companyTelephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.email}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyEmail\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-email-error-message\">\n }\n @if (profileForm.controls['companyEmail'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-email-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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-icon{padding:0 .5rem 0 1rem;cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}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-054)}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-selected:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}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}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"] }]
|
|
8717
|
+
], 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)=\"toggleGeneralDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${generalSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ generalSectionDropdown ? 'expand_more' : 'chevron_right'}}</mat-icon>\n </button>\n <h4 class=\"app-general-title\">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>\n </div>\n @if (generalSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleGeneralButtons()\"\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)=\"toggleGeneralButtons()\">\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 (generalSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.firstName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <h4 class=\"app-profile-general-dropdown-heading\">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.lastName}}</p>\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-job-title\">\n {{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.jobTitle}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"jobTitle\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-job-title\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-location\">\n {{'APP.EDIT_PROFILE.LOCATION' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.location}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"location\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-location\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-telephone\">\n {{'APP.EDIT_PROFILE.TELEPHONE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n name=\"Telephone\"\n value=\"\"\n formControlName=\"telephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-phone-error-message\"\n id=\"app-view-profile-telephone\">\n }\n @if (profileForm.controls['telephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-mobile\">\n {{'APP.EDIT_PROFILE.MOBILE' | translate}}\n </label>\n @if (generalSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.mobile}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"mobile\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-mobile-error-message\"\n id=\"app-view-profile-mobile\">\n }\n @if (profileForm.controls['mobile'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-mobile-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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)=\"toggleContactDropdown()\"\n [attr.title]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\"\n [attr.aria-label]=\"`APP.TOOLTIPS.${contactSectionDropdown ? 'COLLAPSE' : 'EXPAND'}_SECTION` | translate\">\n <mat-icon>{{ contactSectionDropdown ? '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 (contactSectionButtonsToggle) {\n <button\n mat-icon-button\n (click)=\"toggleContactButtons()\"\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)=\"toggleContactButtons()\">\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 (contactSectionDropdown) {\n <mat-divider class=\"app-divider\" />\n <div class=\"app-general-dropdown\">\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-name\">\n {{'APP.EDIT_PROFILE.NAME' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.organization}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyName\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-name\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-address\">\n {{'APP.EDIT_PROFILE.ADDRESS' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.address1}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyAddress\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-address\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-post-code\">\n {{'APP.EDIT_PROFILE.POSTCODE' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.postcode}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyPostCode\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n id=\"app-view-profile-company-post-code\">\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-telephone\">\n {{'APP.EDIT_PROFILE.TELEPHONE' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.telephone}}</p>\n } @else {\n <input\n type=\"tel\"\n value=\"\"\n formControlName=\"companyTelephone\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-phone-error-message\"\n id=\"app-view-profile-company-telephone\">\n }\n @if (profileForm.controls['companyTelephone'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-phone-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\n <mat-divider class=\"app-general-dropdown-divider\" />\n <div class=\"app-general-dropdown-details\">\n <label\n class=\"app-profile-general-dropdown-heading\"\n for=\"app-view-profile-company-email\">\n {{'APP.EDIT_PROFILE.EMAIL' | translate}}\n </label>\n @if (contactSectionButtonsToggle) {\n <p class=\"app-profile-general-dropdown-details\">{{personDetails?.company?.email}}</p>\n } @else {\n <input\n type=\"text\"\n value=\"\"\n formControlName=\"companyEmail\"\n class=\"app-profile-general-dropdown-input-details app-selected\"\n aria-describedby=\"app-view-profile-company-email-error-message\"\n id=\"app-view-profile-company-email\">\n }\n @if (profileForm.controls['companyEmail'].errors) {\n <mat-error class=\"app-error-message\" role=\"alert\" id=\"app-view-profile-company-email-error-message\">\n {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}\n </mat-error>\n }\n </div>\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-icon{padding:0 .5rem 0 1rem;cursor:pointer}app-view-profile .app-profile-text{letter-spacing:.5px}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-054)}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-selected:focus{border:2px solid var(--theme-blue-button-color);border-radius:6px;outline:none;box-shadow:0 0 2px var(--theme-blue-button-color)}app-view-profile .app-general-dropdown-divider{border-top-color:var(--theme-grey-divider-color)}app-view-profile .app-general-dropdown{padding:0 1rem}app-view-profile .app-general-dropdown-details{display:flex}app-view-profile .app-profile-general-dropdown-heading{color:var(--theme-heading-color);width:20%;font-weight:400;letter-spacing:.5px;margin-top:1.33em;margin-bottom:1.33em}app-view-profile .app-profile-general-dropdown-details{margin-top:1.3rem;letter-spacing:.5px}app-view-profile .app-profile-general-dropdown-input-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-row{margin:2rem 0 0 2rem;width:70%;border:1px solid var(--theme-grey-background-color);border-radius:1rem}app-view-profile .app-profile-login{display:flex;padding-left:1rem}app-view-profile .app-profile-login-dropdown-details{width:24%;height:25px;border:none;margin-top:1.3rem;background-color:var(--theme-dropdown-color)}app-view-profile .app-profile-login-dropdown-heading-forgot{margin-top:1.3rem;color:var(--theme-heading-color);margin-left:16rem}app-view-profile .app-profile-company-row{margin-top:2rem}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}app-view-profile .app-error-message{padding-top:2rem;padding-left:.5rem}\n"] }]
|
|
8719
8718
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i3.AlfrescoApiService }, { type: i2.AppService }, { type: i2.AppExtensionService }] });
|
|
8720
8719
|
|
|
8721
8720
|
/*!
|