kongadmin/assets/js/app/consumers/groups/create-group-modal.html

Kong admin GUI

<div class="modal-header success">
    <h4 class="modal-title" id="modal-title">
        Add Group
        <a  class="modal-close pull-right" ng-click="close()">
            <i class="mdi mdi-close"></i>
        </a>
    </h4>
</div>
<div class="col-md-12 bg-light-grey padding">
    <p class="text-muted no-margin">Add a group to this consumer</p>
</div>
<div class="modal-body" id="modal-body">
    <form class="form-horizontal">
        <div class="form-group" ng-class="{'has-error' : errors.group}">
            <label class="col-sm-4 control-label">Group name <br><em><small class="help-block">required</small></em></label>
            <div class="col-sm-7">
                <input ng-model="acl.group" class="form-control">
                <div class="text-danger" ng-if="errors.group" data-ng-bind="errors.group"></div>
                <p class="help-block">The name of the ACL group</p>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-4 col-sm-7">
                <button type="submit" class="btn btn-primary" ng-click="createGroup()">
                    <i class="mdi mdi-check"></i>
                    Submit group
                </button>
            </div>
        </div>
    </form>
</div>