diff --git a/src/renderer/style.less b/src/renderer/style.less index 327033db..cf1925c8 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -2588,10 +2588,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { .podcasts-search { padding: 10px; position: sticky; - top:0; - left:0; - width:100%; + top: 0; + left: 0; + width: 100%; border-bottom: 1px solid var(--color2); + z-index: 2; + background: #303030; } } diff --git a/src/renderer/views/pages/podcasts.ejs b/src/renderer/views/pages/podcasts.ejs index 1056a719..75473d6b 100644 --- a/src/renderer/views/pages/podcasts.ejs +++ b/src/renderer/views/pages/podcasts.ejs @@ -8,10 +8,11 @@ style="width:100%;" spellcheck="false" placeholder="Search..." + @change="searchPodcasts();librarySearch()" v-model="search.term" class="search-input"> -
+
Followed on Cider
@@ -19,7 +20,16 @@ Subscribed on iTunes
- +
+
+
+ Library +
+ +
+ iTunes Store +
+
@@ -38,7 +48,14 @@
{{ podcastSelected.attributes.description.standard }}
- +
+
+ +
+
+ +
+

Episodes

2) { + this.search.resultsLibrary = this.podcasts.filter(podcast => podcast.attributes.name.toLowerCase().includes(this.search.term.toLowerCase())) + } + }, + isSubscribed(id) { + return this.podcasts.filter(podcast => podcast.id == id).length > 0 + }, + searchPodcasts() { + let self = this + if(this.search.term == "") { + return + } + app.mk.api.v3.podcasts("/v1/catalog/us/search", {term: this.search.term, types: ["podcasts"], limit: 25}).then(response => { + console.log(response) + self.search.results = response.data.results.podcasts.data + }) + }, openUrl(url) { window.open(url) },