56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import { Component } from '@angular/core';
|
|
// import UIkit from 'uikit';
|
|
// import Icons from 'uikit/dist/js/uikit-icons';
|
|
|
|
|
|
import 'rxjs/Rx';
|
|
@Component({
|
|
selector: 'app',
|
|
template: `
|
|
<div>
|
|
<nav class="navbar navbar-default" id="top">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#">OpenAire</a>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav">
|
|
<li><a routerLinkActive="active" routerLink="/claims">Claims Admin</a></li>
|
|
|
|
</ul>
|
|
|
|
</div><!-- /.navbar-collapse -->
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
|
|
<main>
|
|
<router-outlet></router-outlet>
|
|
</main>
|
|
|
|
</div>`
|
|
|
|
})
|
|
export class App {
|
|
|
|
constructor() {
|
|
// loads the Icon plugin
|
|
if(typeof document !== undefined) {
|
|
|
|
// UIkit.use(Icons);
|
|
//
|
|
// // components can be called from the imported UIkit reference
|
|
// UIkit.notification('Hello world.');
|
|
}
|
|
}
|
|
|
|
}
|