add shake to wake

Author: KodeStar

components/Player.vue

@@ -237,10 +237,7 @@ export default {
       if (mins === 'chapter') {
         this.$store.commit('player/sleep', 'chapter')
       } else {
-        const seconds = mins * 60 // mins to seconds
-        const milliseconds = seconds * 1000 // conds to milliseconds
-        this.$store.dispatch('player/sleeptimer', milliseconds)
-        this.$store.commit('player/sleepend', Date.now() + milliseconds)
+        this.$store.dispatch('player/sleeptimer', mins)
       }
       this.setsleeptimer = false
     },

layouts/page.vue

@@ -63,6 +63,9 @@ export default {
     showplayer () {
       return this.$store.state.app.player
     },
+    fadeout () {
+      return this.$store.state.player.fadeout
+    },
     player () {
       return this.$store.state.player.player
     },
@@ -99,13 +102,15 @@ export default {
         }
       }
     },
-    grantdevicemotion (to, from) {
-      console.log('grantdevicemotion event')
-      console.log(to)
+    fadeout (to, from) {
       if (to !== from) {
         if (to !== null) {
-          console.log('permission granteds')
-          window.addEventListener('devicemotion', this.motion, false)
+          if(this.grantdevicemotion !== null) {
+            console.log('permission granted')
+            window.addEventListener('devicemotion', this.motion, false)
+          }
+        } else {
+          window.removeEventListener('devicemotion', this.motion, false)
         }
       }
     },
@@ -208,8 +213,7 @@ export default {
         }
 
         if (this.moveCounter > 2) {
-          console.log('SHAKE!!!')
-          alert('shake!!')
+          this.$store.dispatch('player/clearFadeout')
           this.moveCounter = 0
         }
 

store/player/actions.js

@@ -76,14 +76,21 @@ export function setGlobalSeek (context) {
 
 }
 
-export function sleeptimer (context, milliseconds) {
+export function sleeptimer (context, mins) {
+  const seconds = mins * 60 // mins to seconds
+  const milliseconds = seconds * 1000 // conds to milliseconds
+
   const timerid = setTimeout(() => {
     // context.state.player.pause()
     context.commit('sleepend', null)
     context.commit('sleep', null)
     fadeOut(context)
   }, milliseconds)
+
   context.commit('sleep', timerid)
+  context.commit('player/sleepamount', mins)
+  context.commit('player/sleepend', Date.now() + milliseconds)
+
 }
 
 export function fadeOut (context) {
@@ -108,3 +115,10 @@ export function clearSleepTmer (context) {
   context.commit('sleepend', null)
   context.commit('sleep', null)
 }
+
+export function clearFadeout (context) {
+  const mins = context.state.sleepamount
+  clearInterval(context.state.fadeout)
+  context.state.player.volume = 1
+  sleeptimer(context, mins)
+}

store/player/mutations.js

@@ -35,6 +35,10 @@ export function sleep (state, data) {
   state.sleep = data
 }
 
+export function sleepamount (state, data) {
+  state.sleepamount = data
+}
+
 export function fadeout (state, data) {
   state.fadeout = data
 }

store/player/state.js

@@ -11,6 +11,7 @@ export default {
     path: ''
   },
   sleep: null,
+  sleepamount: null,
   sleepend: null,
   fadeout: null
 }