feat(component): priority-nav added

src/app/app-routing.module.ts

@@ -32,6 +32,7 @@ import { DocStepbarComponent } from './docs/stepbar.component';
 import { DocCollapseComponent } from './docs/collapse.component';
 import { DocDatepickerComponent } from './docs/datepicker.component';
 import { DocProgressBarComponent } from './docs/progress-bar.component';
+import { DocPriorityNavComponent } from './docs/priority-nav.component';
 import { DocNavbarComponent } from './docs/navbar.component';
 import { DocONavbarComponent } from './docs/o-navbar.component';
 import { DocOScrollTopComponent } from './docs/o-scroll-top.component';
@@ -168,6 +169,10 @@ const routes: Routes = [{
     path: 'documentation/progress',
     component: DocProgressBarComponent
   },
+  {
+    path: 'documentation/priority-nav',
+    component: DocPriorityNavComponent
+  },
   {
     path: 'documentation/navbar',
     component: DocNavbarComponent

src/app/app.module.ts

@@ -35,6 +35,7 @@ import { DemoCarouselComponent } from './demos/carousel.component';
 import { DemoOCalendarComponent } from './demos/o-calendar.component';
 import { DemoCollapseComponent } from './demos/collapse.component';
 import { DemoDatepickerComponent } from './demos/datepicker.component';
+import { DemoPriorityNavComponent } from './demos/priority-nav.component';
 import { DemoProgressBarComponent } from './demos/progress-bar.component';
 import { DemoDropdownComponent } from './demos/dropdown.component';
 import { DemoOSwitchComponent } from './demos/o-switch.component';
@@ -78,6 +79,7 @@ import { DocStepbarComponent } from './docs/stepbar.component';
 import { DocCollapseComponent } from './docs/collapse.component';
 import { DocDatepickerComponent } from './docs/datepicker.component';
 import { DocProgressBarComponent } from './docs/progress-bar.component';
+import { DocPriorityNavComponent } from './docs/priority-nav.component';
 import { DocNavbarComponent } from './docs/navbar.component';
 import { DocONavbarComponent } from './docs/o-navbar.component';
 import { DocScrollUpComponent } from './docs/scroll-up.component';
@@ -123,6 +125,7 @@ import { ScrollTopModule } from 'ng-boosted';
     DemoOToggleComponent,
     DemoPaginationComponent,
     DemoPopoverComponent,
+    DemoPriorityNavComponent,
     DemoProgressBarComponent,
     DemoRatingComponent,
     DemoScrollspyComponent,
@@ -166,6 +169,7 @@ import { ScrollTopModule } from 'ng-boosted';
     DocScrollspyComponent,
     DocStepbarComponent,
     DocProgressBarComponent,
+    DocPriorityNavComponent,
     DocNavbarComponent,
     DocONavbarComponent,
     DocOScrollTopComponent,

src/app/boostwatch/boostwatch.component.spec.ts

@@ -31,6 +31,7 @@ import { DemoOCalendarComponent } from '../demos/o-calendar.component';
 import { DemoCollapseComponent } from '../demos/collapse.component';
 import { DemoDatepickerComponent } from '../demos/datepicker.component';
 import { DemoProgressBarComponent } from '../demos/progress-bar.component';
+import { DemoPriorityNavComponent } from '../demos/priority-nav.component';
 import { DemoDropdownComponent } from '../demos/dropdown.component';
 import { DemoOSwitchComponent } from '../demos/o-switch.component';
 import { DemoOToggleComponent } from '../demos/o-toggle.component';
@@ -80,6 +81,7 @@ import { DocSpinnerComponent } from '../docs/spinner.component';
 import { DocScrollspyComponent } from '../docs/scrollspy.component';
 import { DocStepbarComponent } from '../docs/stepbar.component';
 import { DocProgressBarComponent } from '../docs/progress-bar.component';
+import { DocPriorityNavComponent } from '../docs/priority-nav.component';
 import { DocONavbarComponent } from '../docs/o-navbar.component';
 import { DocScrollUpComponent } from '../docs/scroll-up.component';
 import { DocOScrollTopComponent } from '../docs/o-scroll-top.component';
@@ -129,6 +131,7 @@ describe('BoostwatchComponent', () => {
         DemoOToggleComponent,
         DemoPaginationComponent,
         DemoPopoverComponent,
+        DemoPriorityNavComponent,
         DemoProgressBarComponent,
         DemoRatingComponent,
         DemoScrollspyComponent,
@@ -178,6 +181,7 @@ describe('BoostwatchComponent', () => {
         DocScrollspyComponent,
         DocStepbarComponent,
         DocProgressBarComponent,
+        DocPriorityNavComponent,
         DocONavbarComponent,
         DocOScrollTopComponent,
         DocScrollUpComponent,

src/app/demos/priority-nav.component.html

@@ -0,0 +1,12 @@
+<nav id="o-nav-local" role="navigation" class="o-nav-local navbar-light">
+    <ul class="container nav">
+        <li class="nav-item"><a class="nav-link active" aria-current="page" href="#">Home</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Introduction</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Usage</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">References</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Shopping</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Organisation</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Worldwilde</a></li>
+        <li class="nav-item"><a class="nav-link" href="#">Contact Us</a></li>
+    </ul>
+</nav>

src/app/demos/priority-nav.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+declare var $: any;
+
+@Component ({
+    selector: 'demo-priority-nav',
+    templateUrl: './priority-nav.component.html'
+})
+export class DemoPriorityNavComponent implements OnInit  {
+    ngOnInit(){
+        $('.o-nav-local').prioritynav();
+    }
+}

src/app/docs-menu/docs-menu.component.html

@@ -27,6 +27,7 @@
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/pagination">Pagination</a></li>
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/popover">Popover</a></li>
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/progress">Progressbar</a></li>
+                        <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/priority-nav">priority-nav</a></li>
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/rating">Rating</a></li>
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/scrollspy">Scrollspy</a></li>
                         <li class="nav-item"><a class="nav-link py-md-2 px-md-0" routerLinkActive="active" routerLink="/documentation/scroll-up">Scroll Up</a></li>

src/app/docs/priority-nav.component.md

@@ -0,0 +1 @@
+information

src/app/docs/priority-nav.component.ts

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'doc-priority-nav',
+  template: `
+    <docs-wrapper component="Priority Nav">
+    <p class="mt-4">Check the <a target="_blank" rel="noopener noreferrer"
+    href="https://boosted.orange.com/docs/4.5/components/priority-nav">boosted's original component documentation</a>.</p>
+      <h3>Demo</h3>
+      <div [innerHtml]=docContent></div>
+      <demo-priority-nav></demo-priority-nav>
+      <code-box [snippets]="demoSnippets"></code-box>
+    </docs-wrapper>
+  `
+})
+export class DocPriorityNavComponent {
+    public docContent = require('html-loader!markdown-loader!./priority-nav.component.md');
+    public demoSnippets = {
+        markup: require('!!prismjs-loader?lang=html!../demos/priority-nav.component.html'),
+        typescript: require('!!prismjs-loader?lang=typescript!../demos/priority-nav.component.ts')
+    };
+}