~hristoast/mousikofidi

mousikofidi/mousikofidi/templates/queue.html -rw-r--r-- 2.6 KiB
60039fd3Hristos N. Triantafillou Don't blow up when there's no cover art 27 days ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
{% extends 'base.html' %}
{% block content %}
  <div class="center hidden" id="queue-header">
    <h1 id="your-queue">Your Queue</h1>
    <div id="track-count"></div>
    <div id="saved-playlists"></div>
    <button id="clear-queue" title="Click this button to clear all tracks from your queue; this is not reversible">Clear Queue</button>
    <button class="hidden" id="undo-clear-queue">Undo Clear Queue</button>
    <div id="load-queue"></div>
    {% if playlist_save %}
      <div id="save-queue-div">
        <button id="save-queue" title="Save the current queue to a file; enter a name in the box or omit one for a generated name">Save Queue</button>
        <input type="text" id="save-name" placeholder="Name to save queue as" title="Name to save queue as; omit this for a generated name">
        <input name="force" type="checkbox" id="save-force" title="Check this to force save a playlist that already exists">
        <label for="force" title="Check this to force save a playlist that already exists; this is not reversible">Overwrite existing</label>
      </div>
    {% endif %}
  </div>

  <table class="hidden" id="queue-table">
    <h2 id="audio-tracks" class="center hidden"><a href="#audio-tracks">Audio Tracks</a></h2>
    <div id="audio-track-count" class="bold center hidden"></div>
    <thead>
      <tr>
        <th>Play</th>
        <th class="mobile-hide">Track</th>
        <th>Title</th>
        <th class="mobile-hide">Album</th>
        <th class="mobile-hide">Artist</th>
        <th class="mobile-hide">Length</th>
        <th>Remove</th>
        <th class="mobile-hide">Move Track</th>
      </tr>
    </thead>
    <tbody id="queue-body"></tbody>
  </table>

  <table class="hidden" id="queue-table-video">
    <h2 id="video-tracks" class="center hidden"><a href="#video-tracks">Video Tracks</a></h2>
    <div id="video-track-count" class="bold center hidden"></div>
    <thead>
      <tr>
        <th>Play</th>
        <th class="mobile-hide">Track</th>
        <th>Title</th>
        <th class="mobile-hide">Album</th>
        <th class="mobile-hide">Artist</th>
        <th class="mobile-hide">Length</th>
        <th>Remove</th>
        <th class="mobile-hide">Move Track</th>
      </tr>
    </thead>
    <tbody id="queue-body-video"></tbody>
  </table>

  <div id="emptyqueue-wrap">
    <p class="center">Your queue is empty, click the "<span class="bold">+</span>" icon next to any track to add it.</p>
    <div class="center">
      <img src="{{ logo_path }}">
    </div>
  </div>

  {% include "audio_player.html" with context %}

  {% include "video_player.html" with context %}

{% endblock %}