html.html

<div class="side-menu__active-page">
    <a href="" ng-bind="nowProjectItemText()"></a>
    <div class="side-menu__active-page-button"></div>
    <ul class="side-menu__active-page-sub-menu">
        <li class="side-menu__active-page-sub-menu-item"
            ng-click="changeProject('person')">
            <a href="" ng-bind="i18n.global.project['person']"></a>
        </li>
        <li class="side-menu__active-page-sub-menu-item"
            ng-repeat="(key, value) in user.roles"
            ng-click="changeProject(value)"
            ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[nowProjectItemText == true]"
        >
            <a href="" ng-bind="projectItemText(value)"></a>
        </li>
    </ul>
</div>



<ul class="side-menu__page-menu">
    <li class="side-menu__page-menu-item" ng-class="{true: 'active', false: ''}[currentPage == 'dashboard']">
        <a href="#/" ng-bind="i18n.menu.dashboard"></a>
    </li>
    <li class="side-menu__page-menu-item" ng-class="{true: 'sub_menu', false: ''}[showMenuCalatogs==true]">
        <a href="" ng-click="showMenuCalatogs = !showMenuCalatogs">
            <span ng-bind="i18n.menu.catalogs"></span>
            <div class="sub_menu side-menu__active-page-button"><img src="/images/cross_menu_dark.png"></div>
        </a>

        <ul class="side-menu__page-sub-menu">
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'person' || currentPage == 'persons']"
                ng-show="canRead('person')">
                <a href="#/persons" ng-bind="i18n.menu.persons"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'colleague' || currentPage == 'colleagues']"
                ng-show="canRead('colleague')">
                <a href="#/colleagues" ng-bind="i18n.menu.colleagues"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'park' || currentPage == 'parks']"
                ng-show="canRead('park')">
                <a href="#/parks" ng-bind="i18n.menu.parks"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'car' || currentPage == 'cars']"
                ng-show="canRead('car')">
                <a href="#/cars" ng-bind="i18n.menu.cars"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'driver' || currentPage == 'drivers']"
                ng-show="canRead('driver')">
                <a href="#/drivers" ng-bind="i18n.menu.drivers"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'cards' || currentPage == 'card']"
                ng-show="canRead('card')">
                <a href="#/cards" ng-bind="i18n.menu.cards"></a>
            </li>
        </ul>
    </li>
    <li class="side-menu__page-menu-item" ng-class="{true: 'sub_menu', false: ''}[showMenuList==true]">
        <a href="" ng-click="showMenuList = !showMenuList">
            <span ng-bind="i18n.menu.list"></span>
            <div class="sub_menu side-menu__active-page-button"><img src="/images/cross_menu_dark.png"></div>
        </a>
        <ul class="side-menu__page-sub-menu">
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'card_operations']"
                ng-show="canRead('card_operation')">
                <a class="" href="#/card/operation/list" ng-bind="i18n.menu.card_operations"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'cities' || currentPage == 'city']"
                ng-show="canRead('city')">
                <a href="#/cities" ng-bind="i18n.menu.cities"></a>
            </li>
            <li class="side-menu__page-sub-menu-item"
                ng-class="{true: 'side-menu__page-menu-item_active-link', false: 'side-menu__page-menu-item'}[currentPage == 'orders']"
                ng-show="canRead('orders')">
                <a href="#/orders" ng-bind="i18n.menu.orders"></a>
            </li>
        </ul>
    </li>
    <li class="side-menu__page-menu-item">
        <a href="" ng-click="logoutConfirm=true"  ng-bind="i18n.global.menu.exit"></a>
    </li>
</ul>