784347f61f
When more than one node matches a url, the last node defined in the navigation.json file won. This meant that, for instance, items in both the TopBarNarrow and the Footer views would not indicate that they were active. Now, each url is associated with a map of current nodes keyed off their view. Closes #17022
47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
<div id="top-of-page"></div>
|
|
|
|
<div *ngIf="isFetching" class="progress-bar-container">
|
|
<md-progress-bar mode="indeterminate" color="warn"></md-progress-bar>
|
|
</div>
|
|
|
|
<md-toolbar color="primary" class="app-toolbar">
|
|
<button class="hamburger" md-button
|
|
(click)="sidenav.toggle()" title="Docs menu">
|
|
<md-icon [ngClass]="{'sidenav-open': !isSideBySide }" svgIcon="menu"></md-icon>
|
|
</button>
|
|
<a class="nav-link home" href="/"><img src="{{ homeImageUrl }}" title="Home" alt="Home"></a>
|
|
<aio-top-menu *ngIf="isSideBySide" [nodes]="topMenuNodes"></aio-top-menu>
|
|
<aio-search-box class="search-container" #searchBox (search)="doSearch($event)"></aio-search-box>
|
|
<span class="fill-remaining-space"></span>
|
|
</md-toolbar>
|
|
<aio-search-results #searchResults *ngIf="showSearchResults" (resultSelected)="hideSearchResults()"></aio-search-results>
|
|
|
|
<md-sidenav-container class="sidenav-container" [class.starting]="isStarting" role="main">
|
|
|
|
<md-sidenav [ngClass]="{'collapsed': !isSideBySide }" #sidenav class="sidenav" [opened]="isOpened" [mode]="mode" (open)="updateHostClasses()" (close)="updateHostClasses()">
|
|
<aio-nav-menu *ngIf="!isSideBySide" [nodes]="topMenuNarrowNodes" [currentNode]="currentNodes?.TopBarNarrow"></aio-nav-menu>
|
|
<aio-nav-menu [nodes]="sideNavNodes" [currentNode]="currentNodes?.SideNav" ></aio-nav-menu>
|
|
|
|
<div class="doc-version" title="Angular docs version {{currentDocVersion?.title}}">
|
|
<select (change)="onDocVersionChange($event.target.selectedIndex)">
|
|
<option *ngFor="let version of docVersions" [value]="version.title">{{version.title}}</option>
|
|
</select>
|
|
</div>
|
|
</md-sidenav>
|
|
|
|
<section class="sidenav-content" [id]="pageId" role="content">
|
|
<aio-doc-viewer [doc]="currentDocument" (docRendered)="onDocRendered()"></aio-doc-viewer>
|
|
<aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
|
|
</section>
|
|
|
|
</md-sidenav-container>
|
|
|
|
<div *ngIf="showFloatingToc" class="toc-container" [style.max-height.px]="tocMaxHeight">
|
|
<aio-toc></aio-toc>
|
|
</div>
|
|
|
|
<footer>
|
|
<aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
|
|
</footer>
|
|
|