src/form/examples/form-buttons.js
/**
* @ngdoc directive
* @name patternfly.form.directive:pfFormButtons
* @restrict E
*
* @description
* Encapsulates the standard structure and styling for create and cancel buttons
* when used with a form.
*
* This directive creates new scope.
*
* @param {function} pfHandleCancel function to call when the user clicks cancel.
* @param {function} pfHandleSave function to call when the user clicks save.
* @param {expression} pfWorking the model to store the working status in.
* @param {string} pfButtonClass the class of the button container.
*
* @example
<example module="patternfly.form">
<file name="index.html">
<div ng-controller="FormButtonCtrl">
<p>Saved?</p>
<p>{{ status }}</p>
<form name="testForm">
<div class="form-group>
<label class="control-label col-sm-2">Input</label>
<input class="form-control col-sm-5" name="item" ng-model="input" type="text" required>
</div>
<pf-form-buttons pf-on-cancel="cancel()" pf-on-save="save(item)" pf-working="working"></pf-form-buttons>
</form>
</div>
</file>
<file name="script.js">
angular.module( 'patternfly.form' ).controller( 'FormButtonCtrl', function( $scope, $timeout, $element ) {
$scope.status = 'Not yet Saved';
$scope.working = false;
$scope.save = function (item) {
$scope.status = 'saved';
$scope.working = true;
$timeout(function () {
$scope.working = false;
}, 1000);
};
$scope.cancel = function () {
$scope.status = 'cancelled';
$scope.input = null;
};
});
</file>
</example>
*/