60 lines
1.7 KiB
Handlebars
60 lines
1.7 KiB
Handlebars
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-2">
|
|
<div id="carbon">
|
|
<div class="carbon-wrapper">
|
|
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=dynobotnet" id="_carbonads_js"></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div class="level">
|
|
<div class="level-left">
|
|
<h3 class="title is-4">Playlist: {{server.name}}</h3>
|
|
</div>
|
|
<div class="level-right">
|
|
{{#if isManager}}<a class="button is-info playlist-clear" href="#">Clear</a>{{/if}}
|
|
</div>
|
|
</div>
|
|
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
|
|
<div class="bsa-cpc"></div>
|
|
<script>
|
|
(function(){
|
|
if(typeof _bsa !== 'undefined' && _bsa) {
|
|
_bsa.init('default', 'CKYD4KQU', 'placement:dynobotnet', {
|
|
target: '.bsa-cpc',
|
|
align: 'horizontal',
|
|
disable_css: 'true'
|
|
});
|
|
}
|
|
})();
|
|
</script>
|
|
{{#if queue}}
|
|
<table class="table is-striped">
|
|
<thead>
|
|
<tr><th>#</th><th>Thumb</th><th>Title</th><th></th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each queue}}
|
|
<tr>
|
|
<td>{{this.index}}</td>
|
|
<td>
|
|
<img class="playlist-thumb" src="{{this.thumbnail_url}}" />
|
|
</td>
|
|
<td>
|
|
<span class="playlist-title">
|
|
<a href="https://www.youtube.com/watch?v={{this.id}}" target="_blank">{{this.title}}</a>
|
|
</span>
|
|
</td>
|
|
<td>{{#if ../isManager}}<a id="{{this.index}}" class="button is-info playlist-remove" href="#">Remove</a>{{/if}}</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
{{else}}
|
|
<p>There are no songs in queue.</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|