From c6059a7a60863ce43e43ebf8c5dbb2084e108fb9 Mon Sep 17 00:00:00 2001
From: Polianin Nikita <nikitkapolyanin@yandex.ru>
Date: Wed, 28 Aug 2024 01:53:27 +0300
Subject: [PATCH] feat: add link to admin panel

---
 src/components/common/header/header.component.html | 1 +
 src/components/common/header/header.component.ts   | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/common/header/header.component.html b/src/components/common/header/header.component.html
index 548ebc9..81f4175 100644
--- a/src/components/common/header/header.component.html
+++ b/src/components/common/header/header.component.html
@@ -1,3 +1,4 @@
 <mat-toolbar style="justify-content: space-between;">
   <a href="/" style="color: inherit;">Winsomnia</a>
+  <a href="/admin" style="color: inherit; font-size: 14px" *appHasRole="AuthRoles.Admin">Админ панель</a>
 </mat-toolbar>
diff --git a/src/components/common/header/header.component.ts b/src/components/common/header/header.component.ts
index d550edd..4059354 100644
--- a/src/components/common/header/header.component.ts
+++ b/src/components/common/header/header.component.ts
@@ -1,6 +1,8 @@
 import { Component } from '@angular/core';
 import {MatToolbar} from "@angular/material/toolbar";
 import {MatAnchor, MatButton} from "@angular/material/button";
+import {HasRoleDirective} from "@/directives/has-role.directive";
+import {AuthRoles} from "@model/AuthRoles";
 
 @Component({
   selector: 'app-header',
@@ -8,11 +10,13 @@ import {MatAnchor, MatButton} from "@angular/material/button";
   imports: [
     MatToolbar,
     MatButton,
-    MatAnchor
+    MatAnchor,
+    HasRoleDirective
   ],
   templateUrl: './header.component.html',
   styleUrl: './header.component.css'
 })
 export class HeaderComponent {
 
+  protected readonly AuthRoles = AuthRoles;
 }