43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<app-popup (closeRequest)="close()" [position]="position()">
|
|
<div header-left class="profile-section">
|
|
<img ngSrc="/guest_profile.png" alt="profile" class="avatar" width="24" height="24">
|
|
<span>{{ settingsService.isGuest() ? translation.settings.guest : settingsService.userName() }}</span>
|
|
</div>
|
|
|
|
<div class="settings-content">
|
|
<settings-category [headerLabel]="translation.settings.language">
|
|
<settings-container
|
|
[settingsType]="SettingsType.Dropdown"
|
|
[options]="languages"
|
|
[value]="settingsService.language()"
|
|
[labelText]="translation.settings.language" labelIcon="language"
|
|
(onChange)="onLanguageChange($event)">
|
|
</settings-container>
|
|
|
|
<settings-container
|
|
[settingsType]="SettingsType.Switch"
|
|
[value]="settingsService.romanisation()"
|
|
[labelText]="translation.settings.romanisation" labelIcon="match_case"
|
|
(onChange)="onRomanisationChange($event)">
|
|
</settings-container>
|
|
</settings-category>
|
|
|
|
<settings-category [headerLabel]="translation.settings.appearance">
|
|
<settings-container
|
|
[settingsType]="SettingsType.Switch"
|
|
[value]="settingsService.darkMode()"
|
|
[labelText]="translation.settings.darkMode" labelIcon="dark_mode"
|
|
(onChange)="onDarkModeChange($event)">
|
|
</settings-container>
|
|
|
|
<settings-container
|
|
[settingsType]="SettingsType.Switch"
|
|
[value]="settingsService.reduceAnimation()"
|
|
[labelText]="translation.settings.reduceAnimation" labelIcon="motion_photos_paused"
|
|
(onChange)="onReduceAnimationChange($event)">
|
|
</settings-container>
|
|
</settings-category>
|
|
</div>
|
|
|
|
</app-popup>
|