example updates

Author: jmdobry

example/example.js

@@ -10,12 +10,22 @@
   var User = datastore.defineResource('user');
 
   angular.module('firebase-example', [])
-    .controller('firebaseCtrl', function ($scope) {
+    .controller('firebaseCtrl', function ($scope, $timeout) {
       $scope.add = function (user) {
-        User.create(user);
+        $scope.creating = true;
+        User.create(user).then(function () {
+          $scope.creating = false;
+          $timeout();
+        }, function () {
+          $scope.creating = false;
+        });
       };
       $scope.remove = function (user) {
-        User.destroy(user.id);
+        $scope.destroying = user.id;
+        User.destroy(user.id).then(function () {
+          delete $scope.destroying;
+          $timeout();
+        });
       };
       $scope.$watch(function () {
         return User.lastModified();

example/index.html

@@ -23,7 +23,7 @@ <h3 class="panel-title">Users</h3>
       <div class="list-group">
         <div class="list-group-item" data-ng-repeat="user in users track by user.id">
           <div class="pull-right">
-            <button class="btn btn-sm btn-danger" data-ng-click="remove(user)">
+            <button class="btn btn-xs btn-danger" data-ng-click="remove(user)" data-ng-disabled="destroying === user.id">
               Delete
             </button>
           </div>
@@ -33,7 +33,7 @@ <h3 class="panel-title">Users</h3>
           <form id="user-form" name="user-form" data-ng-submit="add({ name: fCtrl.name })">
 
             <input class="form-control" type="text" data-ng-model="fCtrl.name" id="name" name="name"
-                   placeholder="Enter a name and press enter"/>
+                   placeholder="Enter a name and press enter" data-ng-disabled="creating"/>
             <input type="submit" class="hidden"/>
           </form>
         </div>