Fix:Sleep timer volume reset #10, Change:Sleep timer resets to originally selected time only if less than 30s or finished within 2m #10, Add:Sleep timer +/- buttons

This commit is contained in:
advplyr 2021-11-27 12:15:17 -06:00
parent edc45addc9
commit a7de535123
7 changed files with 115 additions and 26 deletions

View file

@ -23,7 +23,12 @@
</li>
</ul>
<div v-else class="px-2 py-4">
<p class="mb-4 text-2xl font-mono text-center">{{ timeRemainingPretty }}</p>
<div class="flex my-2 justify-between">
<ui-btn @click="decreaseSleepTime" 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">{{ timeRemainingPretty }}</p>
<ui-btn @click="increaseSleepTime" class="w-9 h-9" :padding-x="0" small style="max-width: 36px"><span class="material-icons">add</span></ui-btn>
</div>
<ui-btn @click="cancelSleepTimer" class="w-full">Cancel Timer</ui-btn>
</div>
</div>
@ -52,7 +57,7 @@ export default {
}
},
timeouts() {
return [1, 15, 30, 45, 60, 75, 90, 120]
return [1, 5, 10, 15, 30, 45, 60, 90]
},
timeRemainingPretty() {
return this.$secondsToTimestamp(this.currentTime)
@ -71,6 +76,12 @@ export default {
cancelSleepTimer() {
this.$emit('cancel')
this.show = false
},
increaseSleepTime() {
this.$emit('increase')
},
decreaseSleepTime() {
this.$emit('decrease')
}
},
mounted() {}