From 8cb58fe3885da7427b3e82f0360a8fdb892d7431 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Sat, 9 Nov 2024 00:28:19 +0100
Subject: [PATCH] feat: :sparkles: Skip back or forward (fix #159)

---
 l10n/de.js                           |  2 +
 l10n/de.json                         |  2 +
 l10n/fr.js                           |  2 +
 l10n/fr.json                         |  2 +
 package.json                         |  4 +-
 src/components/Player/Controls.vue   | 25 ++++++++++-
 translationfiles/de/repod.po         |  6 +++
 translationfiles/fr/repod.po         |  6 +++
 translationfiles/templates/repod.pot | 62 ++++++++++++++++------------
 9 files changed, 81 insertions(+), 30 deletions(-)

diff --git a/l10n/de.js b/l10n/de.js
index ceb7b56..169ee57 100644
--- a/l10n/de.js
+++ b/l10n/de.js
@@ -22,7 +22,9 @@ OC.L10N.register(
     "Open website" : "Webseite aufrufen",
     "Could not change the status of the episode" : "Kann den Status der Folge nicht ändern",
     "Could not fetch episodes" : "Folgen können nicht abgerufen werden",
+    "Rewind 10 seconds" : "10 Sekunden zurückspulen",
     "Pause" : "Pause",
+    "Fast forward 30 seconds" : "30 Sekunden vorspulen",
     "Mute" : "Stumm",
     "Unmute" : "Stummschalten",
     "Export subscriptions" : "Abonnements exportieren",
diff --git a/l10n/de.json b/l10n/de.json
index 67d38bd..2970774 100644
--- a/l10n/de.json
+++ b/l10n/de.json
@@ -20,7 +20,9 @@
     "Open website" : "Webseite aufrufen",
     "Could not change the status of the episode" : "Kann den Status der Folge nicht ändern",
     "Could not fetch episodes" : "Folgen können nicht abgerufen werden",
+    "Rewind 10 seconds" : "10 Sekunden zurückspulen",
     "Pause" : "Pause",
+    "Fast forward 30 seconds" : "30 Sekunden vorspulen",
     "Mute" : "Stumm",
     "Unmute" : "Stummschalten",
     "Export subscriptions" : "Abonnements exportieren",
diff --git a/l10n/fr.js b/l10n/fr.js
index af81ac4..08b1de2 100644
--- a/l10n/fr.js
+++ b/l10n/fr.js
@@ -22,7 +22,9 @@ OC.L10N.register(
     "Open website" : "Ouvrir le site web",
     "Could not change the status of the episode" : "Impossible de changer le status de l'épisode",
     "Could not fetch episodes" : "Impossible de récuprer les épisodes",
+    "Rewind 10 seconds" : "Retour rapide de 10 secondes",
     "Pause" : "Pause",
+    "Fast forward 30 seconds" : "Avance rapide de 30 secondes",
     "Mute" : "Silencer",
     "Unmute" : "Paroler",
     "Export subscriptions" : "Exporter les abonnements",
diff --git a/l10n/fr.json b/l10n/fr.json
index 6a98559..c0505fd 100644
--- a/l10n/fr.json
+++ b/l10n/fr.json
@@ -20,7 +20,9 @@
     "Open website" : "Ouvrir le site web",
     "Could not change the status of the episode" : "Impossible de changer le status de l'épisode",
     "Could not fetch episodes" : "Impossible de récuprer les épisodes",
+    "Rewind 10 seconds" : "Retour rapide de 10 secondes",
     "Pause" : "Pause",
+    "Fast forward 30 seconds" : "Avance rapide de 30 secondes",
     "Mute" : "Silencer",
     "Unmute" : "Paroler",
     "Export subscriptions" : "Exporter les abonnements",
diff --git a/package.json b/package.json
index 33432de..bf12b80 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,9 @@
     "dev": "vite --mode development build",
     "watch": "vite --mode development build --watch",
     "lint": "vue-tsc && eslint src",
-    "stylelint": "stylelint src/**/*.vue src/**/*.scss src/**/*.css"
+    "lint:fix": "vue-tsc && eslint src --fix",
+    "stylelint": "stylelint src/**/*.vue src/**/*.scss src/**/*.css",
+    "stylelint:fix": "stylelint src/**/*.vue src/**/*.scss src/**/*.css --fix"
   },
   "type": "module",
   "browserslist": [
diff --git a/src/components/Player/Controls.vue b/src/components/Player/Controls.vue
index 10360ad..f3099bd 100644
--- a/src/components/Player/Controls.vue
+++ b/src/components/Player/Controls.vue
@@ -1,5 +1,10 @@
 <template>
 	<div class="controls">
+		<Rewind10Icon
+			class="pointer rewind"
+			:size="20"
+			:title="t('repod', 'Rewind 10 seconds')"
+			@click="seek((currentTime ?? 0) - 10)" />
 		<PauseIcon
 			v-if="!paused"
 			class="pointer"
@@ -12,27 +17,36 @@
 			:size="50"
 			:title="t('repod', 'Play')"
 			@click="play" />
+		<FastForward30Icon
+			class="pointer forward"
+			:size="20"
+			:title="t('repod', 'Fast forward 30 seconds')"
+			@click="seek((currentTime ?? 0) + 30)" />
 	</div>
 </template>
 
 <script lang="ts">
 import { mapActions, mapState } from 'pinia'
+import FastForward30Icon from 'vue-material-design-icons/FastForward30.vue'
 import PauseIcon from 'vue-material-design-icons/Pause.vue'
 import PlayIcon from 'vue-material-design-icons/Play.vue'
+import Rewind10Icon from 'vue-material-design-icons/Rewind10.vue'
 import { t } from '@nextcloud/l10n'
 import { usePlayer } from '../../store/player.ts'
 
 export default {
 	name: 'Controls',
 	components: {
+		FastForward30Icon,
 		PauseIcon,
 		PlayIcon,
+		Rewind10Icon,
 	},
 	computed: {
-		...mapState(usePlayer, ['paused']),
+		...mapState(usePlayer, ['currentTime', 'paused']),
 	},
 	methods: {
-		...mapActions(usePlayer, ['play', 'pause']),
+		...mapActions(usePlayer, ['play', 'pause', 'seek']),
 		t,
 	},
 }
@@ -46,4 +60,11 @@ export default {
 .pointer {
 	cursor: pointer;
 }
+
+@media only screen and (max-width: 768px) {
+	.forward,
+	.rewind {
+		display: none;
+	}
+}
 </style>
diff --git a/translationfiles/de/repod.po b/translationfiles/de/repod.po
index 84d635d..9e59539 100644
--- a/translationfiles/de/repod.po
+++ b/translationfiles/de/repod.po
@@ -103,9 +103,15 @@ msgstr "Kann den Status der Folge nicht ändern"
 msgid "Could not fetch episodes"
 msgstr "Folgen können nicht abgerufen werden"
 
+msgid "Rewind 10 seconds"
+msgstr "10 Sekunden zurückspulen"
+
 msgid "Pause"
 msgstr "Pause"
 
+msgid "Fast forward 30 seconds"
+msgstr "30 Sekunden vorspulen"
+
 msgid "Mute"
 msgstr "Stumm"
 
diff --git a/translationfiles/fr/repod.po b/translationfiles/fr/repod.po
index bb8ae56..852991e 100644
--- a/translationfiles/fr/repod.po
+++ b/translationfiles/fr/repod.po
@@ -107,9 +107,15 @@ msgstr "Impossible de changer le status de l'épisode"
 msgid "Could not fetch episodes"
 msgstr "Impossible de récuprer les épisodes"
 
+msgid "Rewind 10 seconds"
+msgstr "Retour rapide de 10 secondes"
+
 msgid "Pause"
 msgstr "Pause"
 
+msgid "Fast forward 30 seconds"
+msgstr "Avance rapide de 30 secondes"
+
 msgid "Mute"
 msgstr "Silencer"
 
diff --git a/translationfiles/templates/repod.pot b/translationfiles/templates/repod.pot
index 6a5184c..1c048ba 100644
--- a/translationfiles/templates/repod.pot
+++ b/translationfiles/templates/repod.pot
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Nextcloud 3.14159\n"
 "Report-Msgid-Bugs-To: translations\\@example.com\n"
-"POT-Creation-Date: 2024-11-08 22:57+0000\n"
+"POT-Creation-Date: 2024-11-08 23:27+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -101,7 +101,7 @@ msgstr ""
 
 #: /app/specialVueFakeDummyForL10nScript.js:15
 #: /app/specialVueFakeDummyForL10nScript.js:16
-#: /app/specialVueFakeDummyForL10nScript.js:30
+#: /app/specialVueFakeDummyForL10nScript.js:31
 msgid "Play"
 msgstr ""
 
@@ -131,106 +131,114 @@ msgid "Could not fetch episodes"
 msgstr ""
 
 #: /app/specialVueFakeDummyForL10nScript.js:29
+msgid "Rewind 10 seconds"
+msgstr ""
+
+#: /app/specialVueFakeDummyForL10nScript.js:30
 msgid "Pause"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:31
 #: /app/specialVueFakeDummyForL10nScript.js:32
+msgid "Fast forward 30 seconds"
+msgstr ""
+
 #: /app/specialVueFakeDummyForL10nScript.js:33
+#: /app/specialVueFakeDummyForL10nScript.js:34
+#: /app/specialVueFakeDummyForL10nScript.js:35
 msgid "Mute"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:34
+#: /app/specialVueFakeDummyForL10nScript.js:36
 msgid "Unmute"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:35
+#: /app/specialVueFakeDummyForL10nScript.js:37
 msgid "Export subscriptions"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:36
+#: /app/specialVueFakeDummyForL10nScript.js:38
 msgid "Filtering episodes"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:37
+#: /app/specialVueFakeDummyForL10nScript.js:39
 msgid "Show all"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:38
+#: /app/specialVueFakeDummyForL10nScript.js:40
 msgid "Listened"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:39
+#: /app/specialVueFakeDummyForL10nScript.js:41
 msgid "Listening"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:40
+#: /app/specialVueFakeDummyForL10nScript.js:42
 msgid "Unlistened"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:41
+#: /app/specialVueFakeDummyForL10nScript.js:43
 msgid "Import subscriptions"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:42
+#: /app/specialVueFakeDummyForL10nScript.js:44
 msgid "Import OPML file"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:43
+#: /app/specialVueFakeDummyForL10nScript.js:45
 msgid "Rate RePod ❤️"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:44
+#: /app/specialVueFakeDummyForL10nScript.js:46
 msgid "Playback speed"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:45
-#: /app/specialVueFakeDummyForL10nScript.js:46
 #: /app/specialVueFakeDummyForL10nScript.js:47
+#: /app/specialVueFakeDummyForL10nScript.js:48
+#: /app/specialVueFakeDummyForL10nScript.js:49
 msgid "Favorite"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:48
+#: /app/specialVueFakeDummyForL10nScript.js:50
 msgid "Are you sure you want to delete this subscription?"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:49
+#: /app/specialVueFakeDummyForL10nScript.js:51
 msgid "Error while removing the feed"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:50
+#: /app/specialVueFakeDummyForL10nScript.js:52
 msgid "You can only have 10 favorites"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:51
+#: /app/specialVueFakeDummyForL10nScript.js:53
 msgid "Add a podcast"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:52
+#: /app/specialVueFakeDummyForL10nScript.js:54
 msgid "Could not fetch subscriptions"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:53
+#: /app/specialVueFakeDummyForL10nScript.js:55
 msgid "Find a podcast"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:54
+#: /app/specialVueFakeDummyForL10nScript.js:56
 msgid "Error loading feed"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:55
+#: /app/specialVueFakeDummyForL10nScript.js:57
 msgid "Missing required app"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:56
+#: /app/specialVueFakeDummyForL10nScript.js:58
 msgid "Install GPodder Sync"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:57
+#: /app/specialVueFakeDummyForL10nScript.js:59
 msgid "Pin some subscriptions to see their latest updates"
 msgstr ""
 
-#: /app/specialVueFakeDummyForL10nScript.js:58
+#: /app/specialVueFakeDummyForL10nScript.js:60
 msgid "No favorites"
 msgstr ""