tfabrica/ClientApp/app/components/main/tfabrica.sidenav.component.html

library for TFabrica - TechSol

<style>
    .sidenav-content {
        width: 300px;
    }
</style>
<div class="sidenav-content">
    <md-toolbar color="primary">
        
        <button (click)="backToHome()"
                md-icon-button
                class="md-icon-button"
                aria-label="Settings">
            <md-icon>home</md-icon>
        </button>

        tApi 2.0
    </md-toolbar>

    <md-progress-bar *ngIf="loading == true" mode="indeterminate"></md-progress-bar>

    <div fxLayout="column">

        <md-list>
            <md-list-item *ngFor="let singleVoice of displayVoices" 
                          [ngClass]="singleVoice.levelClass"
                          (click)="selectSingleVoice(singleVoice)"
                          >
                <h4 md-line>{{singleVoice.title | translate}}</h4>
                <p md-line> {{singleVoice.subTitle | translate}} </p>
                <span flex></span>
                
                <md-icon *ngIf="singleVoice['subMenu'].length > 0 && singleVoice.isOpen">keyboard_arrow_up</md-icon>
                <md-icon *ngIf="singleVoice['subMenu'].length > 0 && !singleVoice.isOpen">keyboard_arrow_down</md-icon>
                <md-icon *ngIf="singleVoice['subMenu'].length == 0">play_arrow</md-icon>

            </md-list-item>
        </md-list>

        <!--
        <button md-button (click)="goToVoice('test1')">
            TEST1 da Funzione
        </button>

        <button md-button (click)="goToVoice('test2')">
            TEST2 da Funzione
        </button>
            -->

    </div>

</div>