feat(pomodoro): prevent multiple actions from being triggered at the …

…same time #32
johannesjo · Jan 3, 2018 · 21a870c · 21a870c
1 parent cd370d8
commit 21a870c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/app-src/scripts/pomodoro-button/pomodoro-button-cp.html b/app-src/scripts/pomodoro-button/pomodoro-button-cp.html
@@ -20,19 +20,19 @@
   </md-fab-trigger>
   <md-fab-actions>
     <md-button class="md-fab md-raised md-mini"
-               ng-click="$ctrl.play()"
+               ng-click="$ctrl.play($event)"
                aria-label="Play Pomodoro Session"
                ng-if="$ctrl.svc.data.status!=='PLAY'">
       <ng-md-icon icon="play_arrow"></ng-md-icon>
     </md-button>
     <md-button class="md-fab md-raised md-mini"
-               ng-click="$ctrl.pause()"
+               ng-click="$ctrl.pause($event)"
                aria-label="Pause Pomodoro Session"
                ng-if="$ctrl.svc.data.status==='PLAY'">
       <ng-md-icon icon="pause"></ng-md-icon>
     </md-button>
     <md-button class="md-fab md-raised md-mini"
-               ng-click="$ctrl.stop()"
+               ng-click="$ctrl.stop($event)"
                aria-label="Stop Pomodoro Session"
                ng-if="$ctrl.svc.data.status==='PLAY'">
       <ng-md-icon icon="stop"></ng-md-icon>

diff --git a/app-src/scripts/pomodoro-button/pomodoro-button-cp.js b/app-src/scripts/pomodoro-button/pomodoro-button-cp.js
@@ -14,22 +14,30 @@
       this.svc = PomodoroButton;
     }
 
-    play() {
+    play($ev) {
+      $ev.preventDefault();
+      $ev.stopPropagation();
       this.svc.play();
       this.isOpen = false;
     }
 
-    pause() {
+    pause($ev) {
+      $ev.preventDefault();
+      $ev.stopPropagation();
       this.svc.pause();
       this.isOpen = false;
     }
 
-    stop() {
+    stop($ev) {
+      $ev.preventDefault();
+      $ev.stopPropagation();
       this.svc.stop();
       this.isOpen = false;
     }
 
-    toggle() {
+    toggle($ev) {
+      $ev.preventDefault();
+      $ev.stopPropagation();
       this.svc.toggle();
       this.isOpen = false;
     }