start on editing

This commit is contained in:
nate smith 2024-02-15 22:48:25 -08:00
parent 87e359217b
commit 44716a1642
2 changed files with 9 additions and 1 deletions

View File

@ -60,6 +60,13 @@ class LineUpper extends Button {
}
}
class LineEditor extends Button {
click() {
// TODO replace linetext with input
// TODO update button text to "done"
}
}
class LineDowner extends Button {
click() {
const l = this.closest("div.line");
@ -165,6 +172,7 @@ class PoemLines extends HTMLDivElement {
const reorder = new CustomEvent("reorder", {bubbles: true});
customElements.define("line-remover", LineRemover, { extends: "button" });
customElements.define("line-pinner", LinePinner, { extends: "button" });
customElements.define("line-editor", LineEditor, { extends: "button" });
customElements.define("line-upper", LineUpper, { extends: "button" });
customElements.define("line-downer", LineDowner, { extends: "button" });
customElements.define("line-adder", LineAdder, { extends: "button" });

View File

@ -12,7 +12,7 @@
<template id="linetmpl">
<span class="linecontrols">
<button is="line-pinner">pin</button>
<button >edit</button>
<button is="line-editor">edit</button>
<button is="line-upper">up</button>
<button is="line-downer">down</button>
<button is="line-remover">remove</button>