-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathupload.html
More file actions
157 lines (146 loc) · 6.12 KB
/
Copy pathupload.html
File metadata and controls
157 lines (146 loc) · 6.12 KB
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Upload - Flow</title>
<link rel="stylesheet" href="src/css/style.css" />
<link rel="icon" href="src/icon/logo.png" />
</head>
<body>
<div class="bg-orbs">
<span class="orb orb-1"></span>
<span class="orb orb-2"></span>
<span class="orb orb-3"></span>
<span class="orb orb-4"></span>
<span class="orb orb-5"></span>
<span class="orb orb-6"></span>
</div>
<div class="app">
<aside class="sidebar">
<div class="brand">
<h1>Flow</h1>
<p class="subtitle">Modern Player</p>
</div>
<nav class="nav">
<a href="index.html#library" class="nav-link">Library</a>
<a href="upload.html" class="nav-link active">Upload</a>
<a href="settings.html" class="nav-link">Settings</a>
<div class="nav-divider"></div>
<a href="https://github.com/neonmc23/flow" target="_blank" class="nav-link">GitHub</a>
</nav>
<div class="sidebar-section">
<p class="section-title">Playlists</p>
<button class="pill">All Music</button>
<button class="pill">Favorites</button>
<button class="pill">Recent</button>
</div>
<p class="sidebar-footer">Neon</p>
</aside>
<main class="main">
<header class="topbar compact">
<div class="title-block">
<h2>Upload Manager</h2>
<p>Search and edit your library. Add albums and tracks offline.</p>
</div>
</header>
<section class="upload-shell">
<div class="upload-toolbar">
<div class="search-stack">
<input id="library-search" type="search" placeholder="Search artist, album, track..." />
<span id="library-status">Server: offline</span>
</div>
<div class="toolbar-actions">
<button id="add-artist" class="control-btn">Add artist</button>
</div>
</div>
<div class="upload-grid">
<section class="upload-card">
<div class="upload-header">
<h3>Library Tree</h3>
<p>Click artists to expand albums, click albums to view tracks.</p>
</div>
<div id="library-tree" class="library-tree"></div>
</section>
<section class="upload-card">
<div class="upload-header">
<h3>Edit Panel</h3>
<p id="edit-subtitle">Select an artist, album, or track to edit.</p>
</div>
<div id="edit-panel" class="edit-panel">
<div class="edit-section hidden" id="edit-artist">
<h4>Artist</h4>
<label>
Rename artist
<input id="edit-artist-name" type="text" placeholder="Artist name" />
</label>
<div class="edit-actions">
<button id="save-artist" class="control-btn">Save artist</button>
<button id="delete-artist" class="danger-btn">Delete artist</button>
</div>
<div class="divider"></div>
<label>
New album title
<input id="new-album-title" type="text" placeholder="Album title" />
</label>
<label>
Cover image
<input id="new-album-cover" type="file" accept="image/*" />
</label>
<button id="add-album" class="control-btn primary">Add album to artist</button>
</div>
<div class="edit-section hidden" id="edit-album">
<h4>Album</h4>
<label>
Rename album
<input id="edit-album-title" type="text" placeholder="Album title" />
</label>
<div class="edit-actions">
<button id="save-album" class="control-btn">Save album</button>
<button id="delete-album" class="danger-btn">Delete album</button>
</div>
<div class="divider"></div>
<label>
Change cover
<input id="edit-album-cover" type="file" accept="image/*" />
</label>
<button id="save-album-cover" class="control-btn">Update cover</button>
<div class="divider"></div>
<label>
Add tracks
<input id="album-track-input" type="file" accept="audio/*" multiple />
</label>
<div id="track-editor" class="track-editor"></div>
<button id="upload-tracks" class="control-btn primary">Upload tracks</button>
<p id="upload-status">Ready.</p>
</div>
<div class="edit-section hidden" id="edit-track">
<h4>Track</h4>
<label>
Rename track
<input id="edit-track-title" type="text" placeholder="Track title" />
</label>
<div class="edit-actions">
<button id="save-track" class="control-btn">Save track</button>
<button id="delete-track" class="danger-btn">Delete track</button>
</div>
</div>
</div>
</section>
</div>
<section class="upload-card">
<div class="upload-header">
<h3>Run local server</h3>
<p>Use <code>start.py</code> to launch both servers.</p>
</div>
<pre class="code-block">python start.py</pre>
</section>
</section>
</main>
</div>
<script src="src/javascript/runtime_config.js"></script>
<script src="src/javascript/state.js"></script>
<script src="src/javascript/settings.js"></script>
<script src="src/javascript/upload.js"></script>
</body>
</html>