2020-01-07 15:33:56 +00:00
|
|
|
<div class="app fullscreen" (click)="handleClick($event)" [ngClass]="{'fullscreen' :(fullScreen|async)}">
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
|
|
|
|
<a class="navbar-brand" [routerLink]="['/']">Farm Maps <span *ngIf="routeLoading|async"><i class="fa fa-spinner fa-spin"></i></span></a>
|
|
|
|
|
<ul class="navbar-nav">
|
|
|
|
|
<li class="nav-item py-0"><a [routerLinkActive]="['active']" [routerLink]="['/map']" class="nav-link"><span><i class="fa fa-globe" aria-hidden="true"></i> Map</span></a></li>
|
|
|
|
|
<li class="nav-item py-0"><a [routerLinkActive]="['active']" [routerLink]="['/explorer']" class="nav-link"><span><i class="fa fa-folder" aria-hidden="true"></i> Explorer</span></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<router-outlet name="menu"></router-outlet>
|
|
|
|
|
</nav>
|
|
|
|
|
<div class="body">
|
|
|
|
|
<router-outlet></router-outlet>
|
|
|
|
|
</div>
|
|
|
|
|
<fm-side-panel [visible]="menuVisible|async" class="menu">
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="body">
|
|
|
|
|
<div class="d-flex flex-row">
|
|
|
|
|
<div class="mt-2 mb-2 flex-grow-1 logo"><router-outlet name="side-panel-logo"></router-outlet></div>
|
|
|
|
|
<div class="mt-2 mb-2 ml-2"><button type="button" class="btn btn-outline-secondary" (click)="handleToggleMenu($event)"><i class="fa fa-times" aria-hidden="true"></i></button></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex flex-column cards">
|
|
|
|
|
<router-outlet name="side-panel-menu"></router-outlet>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</fm-side-panel>
|
|
|
|
|
<fm-resumable-file-upload></fm-resumable-file-upload>
|
|
|
|
|
</div>
|
