okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added podcast search

Browse source
This commit is contained in:
booploops 2022-01-21 00:42:10 -08:00
parent c5b2861735
commit aeaa2acca5
2 changed files with 51 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/style.less
View file

@ -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;
}
}

50
src/renderer/views/pages/podcasts.ejs
View file

@ -8,10 +8,11 @@
style="width:100%;"
spellcheck="false"
placeholder="Search..."
@change="searchPodcasts();librarySearch()"
v-model="search.term" class="search-input">
</div>
</div>
<div>
<div v-if="search.term == ''">
<div class="podcast-list-header" v-if="ciderPodcasts.length != 0">
Followed on Cider
</div>
@ -19,7 +20,16 @@
Subscribed on iTunes
</div>
<podcast-tab :isselected="podcastSelected.id == podcast.id" @click.native="selectPodcast(podcast)" v-for="podcast in podcasts" :item="podcast"></podcast-tab>
</div>
<div v-else>
<div class="podcast-list-header" v-if="podcasts.length != 0">
Library
</div>
<podcast-tab :isselected="podcastSelected.id == podcast.id" @click.native="selectPodcast(podcast)" v-for="podcast in search.resultsLibrary" :item="podcast"></podcast-tab>
<div class="podcast-list-header" v-if="podcasts.length != 0">
iTunes Store
</div>
<podcast-tab :isselected="podcastSelected.id == podcast.id" @click.native="selectPodcast(podcast)" v-for="podcast in search.results" :item="podcast"></podcast-tab>
</div>
</div>
<div class="episodes-list">
@ -38,7 +48,14 @@
</div>
<div class="well podcast-show-description">{{ podcastSelected.attributes.description.standard }}</div>
<div class="row" v-if="!isSubscribed(podcastSelected.id)">
<div class="col">
<button class="md-btn md-btn-block">Follow on Cider</button>
</div>
<div class="col">
<button class="md-btn md-btn-block">Subscribe on iTunes</button>
</div>
</div>
<h3>Episodes</h3>
</div>
<podcast-episode :isselected="selected.id == episode.id" @dblclick.native="playEpisode(episode)" @click.native="selectEpisode(episode)" :item="episode"
@ -128,7 +145,10 @@
episodes: [],
search: {
term: "",
results: []
loading: false,
results: [],
resultsLibrary: [],
next: ""
},
podcastSelected: {
id: -1
@ -147,6 +167,28 @@
// this.episodes = podcastShow.data.data[0].relationships.episodes.data
},
methods: {
searchTriggerVis(visible) {
},
librarySearch() {
this.search.resultsLibrary = []
if (this.search.term.length > 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)
},