<!-- START HEADER -->
<div id="templateHeader"
     ng-class="{'transparent': is('app.maps.vector') || is('app.maps.google'), 'has-submenu': menus.length > 0 && showSidebarMenu === true}">
    <!-- START MOBILE CONTROLS -->
    <!-- LEFT SIDE -->
    <div class="pull-left full-height visible-sm visible-xs">
        <!-- START ACTION BAR -->
        <div class="sm-action-bar">
            <a href="" class="btn-link toggle-sidebar" data-toggle="sidebar">
                <span class="glyphicon glyphicon-menu-hamburger"></span>
            </a>
        </div>
        <!-- END ACTION BAR -->
    </div>
    <!-- END MOBILE CONTROLS -->

    <div class="pull-left hidden-sm hidden-xs">
        <a ui-sref="dashboard.dashboard" class="no-decoration">
            <img src="home/img/logo_<%= ecosysName %>.png" height="60px"/>
        </a>
    </div>

    <div class="pull-right">
        <!-- START User Info-->
        <div class="visible-lg visible-md" style="height:60px;line-height: 60px;">
            <!--user info menu-->
            <div ng-include src=" 'pages/tpl/blocks/user-info-menu.html' " include-replace></div>
            <div class="pull-right" ng-include src=" 'pages/tpl/blocks/notification.html'"
                 include-replace></div>

        </div>
        <div class="sm-action-bar visible-sm visible-xs">
            <!--user info menu-->
            <!---->
            <div ng-include src=" 'pages/tpl/blocks/notification.html' " include-replace></div>
            <div ng-include src=" 'pages/tpl/blocks/user-info-menu.html' " include-replace></div>
        </div>
        <!-- END User Info-->
    </div>
    <div ng-include src="'helpPanel/help-panel.html'"></div>
</div>
<!-- END HEADER -->
