Dequeue, activate

1 files changed, 16 insertions, 2 deletions

diff --git a/index.js b/index.js
index 662edbe..ec0830a 100644
--- a/index.js
+++ b/index.js
@@ -76,6 +76,16 @@ class ATBBar {
   getRemainingSpace() {
     return this.segmentCount - this.queuedActions.reduce((acc, { size }) => acc + size, 0)
   }
+
+  dequeue() {
+    this.queuedActions.pop()
+  }
+
+  activate() {
+    this.queuedActions.splice(0)
+    // TODO: Do something
+    // (We won't actually be splicing just like that later - it'll activate actions one by one, unshifting each as it goes, with the action menu hidden until the queue is empty, or cancelled)
+  }
 }
 
 class ActionMenu {
@@ -199,7 +209,7 @@ class ActionMenu {
 }
 
 const atbBar = new ATBBar()
-// atbBar.queuedActions = [{label: 'Fire', size: 1}, {label: 'Fira', size: 2}, {label: 'Firaga', size: 3}]
+atbBar.queuedActions = [{label: 'Fire', size: 1}, {label: 'Blizz', size: 1}, {label: 'Zap', size: 1}, {label: 'Firaga', size: 3}]
 
 const actionMenu = new ActionMenu()
 
@@ -233,8 +243,12 @@ canvas.addEventListener('keypress', evt => {
     actionMenu.decreaseLevel()
   } else if (evt.keyCode === 39) {
     actionMenu.increaseLevel()
-  } else if (evt.which === 32 || evt.keyCode === 13) {
+  } else if (evt.which === 32) {
     actionMenu.queueTo(atbBar)
+  } else if (evt.keyCode === 8) {
+    atbBar.dequeue()
+  } else if (evt.keyCode === 13 || evt.key.toLowerCase() === 'e') {
+    atbBar.activate()
   }
 })