kongadmin/assets/js/app/upstreams/edit-details.html

Kong admin GUI

<div class="panel panel-default">
    <div class="panel-heading primary">
        <div class="panel-title">
            Details
        </div>
    </div>
    <div class="panel-body">
        <div class="alert alert-danger" data-ng-show="errors.message">
            {{errors.message}}
        </div>
        <form class="form-horizontal">
            <div class="form-group" ng-class="{'has-error' : errors.name}">
                <label class="col-sm-3 control-label">Name
                    <br><em>
                        <small class="help-block">required</small>
                    </em></label>
                <div class="col-sm-8">
                    <input ng-model="upstream.name" class="form-control">
                    <div class="text-danger" ng-if="errors.name" data-ng-bind="errors.name"></div>
                    <p class="help-block">
                        This is a hostname like name that can be referenced in an <code>upstream_url</code> field of an
                        <code>api</code>.
                    </p>

                </div>
            </div>
            <div class="form-group" ng-class="{'has-error' : errors.slots}">
                <label class="col-sm-3 control-label">Slots
                    <br><em>
                        <small class="help-block">optional</small>
                    </em></label>
                <div class="col-sm-8">
                    <input type="number" ng-model="upstream.slots" class="form-control">
                    <div class="text-danger" ng-if="errors.slots" data-ng-bind="errors.slots"></div>
                    <p class="help-block">
                        The number of slots in the loadbalancer algorithm (<code>10-65536</code>, defaults to
                        <code>1000</code>).
                    </p>

                </div>
            </div>
            <div class="form-group" ng-class="{'has-error' : errors.orderlist}">
                <label class="col-sm-3 control-label">Orderlist
                    <br><em>
                        <small class="help-block">optional</small>
                    </em></label>
                <div class="col-sm-8">
                    <chips ng-model="upstream.orderlist">
                        <chip-tmpl>
                            <div class="default-chip">
                                {{chip}}
                                <i class="mdi mdi-close" remove-chip></i>
                            </div>
                        </chip-tmpl>
                        <input chip-control/>
                    </chips>
                    <div class="text-danger" ng-if="errors.orderlist" data-ng-bind="errors.orderlist"></div>
                    <p class="help-block">
                        A list of sequential, but randomly ordered, integer numbers that determine the distribution of
                        the slots in the balancer. If omitted it will be generated. If given, it must have exactly
                        <code>slots</code> number of entries.
                    </p>

                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-8">
                    <button type="submit" class="btn btn-primary" ng-click="submit()">
                        <i class="mdi mdi-check"></i>
                        Submit Changes
                    </button>
                </div>
            </div>

        </form>
    </div>
</div>