Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-10460 - enable switching the language in Edit Profile page in non-dev mode

Browse Source
This commit is contained in:
Valentin Mihai 2024-11-14 11:23:35 +02:00
parent 1d61d07305
commit 2267af3a55
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/red-ui/src/app/modules/account/base-account-screen/base-account-screen-component.html
View File

@ -8,10 +8,11 @@
<div class="content-container full-height"> <div class="content-container full-height">
<div class="overlay-shadow"></div> <div class="overlay-shadow"></div>
<div [ngClass]="!isWarningsScreen && 'dialog'"> <div [ngClass]="!isWarningsScreen && 'dialog'">
<div *ngIf="!isWarningsScreen" class="dialog-header"> @if (!isWarningsScreen) {
<div class="heading-l" [translate]="translations[path]"></div> <div class="dialog-header">
</div> <div class="heading-l" [translate]="translations[path]"></div>
</div>
}
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>

22
apps/red-ui/src/app/modules/account/screens/user-profile/user-profile-screen/user-profile-screen.component.html
View File

@ -16,14 +16,16 @@
<input formControlName="lastName" name="lastName" type="text" /> <input formControlName="lastName" name="lastName" type="text" />
</div> </div>
<div *ngIf="devMode" class="iqser-input-group"> <div class="iqser-input-group">
<label [translate]="'top-bar.navigation-items.my-account.children.language.label'"></label> <label [translate]="'top-bar.navigation-items.my-account.children.language.label'"></label>
<mat-form-field> <mat-form-field>
<mat-select formControlName="language"> <mat-select formControlName="language">
<mat-select-trigger>{{ languageSelectLabel() | translate }}</mat-select-trigger> <mat-select-trigger>{{ languageSelectLabel() | translate }}</mat-select-trigger>
<mat-option *ngFor="let language of languages" [value]="language"> @for (language of languages; track language) {
{{ translations[language] | translate }} <mat-option [value]="language">
</mat-option> {{ translations[language] | translate }}
</mat-option>
}
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
@ -32,11 +34,13 @@
<a (click)="resetPassword()" target="_blank"> {{ 'user-profile-screen.actions.change-password' | translate }}</a> <a (click)="resetPassword()" target="_blank"> {{ 'user-profile-screen.actions.change-password' | translate }}</a>
</div> </div>
<div *ngIf="devMode" class="iqser-input-group"> @if (devMode) {
<mat-slide-toggle color="primary" formControlName="darkTheme"> <div class="iqser-input-group">
{{ 'user-profile-screen.form.dark-theme' | translate }} <mat-slide-toggle color="primary" formControlName="darkTheme">
</mat-slide-toggle> {{ 'user-profile-screen.form.dark-theme' | translate }}
</div> </mat-slide-toggle>
</div>
}
</div> </div>
</div> </div>