Merge pull request #89 from mihaiconstantin/feature-total-sessions

Added counter for total work sessions (follow-up #84)
Splode · May 16, 2020 · adbc536 · adbc536
2 parents cc7b6e9 + 780e059
commit adbc536
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/src/renderer/components/timer/Timer-controller.vue b/src/renderer/components/timer/Timer-controller.vue
@@ -29,10 +29,12 @@ export default {
     checkRound() {
       if (this.currentRound === 'work' && this.round >= this.workRounds) {
         this.$store.dispatch('setCurrentRound', 'long-break')
+        this.$store.dispatch('incrementTotalWorkRounds')
         EventBus.$emit('ready-long-break')
         console.log('long-break ready')
       } else if (this.currentRound === 'work') {
         this.$store.dispatch('setCurrentRound', 'short-break')
+        this.$store.dispatch('incrementTotalWorkRounds')
         EventBus.$emit('ready-short-break')
         console.log('short-break ready')
       } else if (this.currentRound === 'short-break') {

diff --git a/src/renderer/components/timer/Timer-footer.vue b/src/renderer/components/timer/Timer-footer.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="Container Footer">
     <div class="Round-wrapper">
-      <p>{{ round + '/' + workRounds }}</p>
+      <p>{{ round + '/' + workRounds }} <span v-if="totalWorkRounds > 0" class="Total-rounds">({{ totalWorkRounds }})</span></p>
       <p
         class="TextButton"
         @click="callForReset"
@@ -150,6 +150,10 @@ export default {
       return this.$store.getters.workRounds
     },
 
+    totalWorkRounds() {
+      return this.$store.getters.totalWorkRounds
+    },
+
     volume() {
       return this.$store.getters.volume
     }
@@ -253,6 +257,11 @@ export default {
 
 .Round-wrapper {
   text-align: center;
+
+  .Total-rounds {
+    color: #858c99;
+    font-size: .7rem;
+  }
 }
 
 .Slider-wrapper {

diff --git a/src/renderer/store/modules/Timer.js b/src/renderer/store/modules/Timer.js
@@ -4,6 +4,7 @@ import { defaults } from './../../utils/LocalStore'
 const state = {
   round: 1,
   workRounds: parseInt(localStore.get('workRounds')),
+  totalWorkRounds: 0,
   timeLongBreak: parseInt(localStore.get('timeLongBreak')),
   timeShortBreak: parseInt(localStore.get('timeShortBreak')),
   timeWork: parseInt(localStore.get('timeWork')),
@@ -18,6 +19,9 @@ const getters = {
   workRounds() {
     return state.workRounds
   },
+  totalWorkRounds() {
+    return state.totalWorkRounds
+  },
   timeLongBreak() {
     return state.timeLongBreak
   },
@@ -44,6 +48,10 @@ const mutations = {
     state.round = 1
   },
 
+  INCREMENT_TOTAL_WORK_ROUNDS(state) {
+    state.totalWorkRounds += 1
+  },
+
   RESET_DEFAULTS(state) {
     state.workRounds = defaults.workRounds
     state.timeLongBreak = defaults.timeLongBreak
@@ -85,6 +93,10 @@ const actions = {
     commit('RESET_ROUND')
   },
 
+  incrementTotalWorkRounds({ commit }) {
+    commit('INCREMENT_TOTAL_WORK_ROUNDS')
+  },
+
   resetDefaults({ commit }) {
     commit('RESET_DEFAULTS')
     localStore.set('workRounds', defaults.workRounds)