Asymmetrik/mean2-starter

View on GitHub
src/client/app/teams/tags/manage-tag.component.html

Summary

Maintainability
Test Coverage
<section>

    <a class="back-link" *ngIf="team" [routerLink]="['/team', team._id]"><i class="fa fa-angle-double-left"></i> Back to Team Summary</a>
    <a class="back-link" *ngIf="!team" [routerLink]="['/teams']"><i class="fa fa-angle-double-left"></i> Back to Teams</a>
    <form #form="ngForm" (ngSubmit)="save()" novalidate autocomplete="off" class="form-horizontal" role="form">

        <div class="page-header">
            <h3>{{ modeDisplay }} Tag</h3>
        </div>

        <div>
            <h4>Tag Owner: {{team?.name}}</h4>
        </div>

        <div style="padding-top:10px;" class="form-group row">
            <label class="col-md-1 control-label">Name<span class="text-danger"><strong> *</strong></span></label>
            <div class="col-md-11">
                <input type="text" class="form-control" required name="name" [(ngModel)]="tag.name" ngControl="name"/>
            </div>
        </div>

        <div class="form-group row">
            <label class="col-md-1 control-label">Description</label>
            <div class="col-md-11">
                <input type="text" class="form-control" name="description" [(ngModel)]="tag.description"/>
            </div>
        </div>

        <div class="form-group row">
            <div class="col-md-12">
                <div class="pull-right">
                    <button type="submit" class="btn btn-default" [disabled]="!form.form.valid">Save</button>
                    <a type="button" *ngIf="team" class="btn btn-link" [routerLink]="['/team', team._id]">Cancel</a>
                    <a type="button" *ngIf="!team" class="btn btn-link" [routerLink]="['/teams']">Cancel</a>
                </div>
            </div>
        </div>

        <!-- Validation errors -->
        <div class="form-group row" [hidden]="!error">
            <div class="col-md-offset-2 col-md-10">
                <div class="text-danger">
                    <strong>{{error}}</strong>
                </div>
            </div>
        </div>

    </form>


</section>