A header navigation bar with a branding on the left and the common menus on the right. You can customize what comes in the center with ng-transclude.
<div cam-widget-header brand-name="Cammunda Commons UI"></div>
<div cam-widget-header brand-name="Cammunda Commons UI"> <ul> <li> <a href>Awesome</a> </li> <li class="active"> <a href>Sweet</a> </li> <li> <a href>Marvellous</a> </li> </ul> </div>
<div cam-widget-header authentication="auth" brand-name="Cammunda Commons UI" current-app="{{ ctrlCurrentApp }}"> You are on `{{ ctrlCurrentApp }}` app. </div>
<div cam-widget-header authentication="auth" my-profile="Your profile" sign-out="Log out" user-name="fullName" brand-name="Camunda Commons UI" current-app="{{ ctrlCurrentApp }}"> <ul> <li> <a href>Awesome</a> </li> <li class="active"> <a href>Sweet</a> </li> <li><!-- as in cockpit --> <view> <a href>Marvellous</a> </view> </li> </ul> </div> <div class="row"> <div class="col-xs-12"> testAuthenticatedController scope.ctrlCurrentApp: `{{ ctrlCurrentApp }}`<br /> testAuthenticatedController scope.auth.authorizedApps: `{{ auth.authorizedApps }}` </div> </div>
<div cam-widget-header authentication="auth" my-profile="Your profile" sign-out="Log out" user-name="fullName" brand-name="Cammunda Commons UI" current-app="welcome"> </div>
<div cam-widget-header authentication="auth" my-profile="Your profile" sign-out="Log out" user-name="fullName" brand-name="Cammunda Commons UI" current-app="tasklist"> </div>
<div cam-widget-header authentication="auth" my-profile="Your profile" sign-out="Log out" user-name="fullName" brand-name="Cammunda Commons UI" current-app="admin"> </div>