brewman/brewman/static/partial/settings.html

<form class="form-horizontal" role=form>
    <h2>Settings</h2>

    <div class="form-group">
        <label class="col-md-2 control-label">Lock Dates</label>

        <div class="col-md-2">
            <div class="checkbox">
                <label>
                    <input type="checkbox" ng-model="lockInfo.Start.Locked"> Lock older
                </label>
            </div>
        </div>
        <div class="col-md-2" ng-hide="!lockInfo.Start.Locked">
            <div class="checkbox">
                <label>
                    <input type="checkbox" ng-model="lockInfo.Start.Rolling"> IsRolling
                </label>
            </div>
        </div>
        <div class="col-md-6" ng-hide="!lockInfo.Start.Locked || !lockInfo.Start.Rolling">
            <div class="input-group">
                <input class="form-control" type="number" ng-model="lockInfo.Start.Days" placeholder="Days"/>
            </div>
        </div>
        <div class="col-md-6" ng-hide="!lockInfo.Start.Locked || lockInfo.Start.Rolling">
            <div class="input-group">
                <input class="form-control" type="text" datepicker-popup="dd-MMM-yyyy"
                       ng-model="lockInfo.Start.Date"/>
                <span class="input-group-btn">
                    <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-2 col-md-offset-2">
            <div class="checkbox">
                <label>
                    <input type="checkbox" ng-model="lockInfo.Finish.Locked"> Lock newer
                </label>
            </div>
        </div>
        <div class="col-md-2" ng-hide="!lockInfo.Finish.Locked">
            <div class="checkbox">
                <label>
                    <input type="checkbox" ng-model="lockInfo.Finish.Rolling"> IsRolling
                </label>
            </div>
        </div>
        <div class="col-md-6" ng-hide="!lockInfo.Finish.Locked || !lockInfo.Finish.Rolling">
            <div class="input-group">
                <input class="form-control" type="number" ng-model="lockInfo.Finish.Days" placeholder="Days"/>
            </div>
        </div>
        <div class="col-md-6" ng-hide="!lockInfo.Finish.Locked || lockInfo.Finish.Rolling">
            <div class="input-group">
                <input class="form-control" type="text" datepicker-popup="dd-MMM-yyyy"
                       ng-model="lockInfo.Finish.Date"/>
                <span class="input-group-btn">
                    <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-2 col-md-offset-2">
            <button class="btn btn-block btn-primary" tan-click="setLockDate()">Set</button>
        </div>
        <div class="col-md-2">
            <button class="btn btn-block btn-danger" tan-click="clearLockDate()">Clear</button>
        </div>

    </div>

    <div class="form-group">
        <label for="txtRebaseDate" class="col-md-2 control-label">Rebase Data</label>

        <div class="col-md-6">
            <div class="input-group">
                <input class="form-control" id="txtRebaseDate" type="text" datepicker-popup="dd-MMM-yyyy"
                       ng-model="rebaseDate"/>
                <span class="input-group-btn">
                    <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
        <div class="col-md-2">
            <button class="btn btn-block btn-danger" ng-click="confirmRebase()">Rebase <i
                    class="glyphicon glyphicon-fire"></i></button>
        </div>
    </div>

    <div class="form-group">
        <label for="txtResetDate" class="col-md-2 control-label">Reset Stock</label>

        <div class="col-md-2">
            <div class="input-group">
                <input class="form-control" id="txtResetDate" type="text" datepicker-popup="dd-MMM-yyyy"
                       ng-model="resetDate" placeholder="Reset date"/>
                <span class="input-group-btn">
                    <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>
        <div class="col-md-2">
            <div class="input-group">
                <input class="form-control" type="text" datepicker-popup="dd-MMM-yyyy" ng-model="stockDate"/>
                <span class="input-group-btn" placeholder="Stock date">
                    <button class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
            </div>
        </div>

        <div class="col-md-4">
            <input type="text" id="txtProduct" class="form-control" ng-model="product"
                   typeahead="product as product.Name for product in products($viewValue)"
                   typeahead-editable="false"/>
        </div>
        <div class="col-md-1">
            <input type="text" class="form-control" placeholder="Qty" ng-model="qty"/>
        </div>

        <div class="col-md-1">
            <button class="btn btn-block btn-danger" ng-click="confirmResetStock()">Reset <i
                    class="glyphicon glyphicon-paperclip"></i></button>
        </div>
    </div>
</form>