Feature/disable base currency selector for demo user (#104)

* Disable base currency selector based on permission

* Update changelog

CHANGELOG.md

@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Renamed _Ghostfolio Account_ to _My Ghostfolio_
 - Hid unknown exchange in the position overview
+- Disable the base currency selector for the demo user
 - Refactored the portfolio unit tests to work without database
 - Renamed shared helper to `@ghostfolio/common/helper`
 - Moved shared interfaces to `@ghostfolio/common/interfaces`

apps/client/src/app/pages/account/account-page.component.ts

@@ -19,6 +19,7 @@ export class AccountPageComponent implements OnDestroy, OnInit {
   public currencies: Currency[] = [];
   public defaultDateFormat = DEFAULT_DATE_FORMAT;
   public hasPermissionForSubscription: boolean;
+  public hasPermissionToUpdateUserSettings: boolean;
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();
@@ -50,6 +51,11 @@ export class AccountPageComponent implements OnDestroy, OnInit {
         this.dataService.fetchUser().subscribe((user) => {
           this.user = user;
 
+          this.hasPermissionToUpdateUserSettings = hasPermission(
+            this.user.permissions,
+            permissions.updateUserSettings
+          );
+
           this.cd.markForCheck();
         });
       });

apps/client/src/app/pages/account/account-page.html

@@ -35,6 +35,7 @@
                   <mat-label i18n>Base Currency</mat-label>
                   <mat-select
                     name="baseCurrency"
+                    [disabled]="!hasPermissionToUpdateUserSettings"
                     [value]="user.settings.baseCurrency"
                     (selectionChange)="onChangeBaseCurrency($event)"
                   >