Skip to content

Commit

Permalink
design
Browse files Browse the repository at this point in the history
  • Loading branch information
@AndyAndrianjatovo
AndyAndrianjatovo committed Aug 3, 2022
1 parent b06a157 commit 018a47e
Show file tree
Hide file tree
Showing 20 changed files with 519 additions and 155 deletions.
5 changes: 5 additions & 0 deletions src/app/app-routing.module.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CreateCentreComponent } from './centre/create-centre/create-centre.component';
import { ListeCentreComponent } from './centre/liste-centre/liste-centre.component';
import { CreateLieuComponent } from './lieu/create-lieu/create-lieu.component';
import { DetailLieuComponent } from './lieu/detail-lieu/detail-lieu.component';
import { CreateComponent } from './personne/create/create.component';
Expand Down Expand Up @@ -39,6 +40,10 @@ const routes: Routes = [
path: 'doctor',
component: CreateCentreComponent,
},
{
path: 'centre',
component: ListeCentreComponent,
}
];

@NgModule({
Expand Down
238 changes: 227 additions & 11 deletions src/app/app.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<mat-toolbar class="navbar mat-elevation-z8">
<!-- <mat-toolbar class="navbar mat-elevation-z8">
<mat-toolbar-row>
<span>Novid 19</span>
<span class="space"></span>
Expand Down Expand Up @@ -49,23 +49,239 @@
<router-outlet></router-outlet>
</div>
</div>
</div>
<!-- <main class="main">
</div> -->
<main class="main">
<div class="sideNav">
<div class="logoPart">
<div class="logoDiv">
<span id="logoSpan"></span>
<span id="logoSpan">
<a routerLink="/"> <img src="assets/img/icon/novid.png" alt="" /></a>
</span>
</div>
</div>
<ul class="linkPart">
<li><a href="">Home</a></li>
<li><a href="">Dashboard</a></li>
<li><a href="">Projects</a></li>
<li>
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/stats-chart-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Tableaux de bord</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/tdb']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Statistiques</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
</li>
<li>
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/flask-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Tests</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/test']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Ajout</span>
</a>
</li>
<li>
<a
[routerLink]="['/listeTest']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Liste</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
</li>
<li>
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/shield-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Vaccins</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/vaccine']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Ajout</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
</li>
<li>
<!-- <div class="link"> -->
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/trail-sign-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Lieux partenaires</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/place']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Ajout</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
<!-- </div> -->
</li>
<li>
<!-- <div class="link"> -->
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/medkit-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Centres</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/doctor']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Ajout</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
<!-- </div> -->
</li>
<li>
<!-- <div class="link"> -->
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenState = true"
(closed)="panelOpenState = false"
>
<mat-expansion-panel-header>
<mat-panel-title>
<div class="link">
<div class="leftLink">
<img
src="assets/img/icon/people-outline.svg"
alt=""
class="icon"
/>
<span class="linkText">Personnes</span>
</div>
</div>
</mat-panel-title>
</mat-expansion-panel-header>
<ul class="linkPanel">
<li>
<a
[routerLink]="['/person']"
routerLinkActive="active"
queryParamsHandling="merge"
>
<span id="tdb" class="link">Ajout</span>
</a>
</li>
</ul>
</mat-expansion-panel>
</mat-accordion>
<!-- </div> -->
</li>
</ul>
</div>
<div class="content">
<h1>Hello</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
quidem!</p>
<router-outlet></router-outlet>
</div>
</main> -->
</main>
Loading

0 comments on commit 018a47e

Please sign in to comment.