check for negative timer values

This commit is contained in:
jakob42 2022-08-19 08:46:15 +02:00
parent 56a3d8bb72
commit b4e70da1f5

View file

@ -15,9 +15,9 @@
</div> </div>
</div> </div>
<div class="flex my-2 justify-between"> <div class="flex my-2 justify-between">
<ui-btn @click="manualTimeoutMin--" class="w-9 h-9" :padding-x="0" small style="max-width: 36px"><span class="material-icons">remove</span></ui-btn> <ui-btn @click="decreaseManualTimeout" class="w-9 h-9" :padding-x="0" small style="max-width: 36px"><span class="material-icons">remove</span></ui-btn>
<p class="text-2xl font-mono text-center">{{ manualTimeoutMin }} min</p> <p class="text-2xl font-mono text-center">{{ manualTimeoutMin }} min</p>
<ui-btn @click="manualTimeoutMin++" class="w-9 h-9" :padding-x="0" small style="max-width: 36px"><span class="material-icons">add</span></ui-btn> <ui-btn @click="increaseManualTimeout" class="w-9 h-9" :padding-x="0" small style="max-width: 36px"><span class="material-icons">add</span></ui-btn>
</div> </div>
<ui-btn @click="clickedOption(manualTimeoutMin)" class="w-full">Set Timer</ui-btn> <ui-btn @click="clickedOption(manualTimeoutMin)" class="w-full">Set Timer</ui-btn>
</div> </div>
@ -104,6 +104,12 @@ export default {
}, },
decreaseSleepTime() { decreaseSleepTime() {
this.$emit('decrease') this.$emit('decrease')
},
increaseManualTimeout() {
this.manualTimeoutMin++
},
decreaseManualTimeout() {
if (this.manualTimeoutMin > 0) this.manualTimeoutMin--
} }
}, },
mounted() {} mounted() {}