From cb6b1919a8d6aa64fc4f58b4738871c0ab0dc90b Mon Sep 17 00:00:00 2001
From: whatdoineed2do/Ray <whatdoineed2do@nospam.gmail.com>
Date: Wed, 24 Apr 2019 23:02:51 +0100
Subject: [PATCH] [web-src] add fast skip fwd/back on now playing

Conflicts:
	web-src/src/pages/PageNowPlaying.vue
---
 .../src/components/PlayerButtonSkipBack.vue   | 25 +++++++++++++++++++
 .../src/components/PlayerButtonSkipFwd.vue    | 25 +++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 web-src/src/components/PlayerButtonSkipBack.vue
 create mode 100644 web-src/src/components/PlayerButtonSkipFwd.vue

diff --git a/web-src/src/components/PlayerButtonSkipBack.vue b/web-src/src/components/PlayerButtonSkipBack.vue
new file mode 100644
index 00000000..7672b931
--- /dev/null
+++ b/web-src/src/components/PlayerButtonSkipBack.vue
@@ -0,0 +1,25 @@
+<template>
+  <a v-on:click="play_skip_back">
+    <span class="icon"><i class="mdi mdi-replay"></i></span>
+  </a>
+</template>
+
+<script>
+import webapi from '@/webapi'
+
+export default {
+  name: 'PlayerButtonSkipBack',
+  props: [ 'when_ms' ],
+
+  methods: {
+    play_skip_back: function () {
+      if (this.$store.state.player.state !== 'stop') {
+        webapi.player_seek(this.when_ms - 10000)
+      }
+    }
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/web-src/src/components/PlayerButtonSkipFwd.vue b/web-src/src/components/PlayerButtonSkipFwd.vue
new file mode 100644
index 00000000..9d5d9b5c
--- /dev/null
+++ b/web-src/src/components/PlayerButtonSkipFwd.vue
@@ -0,0 +1,25 @@
+<template>
+  <a v-on:click="play_skip_fwd">
+    <span class="icon"><i class="mdi mdi-flip-h mdi-replay"></i></span>
+  </a>
+</template>
+
+<script>
+import webapi from '@/webapi'
+
+export default {
+  name: 'PlayerButtonSkipFwd',
+  props: [ 'when_ms' ],
+
+  methods: {
+    play_skip_fwd: function () {
+      if (this.$store.state.player.state !== 'stop') {
+        webapi.player_seek(this.when_ms + 10000)
+      }
+    }
+  }
+}
+</script>
+
+<style>
+</style>