feat(badge): refresh own badge click

Add click event to refresh badge and instantly refresh data on click #258
sensebox · Feb 15, 2018 · 4742a4f · 4742a4f
1 parent f742412
commit 4742a4f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/app/components/badge.directive.html b/app/components/badge.directive.html
@@ -1 +1 @@
-<div class="badge-container pull-right" style="display: inline;"><span><kbd><kbd>{{'BADGE_PLACEHOLDER_PREFIX'|translate}} {{badge.secs}} {{'BADGE_PLACEHOLDER_SUFFIX'|translate}}</kbd></kbd></span></div>
+<div class="badge-container pull-right" style="display: inline;"><span ng-click="badge.refresh()"><kbd><kbd>{{'BADGE_PLACEHOLDER_PREFIX'|translate}} {{badge.secs}} {{'BADGE_PLACEHOLDER_SUFFIX'|translate}}</kbd></kbd></span></div>
diff --git a/app/components/badge.directive.js b/app/components/badge.directive.js
@@ -37,6 +37,8 @@
         vm.$onInit = onInit;
         vm.$onDestroy = onDestroy;
 
+        vm.refresh = refresh;
+
         ////
 
         function onInit () {
@@ -75,11 +77,18 @@
             vm.timerStarted = false;
         }
 
+        function refresh () {
+          $timeout.cancel(vm.prom);
+          resetTimer();
+          var eventName = 'osemBadgeRefreshFinished';
+          $scope.$emit(eventName, {});
+        }
+
         ////
 
         $scope.$on('osemBadgeRefreshStartTimer', function () {
             vm.timerStarted = true;
             tick();
         });
     }
-})();
+})();