From 4e67d00d193a214df2bb4ab2586557378a2ea0f0 Mon Sep 17 00:00:00 2001 From: Florrie Date: Thu, 9 Aug 2018 19:31:42 -0300 Subject: Dequeue, activate --- index.js | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'index.js') 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() } }) -- cgit 1.3.0-6-gf8a5