2019-06-14 00:54:20 +02:00
|
|
|
{% include 'plugins/media/search.html' %}
|
|
|
|
{% include 'plugins/media/controls.html' %}
|
|
|
|
{% include 'plugins/media/results.html' %}
|
|
|
|
{% include 'plugins/media/item.html' %}
|
2019-06-24 01:01:08 +02:00
|
|
|
{% include 'plugins/media/info.html' %}
|
|
|
|
|
2019-06-14 00:54:20 +02:00
|
|
|
|
2019-06-15 00:51:48 +02:00
|
|
|
{% for script in utils.search_directory(static_folder + '/js/plugins/media/handlers', 'js', recursive=True) %}
|
|
|
|
<script type="application/javascript" src="{{ url_for('static', filename='js/plugins/media/handlers/' + script) }}"></script>
|
|
|
|
{% endfor %}
|
|
|
|
|
2019-06-14 00:54:20 +02:00
|
|
|
<script type="text/x-template" id="tmpl-media">
|
|
|
|
<div class="plugin media-plugin">
|
2019-06-21 02:13:14 +02:00
|
|
|
<div class="search">
|
|
|
|
<div class="col-11">
|
|
|
|
<media-search :bus="bus"
|
|
|
|
:supportedTypes="types">
|
|
|
|
</media-search>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-1 pull-right">
|
|
|
|
<media-devices :bus="bus"
|
|
|
|
:localPlayer="player">
|
|
|
|
</media-devices>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-14 00:54:20 +02:00
|
|
|
|
|
|
|
<media-results :bus="bus"
|
2019-06-21 02:13:14 +02:00
|
|
|
:status="selectedDevice && status[selectedDevice.type] && status[selectedDevice.type][selectedDevice.name] ? status[selectedDevice.type][selectedDevice.name] : {}"
|
2019-06-16 21:45:21 +02:00
|
|
|
:searching="loading.results"
|
|
|
|
:loading="loading.media"
|
2019-06-22 00:15:32 +02:00
|
|
|
:resize="selectedDevice && status[selectedDevice.type] && status[selectedDevice.type][selectedDevice.name] && (status[selectedDevice.type][selectedDevice.name].state === 'play' || status[selectedDevice.type][selectedDevice.name].state === 'pause')"
|
2019-06-14 00:54:20 +02:00
|
|
|
:results="results">
|
|
|
|
</media-results>
|
|
|
|
|
|
|
|
<media-controls :bus="bus"
|
2019-06-22 00:15:32 +02:00
|
|
|
:status="selectedDevice && status[selectedDevice.type] && status[selectedDevice.type][selectedDevice.name] ? status[selectedDevice.type][selectedDevice.name] : {}"
|
|
|
|
v-if="selectedDevice && status[selectedDevice.type] && status[selectedDevice.type][selectedDevice.name] && (status[selectedDevice.type][selectedDevice.name].state === 'play' || status[selectedDevice.type][selectedDevice.name].state === 'pause')">
|
2019-06-14 00:54:20 +02:00
|
|
|
</media-controls>
|
2019-06-24 01:01:08 +02:00
|
|
|
|
|
|
|
<modal id="media-info" title="Media info" v-model="infoModal.visible" ref="modalInfo">
|
|
|
|
<div class="loading" v-if="infoModal.loading">Loading</div>
|
|
|
|
<media-info :bus="bus" :item="infoModal.item" v-else></media-info>
|
|
|
|
</modal>
|
2019-06-14 00:54:20 +02:00
|
|
|
</div>
|
|
|
|
</script>
|
|
|
|
|