Add:Setting to disable shake to reset sleep timer #298 #169

pages/settings.vue

@@ -1,16 +1,19 @@
 <template>
   <div class="w-full h-full p-8">
+    <p class="uppercase text-xs font-semibold text-gray-300 mb-2">Display Settings</p>
     <div class="flex items-center py-3" @click="toggleEnableAltView">
       <div class="w-10 flex justify-center">
         <ui-toggle-switch v-model="settings.enableAltView" @input="saveSettings" />
       </div>
-      <p class="pl-4">Alternative Bookshelf View</p>
+      <p class="pl-4">Alternative bookshelf view</p>
     </div>
-    <div v-if="$platform !== 'ios'" class="flex items-center py-3" @click="toggleDisableAutoRewind">
+
+    <p class="uppercase text-xs font-semibold text-gray-300 mb-2 mt-6">Playback Settings</p>
+    <div v-if="!isiOS" class="flex items-center py-3" @click="toggleDisableAutoRewind">
       <div class="w-10 flex justify-center">
         <ui-toggle-switch v-model="settings.disableAutoRewind" @input="saveSettings" />
       </div>
-      <p class="pl-4">Disable Auto Rewind</p>
+      <p class="pl-4">Disable auto rewind</p>
     </div>
     <div class="flex items-center py-3" @click="toggleJumpBackwards">
       <div class="w-10 flex justify-center">
@@ -24,10 +27,21 @@
       </div>
       <p class="pl-4">Jump forwards time</p>
     </div>
+
+    <p v-if="!isiOS" class="uppercase text-xs font-semibold text-gray-300 mb-2 mt-6">Sleep Timer Settings</p>
+    <div v-if="!isiOS" class="flex items-center py-3" @click="toggleDisableShakeToResetSleepTimer">
+      <div class="w-10 flex justify-center">
+        <ui-toggle-switch v-model="settings.disableShakeToResetSleepTimer" @input="saveSettings" />
+      </div>
+      <p class="pl-4">Disable shake to reset</p>
+      <span class="material-icons-outlined ml-2" @click.stop="showInfo('disableShakeToResetSleepTimer')">info</span>
+    </div>
   </div>
 </template>
 
 <script>
+import { Dialog } from '@capacitor/dialog'
+
 export default {
   data() {
     return {
@@ -36,11 +50,21 @@ export default {
         disableAutoRewind: false,
         enableAltView: false,
         jumpForwardTime: 10,
-        jumpBackwardsTime: 10
+        jumpBackwardsTime: 10,
+        disableShakeToResetSleepTimer: false
+      },
+      settingInfo: {
+        disableShakeToResetSleepTimer: {
+          name: 'Disable shake to reset sleep timer',
+          message: 'The sleep timer will start fading out when 30s is remaining. Shaking your device will reset the timer if it is within 30s OR has finished less than 2 mintues ago. Enable this setting to disable that feature.'
+        }
       }
     }
   },
   computed: {
+    isiOS() {
+      return this.$platform === 'ios'
+    },
     jumpForwardItems() {
       return this.$store.state.globals.jumpForwardItems || []
     },
@@ -63,6 +87,18 @@ export default {
     }
   },
   methods: {
+    showInfo(setting) {
+      if (this.settingInfo[setting]) {
+        Dialog.alert({
+          title: this.settingInfo[setting].name,
+          message: this.settingInfo[setting].message
+        })
+      }
+    },
+    toggleDisableShakeToResetSleepTimer() {
+      this.settings.disableShakeToResetSleepTimer = !this.settings.disableShakeToResetSleepTimer
+      this.saveSettings()
+    },
     toggleDisableAutoRewind() {
       this.settings.disableAutoRewind = !this.settings.disableAutoRewind
       this.saveSettings()
@@ -99,6 +135,7 @@ export default {
       this.settings.enableAltView = !!deviceSettings.enableAltView
       this.settings.jumpForwardTime = deviceSettings.jumpForwardTime || 10
       this.settings.jumpBackwardsTime = deviceSettings.jumpBackwardsTime || 10
+      this.settings.disableShakeToResetSleepTimer = !!deviceSettings.disableShakeToResetSleepTimer
     }
   },
   mounted() {