vilmibm/trunkless
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

allow pinned lines to persist between corpus changes

Browse Source
This commit is contained in:
nate smith 2024-11-03 15:08:31 -06:00
parent 6b43b2f2d9
commit ea16c3ee91
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
templates/index.tmpl
View File

@ -161,9 +161,8 @@ a {
</p>
</div>
<div class="controls">
<form method="GET" action="/" style="display:inline">
<label for="corpus-select">corpus:</label>
<select name="corpus" id="corpus-select">
<select is="corpus-picker" id="corpus-select">
{{$selected := .SelectedCorpus}}
{{range .Corpora}}
{{if eq $selected .ID}}
@ -173,8 +172,6 @@ a {
{{end}}
{{end}}
</select>
<button type="submit">go</button>
</form>
</div>
<div class="main">
<div style="margin-bottom: 5px">

15
web/assets/main.js
View File

@ -479,9 +479,24 @@ class PoemSaver extends HTMLFormElement {
}
}
class CorpusPicker extends HTMLSelectElement {
connectedCallback() {
if (this.connected) {
return;
}
this.addEventListener("change", (e) => {
const params = new URLSearchParams(document.location.search);
params.set("corpus", this.value);
window.history.replaceState({}, '', `${location.pathname}?${params}`);
$("div[is=poem-lines]").regenerate();
});
}
}
const pinned = new CustomEvent("pinned", {bubbles: true});
const unpinned = new CustomEvent("unpinned", {bubbles: true});
const edited = new CustomEvent("edited", {bubbles: true});
customElements.define("corpus-picker", CorpusPicker, { extends: "select" });
customElements.define("about-toggler", AboutToggler, { extends: "a" });
customElements.define("poem-saver", PoemSaver, { extends: "form" });
customElements.define("theme-toggler", ThemeToggler, { extends: "a" });