resume working

Author: siddii

app/js/timer.js

@@ -30,15 +30,12 @@ angular.module('timer', [])
         };
 
         $scope.resume = $element[0].resume = function () {
+          $scope.startTime = new Date() - ($scope.stoppedTime - $scope.startTime);
           tick();
         };
 
         $scope.stop = $element[0].stop = function () {
-          $timeout.cancel($scope.timeoutId);
-        };
-
-
-        $element[0].stop = function () {
+          $scope.stoppedTime = new Date();
           $timeout.cancel($scope.timeoutId);
         };
 

index.html

@@ -75,16 +75,15 @@
             <a class="brand" href="#">Angular Timer</a>
             <div class="nav-collapse collapse">
                 <ul class="nav">
-                    <!--<li class="active"><a href="#introduction">Home</a></li>-->
                     <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Examples <b class="caret"></b></a>
                         <ul class="dropdown-menu">
                             <li><a href="index.html#basic-timer">Basic Example</a></li>
-                            <li><a href="index.html#clock-timer">Clock timer</a></li>
+                            <li><a href="index.html#clock-timer">Clock Timer</a></li>
                             <li><a href="index.html#progressbar-timer">Progressbar Timer</a></li>
                         </ul>
                     </li>
-                    <li><a href="#introduction">Markup</a></li>
+                    <li ng-non-bindable><a href="index.html#markup">&lt;timer/&gt;</a></li>
                     <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Usage <b class="caret"></b></a>
                         <ul class="dropdown-menu">
@@ -143,6 +142,22 @@ <h3><timer><div class="progress progress-striped active">
         </div>
     </section>
 
+    <section id="markup">
+        <h3>Markup</h3>
+        <div class="bs-docs-example">
+            <p>Timer directive along with <a target="_new" href="http://twitter.github.io/bootstrap/components.html#progress">Twitter Bootstrap's Progressbar</a> will set the timer on Progressbar control.</p>
+            <code ng-non-bindable>&lt;timer interval="1000"&gt;&lt;div class="progress progress-striped active"&gt;
+                &lt;div class="bar" style="width: {{seconds}}%;"&gt;&lt;/div&gt;
+                &lt;/div&gt;&lt;/timer&gt;
+            </code>
+            <h3><timer><div class="progress progress-striped active">
+                <div class="bar" style="width: {{seconds}}%;"></div>
+            </div></timer></h3>
+            <button type="button" class="btn" onclick="startTimer('progressbar-timer')">Start</button>
+            <button type="button" class="btn" onclick="stopTimer('progressbar-timer')">Stop</button>
+        </div>
+    </section>
+
     <h3>Examples</h3>
     <section id="angularjs-example">
         <h4>Using timer directive from Angular</h4>