tfabrica/ClientApp/app/components/crud/tfabrica.crud.detail.component.html

library for TFabrica - TechSol

<div fxFlex style="padding:20px;" fxLayout="column">
    <md-progress-bar *ngIf="loading" mode="indeterminate"></md-progress-bar>

    <div>
        <div fxLayout="row" fxLayoutAlign="start center">
            <h3>{{report.title}}: {{subTitle}}</h3>
            <span fxFlex>

            </span>

            <button md-mini-fab
                    color="primary"
                    (click)="back()">
                <md-icon>keyboard_arrow_left</md-icon>
            </button>

            <span>&nbsp;</span>
            <button md-mini-fab
                    color="primary"
                    (click)="save()">
                <md-icon>save</md-icon>
            </button>

            <!--
            <span>&nbsp;</span>
            <button md-mini-fab
                    color="primary"
                    (click)="openSearchRight()">
                <md-icon>search</md-icon> 2
            </button>
            -->
        </div>
    </div>

    <div fxFlex>

        <div *ngFor="let field of report.fields" fxFlex  fxLayout="row">

            <!--  type="{{field.type}}" -->

            <md-input-container fxFlex style="max-width:500px;">
                <input md-input mdInput  type="{{field.type}}"
                       name="field.name" id="field.name"
                        placeholder="{{field.label}}" [(ngModel)]="row[field.name]">
            </md-input-container>


        </div>

    </div>

</div>