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

some cleanup

Browse Source
This commit is contained in:
nate smith 2024-02-14 20:35:22 -08:00
parent 34a67f2c71
commit c397766687
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/main.js
View File

@ -13,7 +13,7 @@ class Button extends HTMLButtonElement {
class LineRemover extends Button {
click() {
const container = this.closest("div.linecontainer").parentElement;
const container = this.closest("div.line");
const gp = container.parentElement;
container.remove();
gp.dispatchEvent(reorder);
@ -22,7 +22,7 @@ class LineRemover extends Button {
class LinePinner extends Button {
click() {
const l = this.closest("div.linecontainer");
const l = this.closest("div.line");
l.classList.toggle("unpinned");
if (l.classList.contains("unpinned")) {
this.innerText = "pin";
@ -34,14 +34,14 @@ class LinePinner extends Button {
class LineUpper extends Button {
click() {
const l = this.closest("div.linecontainer").parentElement;
const l = this.closest("div.line");
const s = l.previousElementSibling;
s.before(l);
this.dispatchEvent(reorder);
}
checkDisabled() {
const l = this.closest("div.linecontainer").parentElement;
const l = this.closest("div.line");
if (l.previousElementSibling == null) {
this.setAttribute("disabled", "yeah");
} else {
@ -52,14 +52,14 @@ class LineUpper extends Button {
class LineDowner extends Button {
click() {
const l = this.closest("div.linecontainer").parentElement;
const l = this.closest("div.line");
const s = l.nextElementSibling;
s.after(l);
this.dispatchEvent(reorder);
}
checkDisabled() {
const l = this.closest("div.linecontainer").parentElement;
const l = this.closest("div.line");
if (l.nextElementSibling == null) {
this.setAttribute("disabled", "yeah");
} else {
@ -77,7 +77,7 @@ class LineAdder extends Button {
class PoemRegenner extends Button {
click() {
$$(".unpinned").forEach((e) => {
e.parentElement.regen();
e.regen();
});
}
}
@ -131,7 +131,7 @@ class PoemLines extends HTMLDivElement {
connectedCallback() {
this.init();
addEventListener("beforeunload", (e) => {
if ($$("div.linecontainer:not(.unpinned)").length > 0) {
if ($$("div.line:not(.unpinned)").length > 0) {
e.preventDefault();
}
});
@ -144,14 +144,16 @@ class PoemLines extends HTMLDivElement {
}
reset() {
this.querySelectorAll("div.linecontainer").forEach((e) => {
e.parentElement.remove();
this.querySelectorAll("div.line").forEach((e) => {
e.remove();
});
this.init()
}
add() {
var ld = document.createElement("div", {is: "poem-line"});
ld.classList.add("line"); // div[is=poem-line] isn't working, idk why.
ld.classList.add("unpinned");
this.append(ld);
ld.regen();
this.dispatchEvent(reorder);

20
templates/index.tmpl
View File

@ -6,7 +6,7 @@
#blueprint {
display: none;
}
div.linecontainer:not(.unpinned) {
div.line:not(.unpinned) {
font-weight: bold;
}
button[is=line-pinner] {
@ -16,16 +16,14 @@
</head>
<body>
<template id="linetmpl">
<div class="linecontainer unpinned">
<span class="linecontrols">
<button is="line-pinner">pin</button>
<button >edit</button>
<button is="line-upper">up</button>
<button is="line-downer">down</button>
<button is="line-remover">remove</button>
</span>
<span class="linetext"></span>
</div>
<span class="linecontrols">
<button is="line-pinner">pin</button>
<button >edit</button>
<button is="line-upper">up</button>
<button is="line-downer">down</button>
<button is="line-remover">remove</button>
</span>
<span class="linetext"></span>
</template>
<h1>Trunkless</h1>
<script src="/main.js"></script>