Add group add form

This commit is contained in:
Johannes Zellner
2016-02-10 16:24:25 +01:00
parent 1ab46a96f9
commit cf3d503a74
2 changed files with 46 additions and 0 deletions

View File

@@ -148,6 +148,36 @@
</div>
</div>
<!-- Modal add group -->
<div class="modal fade" id="groupAddModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add Group</h4>
</div>
<div class="modal-body">
<form name="groupAddForm" role="form" novalidate ng-submit="doAddGroup()" autocomplete="off">
<div class="form-group" ng-class="{ 'has-error': (groupAddForm.name.$dirty && groupAddForm.name.$invalid) || (!groupAddForm.name.$dirty && groupadd.error.name) }">
<label class="control-label" for="groupAddUsername">Name</label>
<div class="control-label" ng-show="(!groupAddForm.name.$dirty && groupadd.error.name) || (groupAddForm.name.$dirty && groupAddForm.name.$invalid) || (!groupAddForm.name.$dirty && groupadd.error.name)">
<small ng-show="groupAddForm.name.$error.required">A name is required</small>
<small ng-show="groupAddForm.name.$error.minlength">The name is too short</small>
<small ng-show="groupAddForm.name.$error.maxlength">The name is too long</small>
<small ng-show="!groupAddForm.name.$dirty && groupadd.error.name">{{ groupadd.error.name }}</small>
</div>
<input type="text" class="form-control" ng-model="groupadd.name" id="groupAddUsername" name="name" ng-maxlength="200" ng-minlength="2" required autofocus>
</div>
<input class="ng-hide" type="submit" ng-disabled="groupAddForm.$invalid || groupadd.alreadyTaken === groupadd.name"/>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" ng-click="doAddGroup()" ng-disabled="groupAddForm.$invalid || groupadd.busy"><i class="fa fa-spinner fa-pulse" ng-show="groupadd.busy"></i> Add Group</button>
</div>
</div>
</div>
</div>
<div class="content">
<br/>