45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Track Viewer</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/queue/queue.css') }}">
|
|
<!-- Optionally include the icons CSS if not already merged into your track.css -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/main/icons.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/track/track.css') }}">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div id="track-header" class="hidden">
|
|
<!-- Back Button will be inserted here via JavaScript -->
|
|
<img id="track-album-image" alt="Album cover">
|
|
<div id="track-info">
|
|
<h1 id="track-name"></h1>
|
|
<p id="track-artist"></p>
|
|
<p id="track-album"></p>
|
|
<p id="track-duration"></p>
|
|
<p id="track-explicit"></p>
|
|
</div>
|
|
<!-- Queue Icon Button -->
|
|
<button id="queueIcon" class="queue-icon" aria-label="Download queue" aria-controls="downloadQueue" aria-expanded="false">
|
|
<img src="{{ url_for('static', filename='images/queue.svg') }}" alt="Queue Icon">
|
|
</button>
|
|
</div>
|
|
|
|
<div id="actions" class="hidden">
|
|
<!-- Download Button for this track -->
|
|
<button id="downloadTrackBtn" class="download-btn download-btn--main">
|
|
Download Track
|
|
</button>
|
|
</div>
|
|
|
|
<div id="loading">Loading...</div>
|
|
<div id="error" class="hidden">Error loading track</div>
|
|
</div>
|
|
|
|
<!-- The download queue container will be inserted by queue.js -->
|
|
<script type="module" src="{{ url_for('static', filename='js/track.js') }}"></script>
|
|
</body>
|
|
</html>
|