sanchezvem/library-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated

Browse Source
This commit is contained in:
sanchezvem
2025-11-08 15:22:22 +01:00
parent 07e49b327b
commit b7066bb675
5 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

29
src/app/app.html
View File

@@ -9,24 +9,39 @@
<div class="sidebar-logo">
<a href="https://ng.ant.design/" target="_blank">
<img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
<h1>Ant Design of Angular</h1>
<h1>My Library</h1>
</a>
</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>
<a routerLink="/welcome">Welcome</a>
<a routerLink="/welcome">
<nz-icon nzType="home"></nz-icon>
<span>Welcome</span>
</a>
</li>
<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 nz-menu-item nzMatchRouter>
<a routerLink="/author">Author</a>
<a routerLink="/author">
<nz-icon nzType="user"></nz-icon>
<span>Author</span>
</a>
</li>
<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 nz-menu-item nzMatchRouter>
<a routerLink="/user">User</a>
<a routerLink="/user">
<nz-icon nzType="team"></nz-icon>
<span>User</span>
</a>
</li>
</ul>
</nz-sider>

2
src/app/app.routes.ts
View File

@@ -6,5 +6,5 @@ export const routes: 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: '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)}
];

10
src/app/pages/author/author.ts
View File

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

12
src/index.html
View File

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