<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
    <header class="nav-header" ss-style-color="{'background-color': 'primary.default'}">
        <md-toolbar class="md-theme-indigo">
            <h1 class="md-toolbar-tools"><a ui-sref="home">{{ 'common.appName' | translate }}</a></h1>
        </md-toolbar>
    </header>
    <div flex ng-controller="SideBarController">
        <md-content flex role="navigation" ss-style-color="{'background-color': 'primary.default'}" class="md-content-nav">
            <ss-sidenav flex menu="menu"></ss-sidenav>
        </md-content>
    </div>
</md-sidenav>