42 lines
1 KiB
JavaScript
42 lines
1 KiB
JavaScript
import * as format from "../format.js";
|
|
import * as html from "../html.js";
|
|
import Item from "../item.js";
|
|
|
|
export default class Song extends Item {
|
|
constructor(data) {
|
|
super();
|
|
this.data = data; // FIXME verejne?
|
|
this.dataset.songId = data["Id"]; // FIXME toto maji jen ve fronte
|
|
}
|
|
|
|
connectedCallback() {
|
|
const data = this.data;
|
|
|
|
const block = html.node("div", {className:"multiline"}, "", this);
|
|
|
|
const title = this._buildTitle(data);
|
|
block.appendChild(title);
|
|
if (data["Track"]) {
|
|
const track = html.node("span", {className:"track"}, data["Track"].padStart(2, "0"));
|
|
title.insertBefore(html.text(" "), title.firstChild);
|
|
title.insertBefore(track, title.firstChild);
|
|
}
|
|
|
|
if (data["Title"]) {
|
|
const subtitle = format.subtitle(data);
|
|
html.node("span", {className:"subtitle"}, subtitle, block);
|
|
}
|
|
}
|
|
|
|
_buildTitle(data) {
|
|
return super._buildTitle(data["Title"] || fileName(data));
|
|
}
|
|
}
|
|
|
|
customElements.define("cyp-song", Song);
|
|
|
|
// FIXME vyfaktorovat nekam do haje
|
|
function fileName(data) {
|
|
return data["file"].split("/").pop();
|
|
}
|