diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Header.vue b/platypush/backend/http/webapp/src/components/panels/Media/Header.vue index b138797561..1bd7168f41 100644 --- a/platypush/backend/http/webapp/src/components/panels/Media/Header.vue +++ b/platypush/backend/http/webapp/src/components/panels/Media/Header.vue @@ -40,7 +40,7 @@ @status="$emit('player-status', $event)" /> diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue index 0432eace86..324685880d 100644 --- a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue +++ b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue @@ -18,7 +18,7 @@ ? selectedPlayer.status : results[selectedResult]" :selected-subtitles="selectedSubtitles" :browser-filter="browserFilter" @search="search" @select-player="selectedPlayer = $event" @player-status="onStatusUpdate" @torrent-add="downloadTorrent($event)" - @show-subtitles="showSubtitlesModal = !showSubtitlesModal" @play-url="$refs.playUrlModal.show()" + @show-subtitles="showSubtitlesModal = !showSubtitlesModal" @play-url="showPlayUrlModal" @filter="browserFilter = $event" @source-toggle="sources[$event] = !sources[$event]" />
@@ -64,7 +64,9 @@
@@ -309,6 +311,15 @@ export default { } }, + showPlayUrlModal() { + this.$refs.playUrlModal.show() + this.$refs.playUrlInput.value = '' + this.$nextTick(() => { + this.$refs.playUrlInput.value = '' + this.$refs.playUrlInput.focus() + }) + }, + async playUrl(url) { this.loading = true @@ -456,6 +467,7 @@ export default { display: flex; justify-content: right; padding: 0; + margin-top: 1em; } }