diff options
Diffstat (limited to 'VegaData/wwwroot')
| -rw-r--r-- | VegaData/wwwroot/index.html | 32 | ||||
| -rw-r--r-- | VegaData/wwwroot/index.js | 20 |
2 files changed, 36 insertions, 16 deletions
diff --git a/VegaData/wwwroot/index.html b/VegaData/wwwroot/index.html index 30056ce..235c5ac 100644 --- a/VegaData/wwwroot/index.html +++ b/VegaData/wwwroot/index.html @@ -67,6 +67,10 @@ overflow-x: auto; } + #times { + padding-left: 15px; + } + main { padding-inline: 10px; } @@ -76,15 +80,23 @@ width: 100%; .title { - width: 100%; - display: inline-block; - font-size: 3rem; - font-weight: 600; position: sticky; top: 0; - overflow-wrap: break-word; - hyphens: manual; - background: beige; + width: 100%; + display: flex; + align-items: baseline; + justify-content: space-between; + background: bisque; + padding-inline: 3px; + padding-bottom: 5px; + + h2 { + font-weight: 600; + overflow-wrap: break-word; + hyphens: manual; + margin-top: 0; + margin-bottom: 0; + } } } @@ -94,7 +106,11 @@ text-decoration: none; font-weight: 400; margin-bottom: 15px; - border-bottom: 2px dotted dodgerblue; + + .date::first-letter { + border-left: 2px solid gold; + padding-left: 2px; + } div { display: flex; diff --git a/VegaData/wwwroot/index.js b/VegaData/wwwroot/index.js index 8ce5c62..45af7f2 100644 --- a/VegaData/wwwroot/index.js +++ b/VegaData/wwwroot/index.js @@ -53,9 +53,9 @@ function copyLink(t, e) { } } -function vegascene(e) { - if (e.movieMainVersion.startsWith("KUL")) return `https://www.vegascene.no/teater/${e.movieMainVersion}` - return `https://www.vegascene.no/film/${e.movieMainVersion}` +function vegascene(showing) { + if (showing.movieMainVersion.startsWith("KUL")) return `https://www.vegascene.no/teater/${showing.movieMainVersion}` + return `https://www.vegascene.no/film/${showing.movieMainVersion}` } function urlId(e) { @@ -99,21 +99,25 @@ async function renderShows(query, rendered) { lis.push( t("li", { class: "show", id: showKey }, [ - t("span", { class: "title italic" }, showKey), - t("ul", undefined, [ + t("div", { class: "title" }, [ + t("h2", { class: "italic" }, showKey), + t("a", { href: vegascene(shows[showKey][0]) }, "(Åpne på vegascene.no)") + ]), + t("ul", { id: "times" }, [ t("li", undefined, times.filter(e => e.ticketUrl !== "").map(e => { let tagLine = `${e.scene} - ${[e.type, ...e.tags].join(", ")}` tagLine = tagLine[0].toUpperCase() + tagLine.slice(1) + let dateLine = dateString(e.startDateTime) + dateLine = dateLine[0].toUpperCase() + dateLine.slice(1) return t("li", { class: `time time-${e.id}`, id: urlId(e) }, [ t("div", undefined, [ - t("span", { title: e.startDateTime }, dateString(e.startDateTime)), + t("span", { title: e.startDateTime, class: "date" }, dateLine), t("span", undefined, tagLine), t("div", { class: "actions" }, [ t("a", { href: e.ticketUrl }, "Billetter"), "share" in navigator ? t("button", { onclick: () => share(e) }, "Del tid") : null, - t("button", { onclick: (t) => copyLink(t, e) }, "Kopier lenke"), - t("a", { href: vegascene(e) }, "Åpne på vegascene.no") + t("button", { onclick: (t) => copyLink(t, e) }, "Kopier lenke") ]) ]) ]) |