rdarius/TwitchNotes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates...

Browse Source
This commit is contained in:
Darius Rapalis
2022-09-17 22:54:24 +03:00
parent 12fc946c9b
commit 0f3b3d527d
21 changed files with 1246 additions and 910 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/HTMLBuilder.ts
View File

@@ -11,10 +11,11 @@ export default class HTMLBuilder {
if (data.attributes) this.setAttributes(data.attributes);
if (data.style) this.setStyles(data.style);
if (data.mouseClickEvent) this.setMouseClickListener(data.mouseClickEvent);
if (data.mouseMoveEvent) this.setMouseClickListener(data.mouseMoveEvent);
if (data.mouseDownEvent) this.setMouseClickListener(data.mouseDownEvent);
if (data.mouseUpEvent) this.setMouseClickListener(data.mouseUpEvent);
if (data.mouseMoveEvent) this.setMouseMoveListener(data.mouseMoveEvent);
if (data.mouseDownEvent) this.setMouseDownListener(data.mouseDownEvent);
if (data.mouseUpEvent) this.setMouseUpListener(data.mouseUpEvent);
if (data.keyUpEvent) this.setKeyUpListener(data.keyUpEvent);
if (data.changeListener) this.setChangeListener(data.changeListener);
if (data.content) this.setContent(data.content);
}
@@ -61,18 +62,22 @@ export default class HTMLBuilder {
this.element.addEventListener('click', () => cb());
}
setContent(content: (HTMLBuilderBlock|string)[]) {
setContent(content: (HTMLBuilderBlock|string|HTMLElement)[]) {
for (let block of content) {
this.addContent(block);
}
}
addContent(content: HTMLBuilderBlock|string) {
addContent(content: HTMLBuilderBlock|string|HTMLElement) {
if (typeof content === 'string') {
this.element.innerHTML += content;
} else {
const el = new HTMLBuilder(content);
this.element.appendChild(el.element)
if (content instanceof HTMLElement) {
this.element.appendChild(content);
} else {
const el = new HTMLBuilder(content);
this.element.appendChild(el.element)
}
}
}
@@ -92,6 +97,10 @@ export default class HTMLBuilder {
this.element.addEventListener('keyup', () => cb(this.element.innerHTML));
}
setChangeListener(cb: Function) {
this.element.addEventListener('change', (e) => cb(e));
}
getElement() {
return this.element;
}