martinmicunda/employee-scheduling-ui

<form class="form-horizontal form-validation" name="availabilityForm" role="form" novalidate>
    <div class="modal-header">
        <button type="button" class="close" ng-click="vm.cancel()">×</button>
        <h4 class="modal-title">Availability</h4>
    </div>
    <div class="modal-body form-wizard">
        <alert-danger has-error="vm.hasError" error-message="vm.errorMessage"></alert-danger>
        <div class="form-group mb0">
            <label class="control-label col-sm-3">When</label>
            <div class="col-sm-8">
                <p class="form-control-static">
                    {{::vm.startDate}}
                    <span ng-if="vm.endDate"> - {{::vm.endDate}}</span>
                </p>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-3">Availability</label>
            <div class="col-md-8">
                <div class="radio radio-success radio-inline">
                    <input type="radio" id="radio_available" ng-model="vm.availability.availability" value="available">
                    <label for="radio_available">Available</label>
                </div>
                <div class="radio radio-danger radio-inline">
                    <input type="radio" id="radio_unavailable" ng-model="vm.availability.availability" value="unavailable">
                    <label for="radio_unavailable">Unavailable</label>
                </div>
                <div class="radio radio-warning radio-inline">
                    <input type="radio" id="radio_necessary" ng-model="vm.availability.availability" value="necessary">
                    <label for="radio_necessary">If Necessary</label>
                </div>
            </div>
        </div>
        <div class="form-group mb0">
            <label class="control-label col-sm-3">Note</label>
            <div class="col-sm-7">
                <textarea rows="5" name="note" ng-model="vm.availability.note" class="form-control" ng-maxlength="140"></textarea>
                <div ng-if="availabilityForm.$submitted" ng-messages="availabilityForm.note.$error">
                    <div ng-message="maxlength" class="error">This field text is too long (max 140 characters).</div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" ng-click="vm.cancel()" class="btn btn-sm btn-white">Close</button>
        <jp-ng-bs-animated-button class="btn btn-sm btn-success" ng-click="vm.save(availabilityForm)" is-submitting="vm.isSubmitting" result="vm.result" options="vm.saveButtonOptions"></jp-ng-bs-animated-button>
    </div>
</form>