Spaces:
Running
Running
File size: 2,032 Bytes
07cf142 b5872a0 07cf142 832826c 4410abe a4e1a97 07cf142 eef9fb0 4630504 cd6511c 9c5dc7b a828e09 cd6511c a828e09 9c5dc7b 07cf142 cd6511c 292ac14 a828e09 cd6511c 9c5dc7b 07cf142 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<div class="navigation-container">
<div class="nav-content">
<img src="logo.png" alt="PyTrade Logo" class="logo-img" routerLink="/">
<h1 class="logo-title">PY-TRADE</h1>
<div style="display: flex; gap: 2vw; margin-left: 47vw;align-self:flex-start;">
<p class="menu-item" routerLink="/dashboard">Markets</p>
<p class="menu-item" routerLink="/community">Community</p>
<p class="menu-item" routerLink="/chatbot">Trading Assistant</p>
</div>
<div class="user-avatar"
(mouseenter)="showDropDown()"
(mouseleave)="hideDropDown()">
<ng-container *ngIf="auth.isAuthenticated(); else anonAvatar">
<div class="avatar-circle" [attr.aria-label]="displayName()">{{ avatarInitial() }}</div>
</ng-container>
<ng-template #anonAvatar>
<img src="https://cdn-icons-png.flaticon.com/512/847/847969.png" alt="User Image">
</ng-template>
<ul class="avatar-menu" *ngIf="isShowDropDown" role="menu">
<ng-container *ngIf="auth.isAuthenticated(); else guestMenu">
<li class="menu-header" aria-disabled="true">Hello, {{ displayName() }}</li>
<li role="menuitem" (click)="logout()">Logout</li>
</ng-container>
<ng-template #guestMenu>
<!-- Call the UI service directly and close the dropdown -->
<li role="menuitem" (click)="authUi.openSignup(); isShowDropDown = false">Sign Up</li>
<li role="menuitem" (click)="authUi.openSignin(); isShowDropDown = false">Sign In</li>
</ng-template>
</ul>
</div>
</div>
</div>
<!-- Bind to AuthUiService signals and correct the output event name -->
<app-signup-modal [open]="authUi.signupOpen()"
(close)="authUi.closeSignup()"
(submitted)="handleSignup($event)">
</app-signup-modal>
<app-signin-modal [open]="authUi.signinOpen()"
(close)="authUi.closeSignin()"
(submitted)="handleSignin($event)">
</app-signin-modal>
<router-outlet></router-outlet>
|