From 6b416e6fc1e276a602ae334a41dba4e6fa30df05 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Sat, 2 Jul 2022 14:33:53 -0500
Subject: [PATCH] Fix:Podcast author on item page and use html description for
 podcast episodes

---
 assets/app.css                           |  1 +
 assets/defaultStyles.css                 | 55 ++++++++++++++++++++++++
 components/tables/podcast/EpisodeRow.vue |  5 +--
 pages/item/_id.vue                       |  2 +-
 4 files changed, 59 insertions(+), 4 deletions(-)
 create mode 100644 assets/defaultStyles.css

diff --git a/assets/app.css b/assets/app.css
index 3be5eaea..98a26d1a 100644
--- a/assets/app.css
+++ b/assets/app.css
@@ -1,4 +1,5 @@
 @import "./fonts.css";
+@import './defaultStyles.css';
 
 body {
   background-color: #262626;
diff --git a/assets/defaultStyles.css b/assets/defaultStyles.css
new file mode 100644
index 00000000..027ccdf2
--- /dev/null
+++ b/assets/defaultStyles.css
@@ -0,0 +1,55 @@
+/*
+
+  This is for setting regular html styles for places where embedding HTML will be
+  like podcast episode descriptions. Otherwise TailwindCSS will have stripped all default markup.
+
+*/
+
+.default-style p {
+  display: block;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}
+
+.default-style a {
+  text-decoration: none;
+  color: #5985ff;
+}
+
+.default-style ul {
+  display: block;
+  list-style: circle;
+  list-style-type: disc;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+  padding-inline-start: 40px;
+}
+
+.default-style ol {
+  display: block;
+  list-style: decimal;
+  list-style-type: decimal;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+  padding-inline-start: 40px;
+}
+
+.default-style li {
+  display: list-item;
+  text-align: -webkit-match-parent;
+}
+
+.default-style li::marker {
+  unicode-bidi: isolate;
+  font-variant-numeric: tabular-nums;
+  text-transform: none;
+  text-indent: 0px !important;
+  text-align: start !important;
+  text-align-last: start !important;
+}
\ No newline at end of file
diff --git a/components/tables/podcast/EpisodeRow.vue b/components/tables/podcast/EpisodeRow.vue
index 26801d20..0110b1fd 100644
--- a/components/tables/podcast/EpisodeRow.vue
+++ b/components/tables/podcast/EpisodeRow.vue
@@ -16,9 +16,8 @@
       <p class="text-sm font-semibold">
         {{ title }}
       </p>
-      <p class="text-sm text-gray-200 episode-subtitle mt-1.5 mb-0.5">
-        {{ description }}
-      </p>
+      <p class="text-sm text-gray-200 episode-subtitle mt-1.5 mb-0.5 default-style" v-html="description" />
+
       <div class="flex items-center pt-2">
         <div class="h-8 px-4 border border-white border-opacity-20 hover:bg-white hover:bg-opacity-10 rounded-full flex items-center justify-center cursor-pointer" :class="userIsFinished ? 'text-white text-opacity-40' : ''" @click="playClick">
           <span class="material-icons" :class="streamIsPlaying ? '' : 'text-success'">{{ streamIsPlaying ? 'pause' : 'play_arrow' }}</span>
diff --git a/pages/item/_id.vue b/pages/item/_id.vue
index 3162c98f..f01d283a 100644
--- a/pages/item/_id.vue
+++ b/pages/item/_id.vue
@@ -21,7 +21,7 @@
             ><span :key="`${series.id}-comma`" v-if="index < seriesList.length - 1">,&nbsp;</span></template
           >
         </p>
-        <p v-if="podcastAuthor" class="text-sm text-gray-400 py-0.5">By {{ author }}</p>
+        <p v-if="podcastAuthor" class="text-sm text-gray-400 py-0.5">By {{ podcastAuthor }}</p>
         <p v-else-if="bookAuthors && bookAuthors.length" class="text-sm text-gray-400 py-0.5">
           By
           <template v-for="(author, index) in bookAuthors"