- Added a field "navBarLocation" to the wizard, that contains the location of the navBar. The location can be either top or bottom

Author: madoar

src/components/components/wizard.component.html

@@ -1,7 +1,9 @@
 <div class="wizard-centered">
-  <wizard-navigation-bar></wizard-navigation-bar>
+  <wizard-navigation-bar *ngIf="navBarLocation == 'top'"></wizard-navigation-bar>
 
   <div class="steps">
     <ng-content></ng-content>
   </div>
+
+  <wizard-navigation-bar *ngIf="navBarLocation == 'bottom'"></wizard-navigation-bar>
 </div>

src/components/components/wizard.component.ts

@@ -1,4 +1,4 @@
-import {Component, ContentChildren, QueryList, AfterContentInit} from "@angular/core";
+import {Component, ContentChildren, QueryList, AfterContentInit, Input} from "@angular/core";
 import {WizardStepComponent} from "./wizard-step.component";
 import {isNumber} from "util";
 import {MovingDirection} from "../util/MovingDirection";
@@ -15,6 +15,9 @@ export class WizardComponent implements AfterContentInit {
   @ContentChildren(WizardStepComponent)
   public wizardSteps: QueryList<WizardStepComponent>;
 
+  @Input()
+  public navBarLocation = "top";
+
   /**
    * The index of the currently visible and selected step inside the wizardSteps QueryList.
    * If this wizard contains no steps, currentStepIndex is -1