cavallium-website/src/app/gui/navbar/navbar.component.html

24 lines
1.2 KiB
HTML

<div class="shadow-container" [class.sticked]="stickedOnTop" [class.overflow]="overflowLogo" [class.overflow-max]="overflowMax">
<a #navlogo class="header-logo" routerLink="/" [class.visible]="stickedOnTop" [class.overflow]="overflowLogo"><strong>Cavallium.it</strong></a>
<nav class="header-nav" #navbuttons [class.overflow]="overflowLogo" [class.overflow-max]="overflowMax">
<ul>
<li *ngFor="let link of navigationLinks">
<a *ngIf="link.external === true"
[href]="link.address"
[target]="link.newtab === undefined || link.newtab === true ? '_blank' : '_self'"
rel="noopener"
[class.forcefocus] = "(currentDocument.onDocumentChange() | async)?.id == link.address"
><span>{{link.text}}</span></a>
<a
*ngIf="link.external !== true"
[routerLink]="link.address"
[target]="link.newtab === true ? '_blank' : '_self'"
rel="noopener"
[class.force-focus] = "'/article/' + (currentDocument.onDocumentChange() | async)?.id == link.address"
><span>{{link.text}}</span></a>
</li>
</ul>
</nav>
<div class="header-logo-space" [class.overflow]="overflowLogo"></div>
<div class="overflow-max-indicator" [class.visible]="overflowMax">&gt;</div>
</div>