Add admin-link-button

LittleBigRefresh · Oct 29, 2023 · 462b129 · 462b129
1 parent 8b99681
commit 462b129
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 2 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -85,6 +85,7 @@ import { CarouselCycleButtonComponent } from './components/carousel-cycle-button
 import { LevelStatisticsComponent } from './components/level-statistics/level-statistics.component';
 import { MenuComponent } from './components/menu/menu.component';
 import { MenuLinkComponent } from './components/menu-link/menu-link.component';
+import { AdminLinkButtonComponent } from './components/admin-link-button/admin-link-button.component';
 
 @NgModule({
     declarations: [
@@ -145,6 +146,7 @@ import { MenuLinkComponent } from './components/menu-link/menu-link.component';
         LevelStatisticsComponent,
         MenuComponent,
         MenuLinkComponent,
+        AdminLinkButtonComponent,
     ],
   imports: [
     BrowserModule,

diff --git a/src/app/components/admin-link-button/admin-link-button.component.html b/src/app/components/admin-link-button/admin-link-button.component.html
@@ -0,0 +1,4 @@
+<div class="cursor-pointer bg-warning px-5 py-2 rounded-[11px] text-center drop-shadow-lg w-64">
+  <fa-icon [icon]="faWrench" class="pr-1.5"></fa-icon>
+  Manage in Admin Panel
+</div>
diff --git a/src/app/components/admin-link-button/admin-link-button.component.ts b/src/app/components/admin-link-button/admin-link-button.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import {faWrench} from "@fortawesome/free-solid-svg-icons";
+
+@Component({
+  selector: 'admin-link-button',
+  templateUrl: './admin-link-button.component.html'
+})
+export class AdminLinkButtonComponent {
+
+  protected readonly faWrench = faWrench;
+}
diff --git a/src/app/pages/level/level.component.html b/src/app/pages/level/level.component.html
@@ -30,7 +30,7 @@
   </div>
 </page-header-block>
 <page-header-block *ngIf="ownUser?.role == UserRoles.Admin">
-  <secondary-button text="Manage" class="flex" [icon]="faWrench" [routerLink]="'/admin/level/' + level?.levelId"></secondary-button>
+  <admin-link-button [routerLink]="'/admin/level/' + level?.levelId"></admin-link-button>
 </page-header-block>
 
 <page-header-block *ngIf="!level">

diff --git a/src/app/pages/user/user.component.html b/src/app/pages/user/user.component.html
@@ -24,7 +24,7 @@
 </page-header-block>
 
 <page-header-block *ngIf="ownUser?.role == UserRoles.Admin">
-  <secondary-button text="Manage" class="flex" [icon]="faWrench" [routerLink]="'/admin/user/' + user?.userId"></secondary-button>
+  <admin-link-button [routerLink]="'/admin/user/' + user?.userId"></admin-link-button>
 </page-header-block>
 
 <page-header-block *ngIf="!user">