platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 43 Pull Requests Packages Projects 4 Releases Wiki Activity

[`media` UI] Fixed style of the Play URL modal.

This commit is contained in:
Fabio Manganiello 2023-11-05 12:19:36 +01:00
parent 71bca662a1
commit daa93f5994
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/panels/Media/Header.vue
View File

@ -40,7 +40,7 @@
@status="$emit('player-status', $event)" />
<button title="Play URL" @click="$emit('play-url')">
<i class="fa fa-plus-circle" />
<i class="fas fa-play" />
</button>
</div>
</div>

16
platypush/backend/http/webapp/src/components/panels/Media/Index.vue
View File

@ -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]" />
<div class="body-container" :class="{'expanded-header': $refs.header?.filterVisible}">
@ -64,7 +64,9 @@
</div>
<div class="row footer">
<button type="submit" :disabled="!urlPlay?.length">Play</button>
<button type="submit" :disabled="!urlPlay?.length">
<i class="fa fa-play"></i> Play
</button>
</div>
</form>
</Modal>
@ -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;
}
}