starter-angular/app/views/dns.html

<!-- Page Content -->
<div class="container">
    <div class="row col-xs-12" lu-busy="page">
        <div class="col-xs-12">
            <lu-basic-table options="luTable"></lu-basic-table>
            <div class="form-group col-xs-2">
                <button type="button" ng-click="askDeleteItems()" ng-disabled="luTable.checkedItems.length == 0"
                        class="btn btn-danger col-xs-12">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    Delete
                </button>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-xs-12">
            <form ng-submit="addDomain()">
                <div class="form-group col-xs-8">
                    <input class="form-control" ng-model="domain.Name">
                </div>
                <div class="form-group col-xs-2">
                    <div class="dropdown">
                        <button class="btn btn-inverse btn-block dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            {{ domain.Type | lowercase }}
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="" ng-click="domain.Type = 'MASTER'">master</a></li>
                            <li><a href="" ng-click="domain.Type = 'SLAVE'">slave</a></li>
                        </ul>
                    </div>
                </div>
                <div class="form-group col-xs-2">
                    <button type="submit" ng-disabled="domain.Name.length == 0" class="btn btn-primary col-xs-12">
                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                        Add
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>