add angular material project

2025-06-14 19:41:08 +03:00
parent e7eed1e2d2
commit 5d0a701474
84 changed files with 11873 additions and 0 deletions
@@ -0,0 +1,79 @@
+<div>
+  <nav class="navbar navbar-expand navbar-dark bg-dark">
+    <a href="#" class="navbar-brand">Spring-AngularTS</a>
+
+    <ul class="navbar-nav mr-auto" routerLinkActive="active">
+
+      <li class="nav-item">
+        <a routerLink="tutorials" class="nav-link">Tutorials</a>
+      </li>
+      <li class="nav-item">
+        <a routerLink="add" class="nav-link">Add</a>
+      </li>
+
+      <li class="nav-item" *ngIf="showAdminBoard">
+        <a href="/admin" class="nav-link" routerLink="admin">Admin Board</a>
+      </li>
+      <li class="nav-item" *ngIf="showModeratorBoard">
+        <a href="/mod" class="nav-link" routerLink="mod">Moderator Board</a>
+      </li>
+      <li class="nav-item">
+        <a href="/user" class="nav-link" *ngIf="isLoggedIn" routerLink="user">User</a>
+      </li>
+
+    </ul>
+
+    <ul class="navbar-nav ml-auto" *ngIf="!isLoggedIn">
+      <li class="nav-item">
+        <a href="/register" class="nav-link" routerLink="register">Sign Up</a>
+      </li>
+      <li class="nav-item">
+        <a href="/login" class="nav-link" routerLink="login">Login</a>
+      </li>
+    </ul>
+
+    <ul class="navbar-nav ml-auto" *ngIf="isLoggedIn">
+      <li class="nav-item">
+        <a href="/profile" class="nav-link" routerLink="profile">{{ username }}</a>
+      </li>
+      <li class="nav-item">
+        <a href class="nav-link" (click)="logout()">LogOut</a>
+      </li>
+    </ul>
+
+  </nav>
+  <mat-toolbar>
+
+    <button mat-raised-button routerLink="/" href="#">
+      My App
+    </button>
+    <span>My App
+    </span>
+    <span class="example-spacer"></span>
+    <button mat-raised-button *ngIf="!isLoggedIn">
+      <mat-icon>app_registration</mat-icon>
+      Register
+    </button>
+
+    <button mat-raised-button (click)="openDialog('100ms', '5ms')" *ngIf="!isLoggedIn">
+      <mat-icon>login</mat-icon>
+      Login
+    </button>
+
+    <button mat-raised-button *ngIf="isLoggedIn">
+      <mat-icon>account_circle</mat-icon>
+      {{ username }}
+    </button>
+
+    <button mat-raised-button (click)="logout()"*ngIf="isLoggedIn">
+      <mat-icon>logout</mat-icon>
+      Logout
+    </button>
+
+  </mat-toolbar>
+
+
+  <div class="container mt-3">
+    <router-outlet></router-outlet>
+  </div>
+</div>