MusareMeteor/app/client/templates/queues.html

<template name="queues">
    {{> alerts}}
    <div class="landing">
        {{> header}}
        <div class="row">
          {{#each queues}}
              <div class="col-md-8 col-md-offset-2 admin-queue-panel">
                  <div class="panel panel-danger">
                      <div class="panel-heading">
                          <h3 class="panel-title">{{display}} review queue</h3>
                      </div>
                      <div class="panel-body admin-panel-body">
                          <table class="table table-striped">
                              <thead>
                                  <tr>
                                      <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>
                                      <th>Add</th>
                                      <th colspan="10">Remove</th>
                                  </tr>
                              </thead>
                              <tbody>
                                  {{#each songs}}
                                      <tr>
                                          <th scope="row">{{title}}</th>
                                          <td>{{artist}}</td>
                                          <td>{{type}}</td>
                                          <td>{{id}}</td>
                                          <td>{{likes}}</td>
                                          <td>{{dislikes}}</td>
                                          <td class="column-small"><button class="btn btn-primary preview-button" id="previewImageButton" data-toggle="modal" data-target="#previewImageModal">Preview Image</button></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>
                                          <td class="column-small"><button class="btn btn-success add-song-button" data-genre="{{../type}}"><i class="fa fa-check-circle"></i></button></td>
                                          <td class="column-small"><button class="btn btn-danger deny-song-button" data-genre="{{../type}}"><i class="fa fa-ban"></i></button></td>
                                      </tr>
                                  {{/each}}
                              </tbody>
                          </table>
                      </div>
                  </div>
              </div>
          {{/each}}
        </div>
          <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
    </div>
</template>