aboutsummaryrefslogtreecommitdiffstats
path: root/src/client/InputWithHistory.hx
blob: 9c5b615fac6565d75c9ed3b34ac881d300a19b1e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
package client;

import js.html.KeyboardEvent;
import js.html.InputElement;

class InputWithHistory {

	final element:InputElement;
	final maxItems:Int;
	final history:Array<String>;
	final onEnter:(value:String)->Bool;
	var historyId = -1;

	public function new(
		element:InputElement, ?history:Array<String>, maxItems:Int,
		onEnter:(value:String)->Bool
	) {
		this.element = element;
		if (history != null) this.history = history;
		else this.history = [];
		this.maxItems = maxItems;
		this.onEnter = onEnter;
		element.onkeydown = onKeyDown;
	}

	function onKeyDown(e:KeyboardEvent) {
		switch (e.keyCode) {
			case 13: // Enter
				if (element.value.length == 0) return;
				final isAdd = onEnter(element.value);
				if (isAdd) history.push(element.value);
				if (history.length > maxItems) history.shift();
				historyId = -1;
				element.value = "";
			case 38: // Up
				historyId--;
				if (historyId == -2) {
					historyId = history.length - 1;
					if (historyId == -1) return;
				} else if (historyId == -1) historyId++;
				element.value = history[historyId];
			case 40: // Down
				if (historyId == -1) return;
				historyId++;
				if (historyId > history.length - 1) {
					historyId = -1;
					element.value = "";
					return;
				}
				element.value = history[historyId];
		}
	}

}
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage