This commit is contained in:
2025-11-08 15:22:22 +01:00
parent 07e49b327b
commit b7066bb675
5 changed files with 34 additions and 19 deletions

BIN
public/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -9,24 +9,39 @@
<div class="sidebar-logo"> <div class="sidebar-logo">
<a href="https://ng.ant.design/" target="_blank"> <a href="https://ng.ant.design/" target="_blank">
<img src="https://ng.ant.design/assets/img/logo.svg" alt="logo"> <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
<h1>Ant Design of Angular</h1> <h1>My Library</h1>
</a> </a>
</div> </div>
<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed"> <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" class="text-xl" >
<li nz-menu-item nzMatchRouter> <li nz-menu-item nzMatchRouter>
<a routerLink="/welcome">Welcome</a> <a routerLink="/welcome">
<nz-icon nzType="home"></nz-icon>
<span>Welcome</span>
</a>
</li> </li>
<li nz-menu-item nzMatchRouter> <li nz-menu-item nzMatchRouter>
<a routerLink="/book">Book</a> <a routerLink="/book">
<nz-icon nzType="book"></nz-icon>
<span>Book</span>
</a>
</li> </li>
<li nz-menu-item nzMatchRouter> <li nz-menu-item nzMatchRouter>
<a routerLink="/author">Author</a> <a routerLink="/author">
<nz-icon nzType="user"></nz-icon>
<span>Author</span>
</a>
</li> </li>
<li nz-menu-item nzMatchRouter> <li nz-menu-item nzMatchRouter>
<a routerLink="/loan">Loan</a> <a routerLink="/loan">
<nz-icon nzType="file-done"></nz-icon>
<span>Loan</span>
</a>
</li> </li>
<li nz-menu-item nzMatchRouter> <li nz-menu-item nzMatchRouter>
<a routerLink="/user">User</a> <a routerLink="/user">
<nz-icon nzType="team"></nz-icon>
<span>User</span>
</a>
</li> </li>
</ul> </ul>
</nz-sider> </nz-sider>

View File

@@ -6,5 +6,5 @@ export const routes: Routes = [
{path: 'book', loadChildren: () => import('./pages/book/book.routes').then(m => m.BOOK_ROUTES)}, {path: 'book', loadChildren: () => import('./pages/book/book.routes').then(m => m.BOOK_ROUTES)},
{path: 'author', loadChildren: () => import('./pages/author/author.routes').then(m => m.AUTHOR_ROUTES)}, {path: 'author', loadChildren: () => import('./pages/author/author.routes').then(m => m.AUTHOR_ROUTES)},
{path: 'loan', loadChildren: () => import('./pages/loan/loan.routes').then(m => m.LOAN_ROUTES)}, {path: 'loan', loadChildren: () => import('./pages/loan/loan.routes').then(m => m.LOAN_ROUTES)},
{ path: 'user', loadChildren: () => import('./pages/user/user.routes').then(m => m.USER_ROUTES) } {path: 'user', loadChildren: () => import('./pages/user/user.routes').then(m => m.USER_ROUTES)}
]; ];

View File

@@ -1,10 +1,10 @@
import { Component } from '@angular/core'; import {Component} from '@angular/core';
@Component({ @Component({
selector: 'app-author', selector: 'app-author',
imports: [], imports: [],
templateUrl: './author.html', templateUrl: './author.html',
styleUrl: './author.css', styleUrl: './author.css',
}) })
export class Author { export class Author {

View File

@@ -1,13 +1,13 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>LibraryFrontend</title> <title>LibraryFrontend</title>
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>