wiesels-navbar

angular, angular-ui-router based responsive navbar

Install

    npm install wiesels-navbar --save

link it to index.html

    <link type="text/css" href="wiesels-navbar.css"/>
    <script src="wiesels-navbar.min.js" type="text/javascript"></script>

and to angular

    var main = angular.module("yourmainmodule", [
        ... // your submodules
        "wiesels.navbar"
    ]);

Use

In your controller inject the NavbarService and create a navbar object

    scope.navbar = NavbarService.create();

    scope.navabr.setButton(
        scope.navbar.createButton(
            {
                route : "home.navList"
            }
        )
    );

    scope.navbar.set(
        [
            {
                label : "home",
                css : "fa fa-home",
                route : "home.description",
                visibility : {}
            },
            {
                label : "sndSite",
                css : "fa fa-phone",
                route : "home.sndSite",
                visibility : {}
            }
        ]
    );

in your view

    <nav class="navbar navbar-default navbar-fixed-top" wiesels-navbar="vm.navbar">
    <div class="container" ui-view></div>