26 lines
1.2 KiB
HTML
26 lines
1.2 KiB
HTML
<md-toolbar color="primary" class="app-toolbar">
|
|
<button *ngIf="isHamburgerVisible" class="hamburger" md-button (click)="sidenav.toggle()"><md-icon>menu</md-icon></button>
|
|
<aio-top-menu *ngIf="isSideBySide" [nodes]="(navigationViews | async)?.TopBar"></aio-top-menu>
|
|
<md-input-container >
|
|
<input mdInput placeholder="Search" (keyup)="onSearch($event.target.value)">
|
|
</md-input-container>
|
|
<span class="fill-remaining-space"></span>
|
|
</md-toolbar>
|
|
|
|
<md-sidenav-container class="sidenav-container" (window:resize)="onResize($event.target.innerWidth)">
|
|
|
|
<md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
|
|
<aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar"></aio-top-menu>
|
|
<aio-nav-menu [nodes]="(navigationViews | async)?.SideNav" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
|
|
</md-sidenav>
|
|
|
|
<section class="sidenav-content">
|
|
<div class="search-results">
|
|
<div *ngFor="let result of (searchResults | async)?.results">
|
|
<a href="{{ result.path }}">{{ result.title }}</a>
|
|
</div>
|
|
</div>
|
|
<aio-doc-viewer [doc]="currentDocument | async"></aio-doc-viewer>
|
|
</section>
|
|
|
|
</md-sidenav-container> |