65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
import * as app from "./app.js";
|
|
import * as mpd from "./lib/mpd.js";
|
|
import * as html from "./lib/html.js";
|
|
import * as player from "./player.js";
|
|
import * as format from "./lib/format.js";
|
|
import * as ui from "./lib/ui.js";
|
|
|
|
let node;
|
|
const SORT = "-Track";
|
|
|
|
function buildHeader(path) {
|
|
filter = filter || {};
|
|
let header = node.querySelector("header");
|
|
html.clear(header);
|
|
|
|
let button = html.button({}, "Music Library", header);
|
|
button.addEventListener("click", e => listArtists());
|
|
|
|
let artist = filter["Artist"];
|
|
if (artist) {
|
|
let artistFilter = {"Artist":artist};
|
|
let button = html.button({}, artist, header);
|
|
button.addEventListener("click", e => listAlbums(artistFilter));
|
|
|
|
let album = filter["Album"];
|
|
if (album) {
|
|
let albumFilter = Object.assign({}, artistFilter, {"Album":album});
|
|
let button = html.button({}, album, header);
|
|
button.addEventListener("click", e => listSongs(albumFilter));
|
|
}
|
|
}
|
|
}
|
|
|
|
function buildDirectory(data, parent) {
|
|
let path = data["directory"];
|
|
let node = ui.group(path, {}, parent);
|
|
node.addEventListener("click", e => list(path));
|
|
return node;
|
|
}
|
|
|
|
function buildFile(data, parent) {
|
|
return ui.song(data, parent);
|
|
}
|
|
|
|
function buildResults(results) {
|
|
let ul = node.querySelector("ul");
|
|
html.clear(ul);
|
|
|
|
results["directory"].forEach(directory => buildDirectory(directory, ul));
|
|
results["file"].forEach(file => buildFile(file, ul));
|
|
}
|
|
|
|
async function list(path) {
|
|
let results = await mpd.listPath(path);
|
|
buildResults(results);
|
|
// buildHeader(path);
|
|
}
|
|
|
|
export async function activate() {
|
|
list("");
|
|
}
|
|
|
|
export function init(n) {
|
|
node = n;
|
|
}
|