crm.fsf.org/20131203/files/sites/all/modules-new/civicrm/bower_components/angular-unsavedChanges/demo/page2.html

   1 <div>
   2 <h1>Page 2</h1>
   3 <div ng-controller="demoCtrl">
   4     <form name="demoForm1" ng-submit="demoFormSubmit()" novalidate unsaved-warning-form>
   5         <legend>Form 1</legend>
   6         <input type="text" name="name" ng-model="user1.name">
   7         <button type="submit">Submit Form</button>
   8         <button id="clear" type="button" unsaved-warning-clear>Disregard Form 1 Changes</button>
   9     </form>
  10     <p>Is Form 1 Dirty?: {{demoForm1.$dirty}}</p>
  11     <p ng-show="message">Message: {{message}}</p>
  12 </div>
  13 <div ng-controller="demoCtrl">
  14     <form name="demoForm2" ng-submit="demoFormSubmit()" novalidate unsaved-warning-form>
  15         <legend>Form 2</legend>
  16         <input type="text" name="name" ng-model="user2.name">
  17         <button type="submit">Submit Form</button>
  18     </form>
  19     <p>Is Form 2 Dirty?: {{demoForm2.$dirty}}</p>
  20     <p ng-show="message">Message: {{message}}</p>
  21 </div>
  22 <div ng-controller="demoCtrl">
  23     <form name="demoForm3" ng-submit="demoFormSubmit()" novalidate unsaved-warning-form>
  24         <legend>Form 3</legend>
  25         <input type="text" name="name" ng-model="user3.name">
  26         <button type="submit">Submit Form</button>
  27         <button type="button" unsaved-warning-clear>Disregard Form 3 Changes</button>
  28     </form>
  29     <p>Is Form 3 Dirty?: {{demoForm3.$dirty}}</p>
  30     <p ng-show="message">Message: {{message}}</p>
  31 </div>
  32
  33 </div>