paulhitz/yet-another-rest-client

<form class="form-horizontal">
    <div class="modal-header">
        <button type="button" class="close" ng-click="cancel()"><span class="glyphicon glyphicon-remove"></span></button>
        <h4 class="modal-title">Header</h4>
    </div>
    <div class="modal-body">
        <div class="panel-body">
            <div class="form-group">
                <label for="headerName" class="col-sm-2 control-label">Name:</label>
                <div class="col-sm-10">
                    <input type="text" list="commonHeaderNames" class="form-control" id="headerName" placeholder="Example: Accept" ng-model="header.name" autofocus>
                    <datalist id="commonHeaderNames">
                      <option ng-repeat="name in commonHeaderNames" value="{{name}}">
                    </datalist>
                </div>
            </div>
            <div class="form-group">
                <label for="headerValue" class="col-sm-2 control-label">Value:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="headerValue" placeholder="Example: text/plain" ng-model="header.value">
                </div>
            </div>
            <div class="form-group" ng-hide="header.group">
                <label for="persist" class="col-sm-2 control-label">Save?</label>
                <div class="col-sm-10">
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default" ng-model="persist" uib-btn-radio="true">Yes</button>
                        <button type="button" class="btn btn-default" ng-model="persist" uib-btn-radio="false" id="persist">No</button>
                    </div>
                    <span class="positive-message" ng-show="persist == true">This header will be saved.</span>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" class="btn btn-primary" ng-click="ok()" ng-disabled="!header.name || !header.value">Save</button>
        <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
    </div>
</form>