<div class="container-fluid" ng-controller="ColumnNewController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li><a href="#/tables/">Tables</a></li> <li><a href="#/tables/{{table.name}}">{{table.name}}</a></li> </ol> <div class="content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <h2>{{table.name}}: Create a new column</h2> <form name="tableForm" class="table-form" ng-submit="submit()"> <div class="form-group"> <label for="table" class="control-label">Table</label> <input id="table" name="table" type="text" class="form-control" ng-model="table.name" disabled required> </div> <div class="form-group" ng-class="{'has-error': tableForm.name.$invalid}"> <label for="name" class="control-label">Name</label> <input id="name" name="name" type="text" class="form-control" ng-model="column.name" required> </div> <div class="form-group" ng-class="{'has-error': tableForm.type.$invalid}"> <label for="type" class="control-label">Type</label> <select id="type" name="type" type="select" class="form-control" ng-model="column.type" ng-options="type.label for (name, type) in availableTypes"> </select> </div> <div class="form-group" ng-class="{'has-error': tableForm.valueType.$invalid}"> <label for="value-type" class="control-label">Value type</label> <select id="value-type" name="valueType" type="select" class="form-control" ng-model="column.valueType" ng-options="type for (index, type) in availableValueTypes"> </select> </div> <div class="form-group"> <div class="form-button"> <button type="submit">Submit</button> </div> </div> </form> </div> </div>