tfabrica/ClientApp/app/components/home/tfabrica.dashboard.component.html

library for TFabrica - TechSol

<md-progress-bar *ngIf="loading == true" mode="indeterminate"></md-progress-bar>
<div 
     class="flex-container"
     fxLayout="row"
     fxLayout.xs="column"
     fxLayoutAlign="center"
     fxLayoutWrap="wrap"
     fxLayoutWrap.xs="none"
     fxLayoutAlign.xs="start stretch"
     layout-padding

     style="padding: 20px;">

    <div class="flex-item" fxFlex="100%"
         fxLayoutAlign="center">
        <button style="max-width: 100px;"
                md-raised-button
                color="accent"
                *ngIf="level > 0" (click)="backToPreviousMenu()">
            <md-icon>keyboard_arrow_left</md-icon>
        </button>
    </div>

    <div class="flex-item"
         fxFlex="25%"
         fxFlex.md="30%"
         fxFlex.sm="50%"
         fxFlex.xs="100%"
         style="padding: 10px;"

         *ngFor="let singleVoice of displayVoices"

         (click)="selectSingleVoice(singleVoice)"

         >
        <md-card fxFlex="100%">
            <md-card-title>
                {{singleVoice.title | translate}}
            </md-card-title>
            <md-card-subtitle>
                {{singleVoice.subTitle | translate}}
            </md-card-subtitle>
            <md-card-actions>
                <div layout="row" fxLayoutAlign="end">
                    <button md-icon-button
                            class="md-icon-button"
                            aria-label="Settings">
                        <md-icon *ngIf="singleVoice['subMenu'].length > 0">menu</md-icon>
                        <md-icon *ngIf="singleVoice['subMenu'].length == 0">play_arrow</md-icon>
                    </button>
                </div>
            </md-card-actions>
        </md-card>

    </div>


</div>