Add navigation buttons to navigation bar

[Mokkapps]

Hi,

thanks for this component it looks really helpful and I want to use it in a project.

I have just one question:

Is it possible to add navigation buttons to the navigation bar without forking this repository?

I would like to have a previous and next button (e.g. arrow icons) to the left & right side of the navigation bar.

Additionally it would be nice to have the step icons clickable

Thanks in advance!

[Mokkapps]

Finally, I decided to use Angular Material CdkStepper as I am totally flexible there.

But anyways, your component is nice!

[madoar]

What you want is currently not possible with angular-archwizard, because the navigation bar is set to use 100% of the width of its parent.
This sounds like a good enhancement.

[madoar]

A possible way to implement this would be to provide two directives awBeforeNavigationBar and awAfterNavigationBar which are injected via their templateRef before and after the navigation bar. This would be a similar solution to the way we currently handle the step titles and the step navigation symbols with awWizardStepSymbol and awWizardStepTitle.

A challenge with this approach i that I think we would need to inject the templateRefs somewhere inside the navigation bar to ensure that the design does not break. More specific we would need to ensure that the single line layout for the horizontal layout and sticky properties for awBeforeNavigationBar and awAfterNavigationBar for the vertical layout are retained.

@earshinov what do you think about this? Do you think this is feasible?

[earshinov]

@madoar , I think your proposition is fine, but I would rather wait for another feature request or pull request. I don't think this feature will have many users.

[madoar]

I guess you are right