added restart interval/skip interval functionality

Author: thecouchcoder

app/index.js

@@ -20,6 +20,8 @@ const currentIntervalText = document.getElementById("currentIntervalText");
 const playPauseButton = document.getElementById("playPauseButton");
 const playPauseIcon = playPauseButton.getElementById("combo-button-icon");
 const playPauseIconPressed = playPauseButton.getElementById("combo-button-icon-press");
+const restartSkipButton = document.getElementById("restartSkipButton");
+const restartSkipIcon = restartSkipButton.getElementById("combo-button-icon");
 
 
 const totalFlowInSeconds = 5; //1500;
@@ -33,6 +35,7 @@ let counting = false;
 let countdownSeconds = totalFlowInSeconds; 
 let flow = true; //used to toggle between flow intervals and breaks
 let currentIntervalTime;
+let currentIntervalText;
 let currentSprint = 1;
 
 //setup clock
@@ -53,6 +56,10 @@ playPauseButton.onactivate = (evt) => {
   counting ? pause() : play();
 }
 
+restartSkipButton.onactivate = (evt) => {
+  counting ? restart() : skip();
+}
+
 display.onchange = () => { // optimize battery life
     display.on ? style() : stopStyle();
 }
@@ -149,18 +156,33 @@ function setupNextInterval(nextIntervalSeconds, text){
   currentIntervalText.text = text;
   //set the correct seconds for progress
   currentIntervalTime = countdownSeconds = nextIntervalSeconds;
+  currentIntervalText = text;
 }
 
 function play(){
     counting = true;
     playPauseIcon.image = "pause.png";
     playPauseIconPressed.image = "pause_press.png";
+  
+    restartSkipIcon.image = "reset.png";
 }
 
 function pause(){
-    counting = false
+    counting = false;
     playPauseIcon.image = "play.png";
     playPauseIconPressed.image = "play_press.png";
+  
+    restartSkipIcon.image = "skip.png";
+}
+
+function skip(){
+  counting = false;
+  nextSprint();
+}
+
+function restart(){
+  pause();
+  setupNextInterval(currentIntervalTime, currentIntervalText);
 }
 
 function formatCountdown(seconds){

resources/index.gui

@@ -49,5 +49,13 @@
       <set href="combo-button-stroke" attributeName="display" to="inline"/>
     </use>
 
+    <use id="restartSkipButton" class="accentColor" href="#combo-button-lower-left">
+      <set href="combo-button-icon" attributeName="href" to="skip.png"/>
+      <set href="combo-button-icon-press" attributeName="href" to="skip_press.png"/>
+      <set href="combo-button-stroke" attributeName="display" to="inline"/>
+    </use>
+  
+  
+  
 
 </svg>