From 389b603d7d6074079965fb9a1c6d8e830c8f8da5 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 20 Aug 2022 16:38:08 -0500
Subject: [PATCH] Update:Show episode rss feed url at the bottom of episode
 edit modal

---
 .../modals/podcast/tabs/EpisodeDetails.vue        | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/client/components/modals/podcast/tabs/EpisodeDetails.vue b/client/components/modals/podcast/tabs/EpisodeDetails.vue
index 5bb5f3e0..554187f8 100644
--- a/client/components/modals/podcast/tabs/EpisodeDetails.vue
+++ b/client/components/modals/podcast/tabs/EpisodeDetails.vue
@@ -23,9 +23,16 @@
         <ui-rich-text-editor label="Description" v-model="newEpisode.description" />
       </div>
     </div>
-    <div class="flex justify-end pt-4">
+    <div class="flex items-center justify-end pt-4">
       <ui-btn @click="submit">Submit</ui-btn>
     </div>
+    <div v-if="enclosureUrl" class="py-4">
+      <p class="text-xs text-gray-300 font-semibold">Episode URL from RSS feed</p>
+      <a :href="enclosureUrl" target="_blank" class="text-xs text-blue-400 hover:text-blue-500 hover:underline">{{ enclosureUrl }}</a>
+    </div>
+    <div v-else class="py-4">
+      <p class="text-xs text-gray-300 font-semibold">Episode not linked to RSS feed episode</p>
+    </div>
   </div>
 </template>
 
@@ -76,6 +83,12 @@ export default {
     },
     episodeId() {
       return this.episode ? this.episode.id : null
+    },
+    enclosure() {
+      return this.episode ? this.episode.enclosure || {} : {}
+    },
+    enclosureUrl() {
+      return this.enclosure.url
     }
   },
   methods: {