<div ng-controller="PDPAddController as add" class="modal" tabindex="-1" data-role="modalAddPDP"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" ng-click="$hide()">×</button> <h4 class="modal-title" data-translate="moon.pdp.add.title"></h4> </div> <div class="modal-body"> <form class="form-horizontal" role="form" name="add.form"> <div class="form-group" ng-class="{'has-error': add.form.name.$invalid && add.form.name.$dirty}"> <label for="name" class="col-sm-3 control-label" data-translate="moon.pdp.add.form.name">Name</label> <div class="col-sm-6"> <input name="name" id="name" class="form-control" type="text" data-ng-model="add.pdp.name" required /> <div class="help-block" ng-show="add.form.name.$dirty && add.form.name.$invalid"> <small class="error" ng-show="add.form.name.$error.required" data-translate="moon.pdp.add.check.name.required">Name is required</small> </div> </div> </div> <div class="form-group" ng-class="{'has-error': add.form.policy.$dirty && (add.form.policy.$invalid || !add.selectedPolicy)}"> <label class="col-sm-3 control-label" data-translate="moon.pdp.add.form.policy">Policy</label> <div class="col-sm-6" ng-if="!add.loadingPolicies"> <ui-select ng-model="add.selectedPolicy" name="policy" required> <ui-select-match placeholder="(None)">{{$select.selected.name}}</ui-select-match> <ui-select-choices repeat="policy in add.policies"> <div ng-value="policy">{{policy.name}}</div> </ui-select-choices> </ui-select> <div class="help-block" ng-show="add.form.policy.$dirty && (add.form.policy.$invalid || !add.selectedPolicy)"> <small class="error" ng-show="add.form.policy.$error.required" data-translate="moon.pdp.add.check.policy.required">Policy is required</small> </div> </div> <div class="col-sm-6" ng-if="add.loadingPolicies"> <moon-loader ng-if="add.loadingPolicies" ></moon-loader> </div> </div> <div class="form-group"> <label for="description" class="col-sm-3 control-label" data-translate="moon.pdp.add.form.description">Description</label> <div class="col-sm-6"> <textarea name="description" id="description" class="form-control" ng-model="add.pdp.description"></textarea> </div> </div> </form> </div> <div class="modal-footer"> <div class="btn-toolbar" style="float: right;"> <a href="" ng-click="$hide()" class="btn btn-default"> <span data-translate="moon.pdp.add.action.cancel">Cancel</span> </a> <a href="" ng-disabled="add.loading" ng-click="add.create(add.pdp)" class="btn btn-warning"> <span class="glyphicon glyphicon-save"></span> <span data-translate="moon.pdp.add.action.create">Create</span> </a> <moon-loader ng-if="add.loading"></moon-loader> </div> </div> </div> </div> </div>