<form ng-submit="createPlaylist()" class="pfm-form"> <div class="modal-header"> <h3> <button type="button" class="close" ng-click="close()" ng-hide="isLoading">×</button> <span ng-show="isNew">Create</span> <span ng-hide="isNew">Edit</span> Playlist </h3> </div> <div class="modal-body"> <div class="form-row" ng-class="{'has-error': errors.title != null}"> <label class="control-label" for="title">Name</label> <input type="text" id="title" placeholder="Playlist Name" ng-model="form.title" ng-disabled="isLoading" /> <div class="error">{{errors.title}}</div> </div> <div class="form-row" ng-class="{'has-error': errors.description != null}"> <label class="control-label" for="description">Description</label> <textarea id="description" placeholder="Description (optional)" ng-model="form.description" ng-disabled="isLoading"></textarea> <div class="error">{{errors.description}}</div> </div> <div class="row-fluid"> <div class="form-row span6"> <label for="is_public"><input ng-disabled="isLoading" id="is_public" type="checkbox" ng-model="form.is_public" /> Is Public</label> </div> <div class="form-row span6"> <label for="is_pinned"><input ng-disabled="isLoading" id="is_pinned" type="checkbox" ng-model="form.is_pinned" /> Is Pinned to Sidebar</label> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary" ng-disabled="isLoading"> <span ng-show="isNew">Create</span> <span ng-hide="isNew">Edit</span> Playlist <i class="ui-icon-gear icon-spin" ng-show="isLoading"></i> </button> <a class="btn cancel" ng-click="close()" ng-disabled="isLoading">Close</a> </div> </form>