From 81ef95e13e4fb3595338baf0626bfbbd24448f50 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 15 Jul 2023 12:32:59 +0200
Subject: [PATCH] Setup permissions (#2151)

---
 .../pages/resources/resources-page.component.ts | 17 +++++++++++++++--
 .../src/app/pages/resources/resources-page.html |  2 +-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/app/pages/resources/resources-page.component.ts b/apps/client/src/app/pages/resources/resources-page.component.ts
index 317f22445..36b790185 100644
--- a/apps/client/src/app/pages/resources/resources-page.component.ts
+++ b/apps/client/src/app/pages/resources/resources-page.component.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { DataService } from '@ghostfolio/client/services/data.service';
+import { InfoItem } from '@ghostfolio/common/interfaces';
+import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { Subject } from 'rxjs';
 
 @Component({
@@ -8,11 +11,21 @@ import { Subject } from 'rxjs';
   templateUrl: './resources-page.html'
 })
 export class ResourcesPageComponent implements OnInit {
+  public hasPermissionForSubscription: boolean;
+  public info: InfoItem;
+
   private unsubscribeSubject = new Subject<void>();
 
-  public constructor() {}
+  public constructor(private dataService: DataService) {
+    this.info = this.dataService.fetchInfo();
+  }
 
-  public ngOnInit() {}
+  public ngOnInit() {
+    this.hasPermissionForSubscription = hasPermission(
+      this.info?.globalPermissions,
+      permissions.enableSubscription
+    );
+  }
 
   public ngOnDestroy() {
     this.unsubscribeSubject.next();
diff --git a/apps/client/src/app/pages/resources/resources-page.html b/apps/client/src/app/pages/resources/resources-page.html
index d46288dd4..9f35c6114 100644
--- a/apps/client/src/app/pages/resources/resources-page.html
+++ b/apps/client/src/app/pages/resources/resources-page.html
@@ -170,7 +170,7 @@
             </div>
           </div>
         </div>
-        <div class="mb-4 media">
+        <div *ngIf="hasPermissionForSubscription" class="mb-4 media">
           <div class="media-body">
             <h3 class="h5 mt-0">Personal Finance Tools</h3>
             <div class="mb-1">