transaction manager demo

by marco pretelli

HTML

<script src="https://rawgit.com/marco64bit/Angular-Transaction-manager/master/src/transactionManager.js"></script>
<div ng-controller="MainCtrl" class="hero-unit">
      <h3>Transaction Manager</h3>

     <button class="btn" ng-click="myHistory.snapshot(foo)">snapshot</button>
      <button class="btn" ng-show="myHistory.isTransaction(foo)" ng-click="myHistory.clear(foo)">Clear transaction</button>
      <br>
      {{foo.name}} : {{foo.age}}
      <br>
      <input ng-model="foo.name" placeholder="nome">
      <input type="number" ng-model="foo.age" placeholder="etĂ ">
      <br>
      <button class="btn" ng-show="myHistory.hasPrevVersion(foo)" ng-click="myHistory.prevVersion(foo)">Prev version</button>
      <button class="btn" ng-show="myHistory.canRollback(foo)" ng-click="myHistory.rollback(foo)">Rollback</button>

          <p>after snapshot, modify the input!</p>
    </div>

JavaScript

var myApp = angular.module('myApp', ['transactionManager']);

function MainCtrl($scope, TransactionManager) {
    $scope.foo = {name: "marco", age: 20};
    $scope.myHistory = TransactionManager;
};