bia-framework/components/core-navegation-drawer/core-navegation-drawer.template.html

Bia Framework to work with angular 2

<div class="grid grid-direction-rows-sm grid-full-h core-navegation-drawer" [ngClass]="{visible:isVisible}">
    <div class="cell core-navegation-drawer-head b-b m-b">
        <!--Header-->
        <div class="grid grid-direction-rows-sm wrapper-sm">
            <div class="cell m-b">
                <core-image source="{{currentUser?.image}}" size="md" type="rouded"></core-image>
            </div>

        </div>

    </div>

    <div class="cell cell-full-h core-navegation-drawer-list cell-scroll-vertical">

        <div class="grid grid-direction-rows-sm">
            <!--Grid ListGroup-->
            <div class="cell b-b m-b" *ngFor="let group of menuGroups">
                <div class="grid grid-direction-rows-sm">

                    <div class="cell wrapper-sm"><span class="text text-body-2 font-medium text-color-54-dark">{{group?.subheader}}</span></div>

                    <div *ngFor="let item of group.items; let i = index; "
                         class="cell core-navegation-drawer-list-item"
                         ripple rippleColor="gray-800" rippleSize="i" rippleMousePosition="true"
                         (click)="selected(item); selectedIndex=i;"
                         [ngClass]="{selected:i==selectedIndex}"
                    >
                        <div class="grid grid-direction-columns-sm">
                            <div class="cell cell-vertical-center-sm wrapper m-r">
                                <core-icon source="{{item.icon}}" color="secondary-text" size="xxsm"></core-icon>
                            </div>
                            <div class="cell cell-vertical-center-sm"><span class="text text-body-2 font-medium text-color-87-dark">{{item.nome}}</span></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="core-navegation-drawer-fade" *ngIf="isVisible" (click)="isVisible=false;"></div>