﻿<div *ngIf="hasInputsToShow">
<div class="panel panel-default">
    <div class="panel-heading">
        <!--//TODO move to css -->
        <h3 class="panel-title pull-left">
            {{model.label}}
        </h3>
        <span *ngIf="canDelete" class="link" (click)="removeClicked()">delete</span>
        <div class="clearfix"></div>
    </div>

    <div class="panel-body">
        <div class="container-fluid">
            <div class="col-md-6">
                <form class="form-horizontal">
                    <binding-input *ngFor="#input of model.leftInputs" (validChange)="onValidChanged($event)" [input]="input"></binding-input>                    
                </form>
            </div>
            <div class="col-md-6">
                <form class="form-horizontal">
                    <binding-input *ngFor="#input of model.rightInputs" (validChange)="onValidChanged($event)" [input]="input"></binding-input>
                </form>
            </div>
        </div>
    </div>
</div>

<div *ngIf="canSave && isDirty">
    <button (click)="saveClicked()" class="custom-button" [disabled]="!areInputsValid">Save</button>
    <button (click)="discardClicked()" class="custom-button-invert">Cancel</button>
</div>

</div>
﻿<div *ngIf="hasInputsToShow">
<div class="panel panel-default">
    <div class="panel-heading">
        <!--//TODO move to css -->
        <h3 class="panel-title pull-left">
            {{model.label}}
        </h3>
        <span *ngIf="!disabled && canDelete" class="link" (click)="removeClicked()">delete</span>
        <div class="clearfix"></div>
    </div>

    <div class="panel-body">
        <div class="container-fluid">
            <div class="col-md-6">
                <form class="form-horizontal">
                    <binding-input *ngFor="#input of model.leftInputs" (validChange)="onValidChanged($event)" [input]="input"></binding-input>                    
                </form>
            </div>
            <div class="col-md-6">
                <form class="form-horizontal">
                    <binding-input *ngFor="#input of model.rightInputs" (validChange)="onValidChanged($event)" [input]="input"></binding-input>
                </form>
            </div>
        </div>
    </div>
</div>

<div *ngIf="canSave && isDirty">
    <button (click)="saveClicked()" class="custom-button" [disabled]="!areInputsValid">Save</button>
    <button (click)="discardClicked()" class="custom-button-invert">Cancel</button>
</div>

</div>
Hide delete for binding in read mode
Hide delete for binding in read mode
