Add kick sequencer

1 files changed, 28 insertions, 0 deletions

diff --git a/src/view/sequencer/block.ts b/src/view/sequencer/block.ts
new file mode 100644
index 0000000..5776120
--- /dev/null
+++ b/src/view/sequencer/block.ts
@@ -0,0 +1,28 @@
+import h, { classNames } from 'lib/h'
+
+interface Params {
+  checked: boolean,
+  onCheck: (checked: boolean) => void
+}
+
+export function view({ checked, onCheck }: Params) {
+  return h('div', 
+    { className: classNames({
+        'g-Sequencer__Block': true,
+        'g-Sequencer__Block--Checked': checked
+      }),
+      onclick: (e: Event) => {
+        checked = !checked
+        onCheck(checked)
+        let target = e.target as HTMLElement
+        if (target !== undefined) {
+          if (checked) {
+            target.classList.add('g-Sequencer__Block--Checked')
+          } else {
+            target.classList.remove('g-Sequencer__Block--Checked')
+          }
+        }
+      }
+    }
+  )
+}