~hristoast/mousikofidi

mousikofidi/mousikofidi/templates/file_detail.html -rw-r--r-- 3.3 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
68
69
70
71
72
73
74
<h2 class="center">
  <div>{% if title %}"{{ title }}"{% else %}{{ file_name }}{% endif %}</div>
  {% if album %}<div class="initialsize">from</div><div>"{{ album }}"</div>{% endif %}
  {% if artist %}<div class="initialsize">by</div><div>{{ artist  }}</div>{% endif %}
</h2>

<p class="center">Length: {{ length }}</p>

<p class="center">
  {% if track and not tracktotal %}Track: {{ track }}{% endif %}
  {% if track and tracktotal %}Track: {{ track }}/{{ tracktotal }}{% endif %}
  {% if date %}{% if track %} | {% endif %}Released: {{ date }}{% endif %}
  {% if genre %}{% if track or date %} |{% endif %} Genre: {{ genre }}{% endif %}
</p>

<div class="center">
  <button data-trackpath="{{ path }}" data-tracktitle="{{ title }}" id="single-track-add">
    Add to queue
  </button>
</div>

{% if item_type == "audio" %}
  <div class="center">
    <audio id="single"{% if autoplay %} autoplay{% endif %} controls src="{{ url_for('.serve_file', path=path) }}">
      Your browser does not support the <code>audio</code> element.
    </audio>
  </div>
{% elif item_type == "video" %}
  <div class="center" style="margin: 0 auto; width: 100%;">
    <video poster="{{ logo_path }}" id="single"{% if autoplay %} autoplay{% endif %} controls>
      <source src="{{ url_for('.serve_file', path=path) }}" type="{% if "mp4" in path %}video/mp4{% elif "webm" in path %}video/webm{% endif %}">
      <p>Your browser doesn't support HTML5 video. Here is
        a <a href="{{ url_for('.serve_file', path=path) }}">link to the video</a> instead.</p>
    </video>
  </div>
{% endif %}

<div class="center">
  {% if item_type == "video" %}
    <div>
      <button id="video-volume-minus" title="Click this to raise the player volume.">Vol-</button>
      <div class="vol-meter">
        <input id="video-volume-meter" type="range" step="1" min="0" max="100" title="The player's volume level. Click or drag to adjust, or use the control buttons.">
      </div>
      <button id="video-volume-plus" title="Click this to lower the player volume.">Vol+</button>
    </div>

    <button data-stat="off" id="video-theater-view" title='Click this button to toggle "theater view" on the video player.'>Theater View: Off{% if icons %}<span class="fa-stack"><i class="fas fa-theater-masks fa-stack-1x"></i><i class="fas fa-slash fa-stack-1x"></i></span>{% endif %}</button>
  {% elif item_type == "audio" %}
    <div>
      <button id="audio-volume-minus" title="Click this to raise the player volume.">Vol-</button>
      <div class="vol-meter">
        <input id="audio-volume-meter" type="range" step="1" min="0" max="100" title="The player's volume level. Click or drag to adjust, or use the control buttons.">
      </div>
      <button id="audio-volume-plus" title="Click this to lower the player volume.">Vol+</button>
    </div>
  {% endif %}

  <button id="time-link" title="Click this button to have a link to this track at the current time put into your clipboard.">
    Current Time Link{% if icons %} <i class="fas fa-link"></i>{% endif %}
  </button>
</div>

{% if comment %}
  <p class="center"><span class="bold">Comment: </span>{{ comment }}</p>
{% endif %}

{% if encoded_by %}
  <p class="center"><span class="bold">Encoded by: </span>{{ encoded_by }}</p>
{% endif %}

{% if lyrics %}
  <p class="center"><span class="bold">Lyrics: </span>{{ lyrics }}</p>
{% endif %}