|
@@ -17,6 +17,8 @@
|
|
|
<th>Artist(s)</th>
|
|
|
<th>Type</th>
|
|
|
<th>Id</th>
|
|
|
+ <th>Likes</th>
|
|
|
+ <th>Dislikes</th>
|
|
|
<th>Img</th>
|
|
|
<th>Preview</th>
|
|
|
<th>Edit</th>
|
|
@@ -31,6 +33,8 @@
|
|
|
<td>{{artist}}</td>
|
|
|
<td>{{type}}</td>
|
|
|
<td>{{id}}</td>
|
|
|
+ <td>{{likes}}</td>
|
|
|
+ <td>{{dislikes}}</td>
|
|
|
<td class="column-small"><a href="{{img}}" target="_blank"><button class="btn btn-primary preview-button">Preview Image</button></a></td>
|
|
|
<td class="column-small"><button class="btn btn-primary preview-button" data-toggle="modal" data-target="#previewModal">Preview</button></td>
|
|
|
<td class="column-small"><button class="btn btn-primary edit-queue-button" data-genre="{{../type}}" data-toggle="modal" data-target="#editModal">Edit</button></td>
|
|
@@ -55,10 +59,13 @@
|
|
|
<table class="table table-striped">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
+ <th>Mid</th>
|
|
|
<th>Title</th>
|
|
|
<th>Artist(s)</th>
|
|
|
<th>Type</th>
|
|
|
<th>Id</th>
|
|
|
+ <th>Likes</th>
|
|
|
+ <th>Dislikes</th>
|
|
|
<th>Img</th>
|
|
|
<th>Preview</th>
|
|
|
<th>Edit</th>
|
|
@@ -68,10 +75,13 @@
|
|
|
<tbody>
|
|
|
{{#each songs}}
|
|
|
<tr>
|
|
|
- <th scope="row">{{title}}</th>
|
|
|
+ <th scope="row">{{mid}}</th>
|
|
|
+ <th>{{title}}</th>
|
|
|
<td>{{artist}}</td>
|
|
|
<td>{{type}}</td>
|
|
|
<td>{{id}}</td>
|
|
|
+ <td>{{likes}}</td>
|
|
|
+ <td>{{dislikes}}</td>
|
|
|
<td class="column-small"><a href="{{img}}" target="_blank"><button class="btn btn-primary preview-button">Preview Image</button></a></td>
|
|
|
<td class="column-small"><button class="btn btn-primary preview-button" data-toggle="modal" data-target="#previewModal">Preview</button></td>
|
|
|
<td class="column-small"><button class="btn btn-primary edit-playlist-button" data-genre="{{../type}}" data-toggle="modal" data-target="#editModal">Edit</button></td>
|
|
@@ -85,6 +95,8 @@
|
|
|
</div>
|
|
|
{{/each}}
|
|
|
|
|
|
+ <button class="btn btn-danger col-md-6 col-md-offset-3" id="rrating" data-toggle="modal" data-target="#confirmModal">Reset Rating</button>
|
|
|
+
|
|
|
<div class="col-md-4 col-md-offset-4">
|
|
|
<div id="croom_container">
|
|
|
<label for="croom_display" class="croom_label">Room Display Name (eg 'Edm'):</label>
|
|
@@ -99,6 +111,24 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+ <div id="confirmModal" class="modal fade" role="dialog">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <!-- Modal content-->
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
+ <h4 class="modal-title">Confirm</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <button id="rreset_confirm" class="btn btn-danger">Reset All Ratings</button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button id="close-modal" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div id="previewModal" class="modal fade" role="dialog">
|
|
|
<div class="modal-dialog">
|
|
|
<!-- Modal content-->
|
|
@@ -136,6 +166,8 @@
|
|
|
<option name="youtube" id="youtube">YouTube</option>
|
|
|
<option name="soundcloud" id="soundcloud">SoundCloud</option>
|
|
|
</select>
|
|
|
+ <label for="mid" class="song-input-label">Song MID</label>
|
|
|
+ <input class="song-input" name="mid" id="mid" type="text" />
|
|
|
<label for="id" class="song-input-label">Song ID</label>
|
|
|
<input class="song-input" name="id" id="id" type="text" />
|
|
|
<label for="id" class="song-input-label">Song Artist</label>
|
|
@@ -144,8 +176,12 @@
|
|
|
<input class="song-input" name="title" id="title" type="text" />
|
|
|
<label for="title" class="song-input-label">Song Duration</label>
|
|
|
<input class="song-input" name="duration" id="duration" type="number" />
|
|
|
- <label class="song-input-label">Skip Duration</label>
|
|
|
+ <label for="skip-duration" class="song-input-label">Skip Duration</label>
|
|
|
<input class="song-input" id="skip-duration" type="number" />
|
|
|
+ <label for="likes" class="song-input-label">Likes</label>
|
|
|
+ <input class="song-input" id="likes" type="number"/>
|
|
|
+ <label for="dislikes" class="song-input-label">Dislikes</label>
|
|
|
+ <input class="song-input" id="dislikes" type="number"/>
|
|
|
<label for="img" class="song-input-label">Song Image</label>
|
|
|
<input class="song-input" name="img" id="img" type="text" />
|
|
|
<button type="button" id="get-spotify-info" class="button">Get Spotify Data</button>
|