derek/boredcareers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Route properly for angular

Browse Source
This commit is contained in:
Derek Holloway
2025-07-20 21:14:05 -07:00
parent a88bc65149
commit a5573dce4e
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Client/src/app/app.html
+11 -11
View File
@@ -1,19 +1,19 @@
<div class="top-bar"> <div class="top-bar">
<div class="top-bar-buttons"> <div class="top-bar-buttons">
<a #homeLink class="nav-button" href="">HOME</a> <a #homeLink class="nav-button" routerLink="">HOME</a>
<a #jobsLink class="nav-button" href="/jobs">JOB BOARD</a> <a #jobsLink class="nav-button" routerLink="/jobs">JOB BOARD</a>
<a #resumesLink class="nav-button" href="/resumes">RESUMES</a> <a #resumesLink class="nav-button" routerLink="/resumes">RESUMES</a>
</div> </div>
<a class="top-bar-logo" href=""> <a class="top-bar-logo" routerLink="">
<img class="top-bar-logo" style="margin: 0;" src="img/logo-full.png" /> <img class="top-bar-logo" style="margin: 0;" src="img/logo-full.png" />
</a> </a>
<div *ngIf="auth.isLoggedIn" class="top-bar-buttons flex-right"> <div *ngIf="auth.isLoggedIn" class="top-bar-buttons flex-right">
<a class="nav-button nav-button-login" href="/account/settings"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a> <a class="nav-button nav-button-login" routerLink="/account/settings"><span>{{ auth.loggedInUser.userName.toUpperCase() }}</span></a>
<a class="nav-button nav-button-login" href="/account/logout"><span>LOGOUT</span></a> <a class="nav-button nav-button-login" routerLink="/account/logout"><span>LOGOUT</span></a>
</div> </div>
<div *ngIf="!auth.isLoggedIn" class="top-bar-buttons flex-right"> <div *ngIf="!auth.isLoggedIn" class="top-bar-buttons flex-right">
<a class="nav-button nav-button-login" href="/account/login"><span>LOGIN</span></a> <a class="nav-button nav-button-login" routerLink="/account/login"><span>LOGIN</span></a>
<a class="nav-button nav-button-login" href="/account/register"><span>REGISTER</span></a> <a class="nav-button nav-button-login" routerLink="/account/register"><span>REGISTER</span></a>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
@@ -21,9 +21,9 @@
</div> </div>
<div class="bottom-bar"> <div class="bottom-bar">
<div class="bottom-bar-buttons bottom-bar-float"> <div class="bottom-bar-buttons bottom-bar-float">
<a class="nav-button-bottom bottom-bar-padding" href="/contact">CONTACT</a> <a class="nav-button-bottom bottom-bar-padding" routerLink="/contact">CONTACT</a>
<a class="nav-button-bottom bottom-bar-padding" href="/privacy">PRIVACY</a> <a class="nav-button-bottom bottom-bar-padding" routerLink="/privacy">PRIVACY</a>
<a class="nav-button-bottom bottom-bar-padding" href="/about">ABOUT</a> <a class="nav-button-bottom bottom-bar-padding" routerLink="/about">ABOUT</a>
</div> </div>
<a class="bottom-bar-logo" href="https://mistox.com"> <a class="bottom-bar-logo" href="https://mistox.com">
<img src="img/mistox-logo.png" /> <img src="img/mistox-logo.png" />
src/Client/src/app/app.ts
+2 -2
View File
@@ -1,11 +1,11 @@
import { Component, ElementRef, ViewChild } from '@angular/core'; import { Component, ElementRef, ViewChild } from '@angular/core';
import { Router, RouterOutlet } from '@angular/router'; import { Router, RouterModule, RouterOutlet } from '@angular/router';
import { Authentication } from './services/Authentication'; import { Authentication } from './services/Authentication';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
imports: [RouterOutlet, CommonModule], imports: [RouterOutlet, CommonModule, RouterModule],
templateUrl: './app.html', templateUrl: './app.html',
styleUrl: './app.css' styleUrl: './app.css'
}) })