florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Add side menu for header.

Browse Source
This commit is contained in:
Florian THIERRY
2024-04-22 15:57:22 +02:00
parent fae709a254
commit 7f5d52dce5
11 changed files with 218 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/app/components/side-menu/side-menu.component.html
View File

@@ -1,15 +1,14 @@
<h1>Codiki</h1>
<h2>Catégories</h2>
<div class="categories-container">
<div class="category {{category.isOpenned ? 'openned' : ''}}" *ngFor="let category of categories$ | async">
<div id="category-{{category.id}}" class="category-header" (click)="setOpenned(category)">
{{category.name}}
<mat-icon>chevron_right</mat-icon>
</div>
<div class="sub-category-container {{category.isOpenned ? 'displayed' : ''}}">
<div class="sub-category" *ngFor="let subCategory of category.subCategories">
{{subCategory.name}}
</div>
</div>
</div>
<div class="menu {{ isOpenned ? 'displayed' : '' }}">
<h1>
<span>
<img src="assets/images/codiki.png" alt="logo"/>
Codiki
</span>
<button type="button" (click)="close()" matTooltip="Close the menu">
<mat-icon>close</mat-icon>
</button>
</h1>
<h2>Catégories</h2>
<app-categories-menu></app-categories-menu>
</div>
<div class="overlay {{ isOpenned ? 'displayed' : ''}}" (click)="close()"></div>