platypush/platypush/backend/http/templates/plugins/media/subs.html

35 lines
1.3 KiB
HTML

<script type="application/javascript" src="{{ url_for('static', filename='js/plugins/media/subs.js') }}"></script>
<script type="text/x-template" id="tmpl-media-subs">
<div class="subs-container">
<div class="loading" v-if="loading">Loading</div>
<div class="no-results" v-else-if="!Object.keys(items).length">No results</div>
<div class="subs" v-else>
<div class="list">
<div class="sub"
:class="{selected: selectedItem && selectedItem.SubDownloadLink === item.SubDownloadLink}"
@click="selectedItem = item"
v-for="item in items"
:key="item.SubDownloadLink">
<div class="col-1 icon">
<i class="fa fa-hdd" v-if="item.IsLocal"></i>
<i :class="'flag-icon flag-icon-' + item.ISO639" v-else></i>
</div>
<div class="col-11 title" v-text="item.SubFileName"></div>
</div>
</div>
<div class="controls">
<button type="button"
class="btn-default"
@click="play"
:disabled="!selectedItem">
Select and play
</button>
</div>
</div>
</div>
</script>