src/app/navigation-bar/navigation-bar.component.ts
The navigation bar
| selector | app-navigation-bar |
| styleUrls | navigation-bar.component.css |
| templateUrl | ./navigation-bar.component.html |
Properties |
Methods |
constructor()
|
|
Create a navigation bar |
| ngOnInit |
ngOnInit()
|
|
Todo on init
Returns :
void
|
import { Component, OnInit } from '@angular/core';
/**
* The navigation bar
*/
@Component({
selector: 'app-navigation-bar',
templateUrl: './navigation-bar.component.html',
styleUrls: ['./navigation-bar.component.css']
})
export class NavigationBarComponent implements OnInit {
/**
* Addons for the game
*/
Addons = [
{
text: 'Arc DPS',
ref: 'https://www.deltaconnected.com/arcdps/',
target: 'Arc'
},
{
text: 'Parseur arc dps',
ref: 'https://github.com/baaron4/GW2-Elite-Insights-Parser',
target: 'Parseur'
},
{
text: 'Parseur auto',
ref: 'https://github.com/M4xZ3r0/GW2RaidTool',
target: 'RaidTool'
},
{
text: 'Plugin',
ref: 'http://martionlabs.com/arcdps-mechanics-log-plugin/',
target: 'RaidPlg'
},
{
text: 'TacO',
ref: 'http://gw2taco.blogspot.fr/',
target: 'TacO'
}
];
/**
* Build ressources
*/
Builds = [
{
text: 'Metabattle',
ref: 'http://metabattle.com/wiki/MetaBattle_Wiki',
target: 'Metabattle'
},
{
text: 'qT',
ref: 'http://qtfy.eu/',
target: 'qT'
},
{
text: 'SC',
ref: 'https://snowcrows.com/',
target: 'SC'
},
{
text: 'LN',
ref: 'https://lucky-noobs.com/',
target: 'LN'
},
{
text: 'Ez',
ref: 'http://ez.gw2discord.eu/builds.html',
target: 'Ez'
}
];
/**
* Strategies ressources
*/
Strats = [
{
text: 'TCI',
ref: 'https://discord.gg/nZg52r3',
target: 'TCI'
},
{
text: 'Wiki officiel',
ref: 'https://wiki.guildwars2.com/wiki/Raid',
target: 'Wiki'
},
{
text: 'Dulfy',
ref: 'http://dulfy.net/category/gw2/raid-guides/',
target: 'Dulfy'
},
{
text: 'LBM',
ref: 'http://www.lebusmagique.fr/pages/gw2-hearth-of-thorns/les-raids/',
target: 'LBM'
},
{
text: 'dT',
ref: 'http://discretize.eu/',
target: 'dT'
}
];
/**
* Other stuff
*/
Divers = [
{
text: 'ID des buffs',
ref: 'https://wiki.guildwars2.com/wiki/User:Frvwfr2/buffids',
target: 'ID'
},
{
text: 'Gw2 Raidar',
ref: 'https://www.gw2raidar.com/info-help',
target: 'Raidar'
},
{
text: 'Gw2 Armory',
ref: 'https://gw2armory.com',
target: 'Armory'
},
{
text: 'Law Lulles',
ref: 'https://oopsy.enjin.com/forum/m/41271713/viewthread/28848825-law-lulles-advanced-worldcompletion-guide',
target: 'Law Lulles'
}
];
/**
* Create a navigation bar
*/
constructor() { }
/**
* Todo on init
*/
ngOnInit() {
}
}
<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; bottom: #transparent-sticky-navbar" class="avoid-click">
<nav class="uk-navbar-container uk-dark my-navbar" uk-navbar>
<div class="uk-navbar-center accept-click">
<ul class="uk-navbar-nav">
<li>
<a class="my-title-nav uk-text-large uk-text-bold" href="#">Navigation</a>
<div class="uk-navbar-dropdown my-navbar-dropdown">
<div class="uk-navbar-dropdown-grid" uk-grid>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li>
<a routerLink="/main">Les Boss</a>
</li>
<li>
<a routerLink="/db">Les Builds</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a class="my-title-nav uk-text-large uk-text-bold" href="https://framadate.org/TOaODOIfn3cRoSba" target="calendar">Inscription</a>
</li>
<li>
<a class="my-title-nav uk-text-large uk-text-bold" href="https://www.gw2raidar.com/info-help" target="Logs">Raidar Logs</a>
</li>
<li>
<a class="my-title-nav uk-text-large uk-text-bold" href="#">Les Archives</a>
<div class="uk-navbar-dropdown my-navbar-dropdown">
<div class="uk-navbar-dropdown-grid" uk-grid>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li>
<a href="logs/ressources.zip" download>Archives</a>
</li>
<li>
<a href="logs/ressources2.zip" download>Archives 2</a>
</li>
<li>
<a href="logs/ressources3.zip" download>Archives 3</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a class="my-title-nav uk-text-large uk-text-bold" href="#">Liens Utiles</a>
<div class="uk-navbar-dropdown my-navbar-dropdown uk-navbar-dropdown-width-2">
<div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-nav-header uk-text-bold">Addons</li>
<li *ngFor="let addon of Addons">
<a href={{addon.ref}} target={{addon.target}}> {{addon.text}}</a>
</li>
</ul>
</div>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-nav-header uk-text-bold">Builds</li>
<li *ngFor="let build of Builds">
<a href={{build.ref}} target={{build.target}}> {{build.text}}</a>
</li>
</ul>
</div>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-nav-header uk-text-bold">Strats</li>
<li *ngFor="let strat of Strats">
<a href={{strat.ref}} target={{strat.target}}> {{strat.text}}</a>
</li>
</ul>
</div>
<div>
<ul class="uk-nav uk-navbar-dropdown-nav">
<li class="uk-nav-header uk-text-bold">Divers</li>
<li *ngFor="let diver of Divers">
<a href={{diver.ref}} target={{diver.target}}> {{diver.text}}</a>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>
</div>