54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
"use strict";
|
|
|
|
import Session from "/models/session.js";
|
|
|
|
export default class SessionList {
|
|
/** @param {{ attrs: { models: Session[] } }} param The sessions to show. */
|
|
view({attrs: { models, onSelect, onDelete } }) {
|
|
return m("section.wb-session-list", [
|
|
m("ol", [
|
|
models.length === 0
|
|
? m("li.item.-text._alternate._apply", "Du hast no koane Sätz…")
|
|
: null,
|
|
models.map((s, i) => m("li.item._alternate._apply", [
|
|
m("span.theirname", s.theirTeam !== "" ? s.theirTeam : "Se"),
|
|
m("span.ourname", s.ourTeam !== "" ? s.ourTeam : "Mia"),
|
|
m("span.theirpoints", "•".repeat(s.result.theirPoints)),
|
|
m("span.ourpoints", "•".repeat(s.result.ourPoints)),
|
|
m("div.actions",
|
|
m(
|
|
"button.wb-button.-slim._positioned",
|
|
{
|
|
onclick: () => {
|
|
if (window.confirm("Wiillst den Satz wirklich löschn?"))
|
|
onDelete(s.id, i);
|
|
}
|
|
},
|
|
"löschn"
|
|
),
|
|
m(
|
|
m.route.Link,
|
|
{
|
|
href: "/",
|
|
selector: "button.wb-button.-slim._positioned",
|
|
params: { session: s.id },
|
|
onclick: () => onSelect(s),
|
|
},
|
|
"spieln",
|
|
),
|
|
),
|
|
])),
|
|
]),
|
|
m("footer.wb-box._sticky-bottom._alternate._apply",
|
|
m(m.route.Link, {
|
|
href: "/",
|
|
selector: "button.wb-button._positioned",
|
|
options: {
|
|
state: { newSession: true },
|
|
},
|
|
}, "Neia Satz"),
|
|
),
|
|
]);
|
|
}
|
|
}
|