diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue b/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue index 2409dac4..93e370a4 100644 --- a/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue +++ b/platypush/backend/http/webapp/src/components/panels/Media/Nav.vue @@ -63,7 +63,7 @@ nav { position: relative; box-shadow: 2.5px 0 4.5px 2px $nav-collapsed-fg; margin-left: 2.5px; - overflow: hidden; + overflow: auto; .menu-button { position: absolute; diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue index 297422e8..ee341678 100644 --- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue +++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue @@ -14,6 +14,11 @@ @play="$emit('play', $event)" @select="onPlaylistSelected" v-else-if="selectedView === 'playlists'" /> + @@ -29,6 +34,7 @@ import Feed from "./YouTube/Feed"; import Index from "./YouTube/Index"; import NoToken from "./YouTube/NoToken"; import Playlists from "./YouTube/Playlists"; +import Subscriptions from "./YouTube/Subscriptions"; export default { mixins: [MediaProvider], @@ -39,6 +45,7 @@ export default { MediaNav, NoToken, Playlists, + Subscriptions, }, data() { @@ -46,6 +53,7 @@ export default { youtubeConfig: null, selectedView: null, selectedPlaylist: null, + selectedChannel: null, path: [], } }, @@ -83,6 +91,8 @@ export default { this.selectedView = view if (view === 'playlists') this.selectedPlaylist = null + else if (view === 'subscriptions') + this.selectedChannel = null if (view?.length) { this.path = [ @@ -102,6 +112,13 @@ export default { title: playlist.name, }) }, + + onChannelSelected(channel) { + this.selectedChannel = channel.id + this.path.push({ + title: channel.name, + }) + }, }, mounted() { diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue new file mode 100644 index 00000000..bebd8353 --- /dev/null +++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue @@ -0,0 +1,188 @@ + + + + + diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue new file mode 100644 index 00000000..e97cdf79 --- /dev/null +++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue @@ -0,0 +1,137 @@ + + + + + diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Results.vue b/platypush/backend/http/webapp/src/components/panels/Media/Results.vue index b8236284..c45530b3 100644 --- a/platypush/backend/http/webapp/src/components/panels/Media/Results.vue +++ b/platypush/backend/http/webapp/src/components/panels/Media/Results.vue @@ -1,16 +1,12 @@