diff options
Diffstat (limited to 'gae/frontend/src/app/app.component.html')
-rw-r--r-- | gae/frontend/src/app/app.component.html | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/gae/frontend/src/app/app.component.html b/gae/frontend/src/app/app.component.html index a4df15a..8f21391 100644 --- a/gae/frontend/src/app/app.component.html +++ b/gae/frontend/src/app/app.component.html @@ -17,4 +17,19 @@ <app-nav-bar id="nav-bar"></app-nav-bar> </div> </header> -<router-outlet id="router-outlet"></router-outlet> +<mat-sidenav-container> + <mat-sidenav-content> + <router-outlet id="router-outlet"></router-outlet> + </mat-sidenav-content> + <mat-sidenav #sidenav mode="over" position="end" [(opened)]="sideNavOpened"> + <button mat-button (click)="sidenav.toggle()"> + <mat-icon>clear</mat-icon> + </button> + <mat-list> + <mat-list-item *ngFor="let property of selectedEntity"> + <h4 id="property-name" mat-line>{{property.name}}</h4> + <p id="property-value" mat-line *ngFor="let each of property.value">{{each}}</p> + </mat-list-item> + </mat-list> + </mat-sidenav> +</mat-sidenav-container> |