From dea4eba1099164c44858543140f28b58ec7cdc48 Mon Sep 17 00:00:00 2001
From: Preston <freetubeapp@protonmail.com>
Date: Wed, 9 Sep 2020 18:58:35 -0400
Subject: [PATCH] Fix and add Locales.  Add Reverse playlist functionality

---
 .../components/data-settings/data-settings.js    |  6 +++---
 .../components/data-settings/data-settings.vue   |  2 +-
 .../ft-profile-selector/ft-profile-selector.vue  |  2 +-
 .../watch-video-playlist/watch-video-playlist.js | 14 ++++++++++++++
 .../watch-video-playlist.vue                     | 11 +++++++++++
 .../watch-video-recommendations.js               |  2 +-
 .../watch-video-recommendations.vue              |  2 +-
 src/renderer/main.js                             |  2 +-
 .../views/Subscriptions/Subscriptions.js         | 16 ++++++++++++----
 src/renderer/views/Watch/Watch.js                |  6 ++++--
 src/renderer/views/Watch/Watch.vue               |  2 +-
 static/locales/en-US.yaml                        |  7 +++++++
 12 files changed, 57 insertions(+), 15 deletions(-)

diff --git a/src/renderer/components/data-settings/data-settings.js b/src/renderer/components/data-settings/data-settings.js
index a31f054c..c8d2e521 100644
--- a/src/renderer/components/data-settings/data-settings.js
+++ b/src/renderer/components/data-settings/data-settings.js
@@ -422,7 +422,7 @@ export default Vue.extend({
             }
 
             this.showToast({
-              message: this.$t('Settings.Data Settings.All subscriptions have been successfully exported')
+              message: this.$t('Settings.Data Settings.Subscriptions have been successfully exported')
             })
           })
         })
@@ -489,7 +489,7 @@ export default Vue.extend({
           }
 
           this.showToast({
-            message: this.$t('Settings.Data Settings.All subscriptions have been successfully exported')
+            message: this.$t('Settings.Data Settings.Subscriptions have been successfully exported')
           })
         })
       })
@@ -557,7 +557,7 @@ export default Vue.extend({
           }
 
           this.showToast({
-            message: this.$t('Settings.Data Settings.All subscriptions have been successfully exported')
+            message: this.$t('Settings.Data Settings.Subscriptions have been successfully exported')
           })
         })
       })
diff --git a/src/renderer/components/data-settings/data-settings.vue b/src/renderer/components/data-settings/data-settings.vue
index faae68ff..1605f90e 100644
--- a/src/renderer/components/data-settings/data-settings.vue
+++ b/src/renderer/components/data-settings/data-settings.vue
@@ -19,7 +19,7 @@
         @click="importHistory"
       />
       <ft-button
-        :label="$t('Settings.Data Settings.Export Subscriptions')"
+        :label="$t('Settings.Data Settings.Export History')"
         @click="exportHistory"
       />
     </ft-flex-box>
diff --git a/src/renderer/components/ft-profile-selector/ft-profile-selector.vue b/src/renderer/components/ft-profile-selector/ft-profile-selector.vue
index 916f42f2..a263f8ae 100644
--- a/src/renderer/components/ft-profile-selector/ft-profile-selector.vue
+++ b/src/renderer/components/ft-profile-selector/ft-profile-selector.vue
@@ -18,7 +18,7 @@
       <h3
         class="profileListTitle"
       >
-        Profile Select
+        {{ $t("Profile.Profile Select") }}
       </h3>
       <ft-icon-button
         class="profileSettings"
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
index 886ed972..e4844e76 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
@@ -28,6 +28,7 @@ export default Vue.extend({
       isLoading: false,
       shuffleEnabled: false,
       loopEnabled: false,
+      reversePlaylist: false,
       channelName: '',
       channelId: '',
       channelThumbnail: '',
@@ -132,6 +133,19 @@ export default Vue.extend({
       }
     },
 
+    toggleReversePlaylist: function () {
+      this.isLoading = true
+      this.showToast({
+        message: this.$t('The playlist has been reversed')
+      })
+
+      this.reversePlaylist = !this.reversePlaylist
+      this.playlistItems = this.playlistItems.reverse()
+      setTimeout(() => {
+        this.isLoading = false
+      }, 1)
+    },
+
     playNextVideo: function () {
       const playlistInfo = {
         playlistId: this.playlistId
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
index 4eb4dcaf..94b6035f 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.vue
@@ -28,22 +28,33 @@
           class="playlistIcon"
           :class="{ playlistIconActive: loopEnabled }"
           icon="retweet"
+          :title="$t('Video.Loop Playlist')"
           @click="toggleLoop"
         />
         <font-awesome-icon
           class="playlistIcon"
           :class="{ playlistIconActive: shuffleEnabled }"
           icon="random"
+          :title="$t('Video.Shuffle Playlist')"
           @click="toggleShuffle"
         />
+        <font-awesome-icon
+          class="playlistIcon"
+          :class="{ playlistIconActive: reversePlaylist }"
+          icon="exchange-alt"
+          :title="$t('Video.Reverse Playlist')"
+          @click="toggleReversePlaylist"
+        />
         <font-awesome-icon
           class="playlistIcon"
           icon="step-backward"
+          :title="$t('Video.Play Previous Video')"
           @click="playPreviousVideo"
         />
         <font-awesome-icon
           class="playlistIcon"
           icon="step-forward"
+          :title="$t('Video.Play Next Video')"
           @click="playNextVideo"
         />
       </p>
diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
index 1652c16e..b72b4db8 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.js
@@ -16,7 +16,7 @@ export default Vue.extend({
       type: Array,
       required: true
     },
-    watchingPlaylist: {
+    showAutoplay: {
       type: Boolean,
       default: false
     }
diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
index 0c3a004a..0919674b 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
@@ -4,7 +4,7 @@
       {{ $t("Up Next") }}
     </h3>
     <ft-toggle-switch
-      v-if="!watchingPlaylist"
+      v-if="showAutoplay"
       class="autoPlayToggle"
       :label="$t('Video.Autoplay')"
       :compact="true"
diff --git a/src/renderer/main.js b/src/renderer/main.js
index 45ce297b..e35ebe4c 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -23,7 +23,7 @@ Vue.component('font-awesome-icon', FontAwesomeIcon)
 Vue.use(VueI18n)
 
 // List of locales approved for use
-const activeLocales = ['en-US', 'de-DE', 'es-MX', 'fi', 'fr-FR', 'ja', 'pt-BR', 'pt-PT', 'ru', 'vi', 'zh-CN', 'zh-TW']
+const activeLocales = ['en-US', 'de-DE', 'es-MX', 'fi', 'fr-FR', 'ja', 'pt-BR', 'pt-PT', 'pl', 'ru', 'vi', 'zh-CN', 'zh-TW']
 const messages = {}
 const fileLocation = isDev ? 'static/locales/' : `${__dirname}/static/locales/`
 
diff --git a/src/renderer/views/Subscriptions/Subscriptions.js b/src/renderer/views/Subscriptions/Subscriptions.js
index 1855dea8..c40ac78d 100644
--- a/src/renderer/views/Subscriptions/Subscriptions.js
+++ b/src/renderer/views/Subscriptions/Subscriptions.js
@@ -258,17 +258,25 @@ export default Vue.extend({
         const feedUrl = `https://www.youtube.com/feeds/videos.xml?channel_id=${channelId}`
 
         parser.parseURL(feedUrl).then(async (feed) => {
-          resolve(await Promise.all(feed.items.map((video) => {
+          const items = await Promise.all(feed.items.map((video) => {
             video.authorId = channelId
             video.videoId = video.id.replace('yt:video:', '')
             video.type = 'video'
-            video.publishedDate = new Date(video.pubDate)
-            video.publishedText = video.publishedDate.toLocaleString()
             video.lengthSeconds = '0:00'
             video.isRSS = true
 
+            video.publishedDate = new Date(video.pubDate)
+
+            if (video.publishedDate.toString() === 'Invalid Date') {
+              video.publishedDate = new Date(video.isoDate)
+            }
+
+            video.publishedText = video.publishedDate.toLocaleString()
+
             return video
-          })))
+          }))
+
+          resolve(items)
         }).catch((err) => {
           console.log(err)
           const errorMessage = this.$t('Local API Error (Click to copy)')
diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
index 976badce..a99d4ce0 100644
--- a/src/renderer/views/Watch/Watch.js
+++ b/src/renderer/views/Watch/Watch.js
@@ -303,8 +303,10 @@ export default Vue.extend({
               this.activeSourceList = this.videoSourceList
             }
 
-            const templateUrl = result.player_response.storyboards.playerStoryboardSpecRenderer.spec
-            this.createLocalStoryboardUrls(templateUrl)
+            if (typeof result.player_response.storyboards !== 'undefined') {
+              const templateUrl = result.player_response.storyboards.playerStoryboardSpecRenderer.spec
+              this.createLocalStoryboardUrls(templateUrl)
+            }
           }
 
           this.isLoading = false
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index 531f1781..73f1b6f1 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -80,7 +80,7 @@
       />
       <watch-video-recommendations
         v-if="!isLoading"
-        :watching-playlist="watchingPlaylist"
+        :show-autoplay="!watchingPlaylist"
         :data="recommendedVideos"
         class="watchVideoSideBar watchVideoRecommendations"
         :class="{
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index 1de32c7f..7a12dc25 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -271,6 +271,7 @@ About:
   Latest FreeTube News: Latest FreeTube News
 
 Profile:
+  Profile Select: Profile Select
   All Channels: All Channels
   Profile Manager: Profile Manager
   Create New Profile: Create New Profile
@@ -335,6 +336,11 @@ Video:
   Copy Invidious Link: Copy Invidious Link
   View: View
   Views: Views
+  Loop Playlist: Loop Playlist
+  Shuffle Playlist: Shuffle Playlist
+  Reverse Playlist: Reverse Playlist
+  Play Next Video: Play Next Video
+  Play Previous Video: Play Previous Video
   # Context is "X People Watching"
   Watching: Watching
   Watched: Watched
@@ -454,6 +460,7 @@ Loop is now disabled: Loop is now disabled
 Loop is now enabled: Loop is now enabled
 Shuffle is now disabled: Shuffle is now disabled
 Shuffle is now enabled: Shuffle is now enabled
+The playlist has been reversed: The playlist has been reversed
 Playing Next Video: Playing Next Video
 Playing Previous Video: Playing Previous Video
 Playing next video in 5 seconds.  Click to cancel: Playing next video in 5 seconds.  Click