fabaff/platypush
1
0
Fork 0
forked from platypush/platypush
Code Issues Pull requests Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
Fabio Manganiello 2023-11-05 12:19:36 +01:00
parent 71bca662a1
commit daa93f5994
Signed by untrusted user: 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)" /> @status="$emit('player-status', $event)" />
<button title="Play URL" @click="$emit('play-url')"> <button title="Play URL" @click="$emit('play-url')">
<i class="fa fa-plus-circle" /> <i class="fas fa-play" />
</button> </button>
</div> </div>
</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" ? selectedPlayer.status : results[selectedResult]" :selected-subtitles="selectedSubtitles"
:browser-filter="browserFilter" @search="search" @select-player="selectedPlayer = $event" :browser-filter="browserFilter" @search="search" @select-player="selectedPlayer = $event"
@player-status="onStatusUpdate" @torrent-add="downloadTorrent($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]" /> @filter="browserFilter = $event" @source-toggle="sources[$event] = !sources[$event]" />
<div class="body-container" :class="{'expanded-header': $refs.header?.filterVisible}"> <div class="body-container" :class="{'expanded-header': $refs.header?.filterVisible}">
@ -64,7 +64,9 @@
</div> </div>
<div class="row footer"> <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> </div>
</form> </form>
</Modal> </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) { async playUrl(url) {
this.loading = true this.loading = true
@ -456,6 +467,7 @@ export default {
display: flex; display: flex;
justify-content: right; justify-content: right;
padding: 0; padding: 0;
margin-top: 1em;
} }
} }