djledda/arne-drums
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added root path alias, icons, improved framework semantics

Browse Source
This commit is contained in:
Daniel Ledda
2022-02-27 22:59:30 +01:00
parent 352f6d6b9a
commit 7fca44f6c0
25 changed files with 207 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts
View File

@@ -1,11 +1,11 @@
import "./BeatLikeLoopSettings.css";
import BeatLike from "../../BeatLike";
import NumberInputView from "../Widgets/NumberInput/NumberInputView";
import ISubscriber from "../../Subscriber";
import UINode, {UINodeOptions} from "../UINode";
import {BeatEvents} from "../../Beat";
import {IPublisher} from "../../Publisher";
import BoolBoxView from "../Widgets/BoolBox/BoolBoxView";
import BeatLike from "@/BeatLike";
import NumberInputView from "@/ui/Widgets/NumberInput/NumberInputView";
import ISubscriber from "@/Subscriber";
import UINode, {UINodeOptions} from "@/ui/UINode";
import {BeatEvents} from "@/Beat";
import {IPublisher} from "@/Publisher";
import BoolBoxView from "@/ui/Widgets/BoolBox/BoolBoxView";
export type BeatLikeLoopSettingsViewUINodeOptions = UINodeOptions & {
beatLike: BeatLike,
@@ -52,7 +52,7 @@ export default class BeatLikeLoopSettingsView extends UINode implements ISubscri
this.notify(null, BeatEvents.DisplayTypeChanged);
}
rebuild(): HTMLElement {
build(): HTMLElement {
this.loopLengthInput = new NumberInputView({
initialValue: this.beatLike.getLoopLength(),
label: "Length:",
@@ -76,7 +76,7 @@ export default class BeatLikeLoopSettingsView extends UINode implements ISubscri
} else {
this.loopLengthSection.classList.add("hide");
}
this.node = UINode.make("div", {
return UINode.make("div", {
classes: ["loop-settings"],
subs: [
UINode.make("p", {innerText: this.title}),
@@ -94,6 +94,5 @@ export default class BeatLikeLoopSettingsView extends UINode implements ISubscri
}),
]
});
return this.node;
}
}