From 9e358f7c4b9536dd9fadd3fee3a52305b9a98364 Mon Sep 17 00:00:00 2001
From: RblSb <msrblsb@gmail.com>
Date: Tue, 7 Apr 2020 02:59:56 +0300
Subject: Links history

---
 src/client/InputWithHistory.hx | 54 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/client/InputWithHistory.hx

(limited to 'src/client/InputWithHistory.hx')

diff --git a/src/client/InputWithHistory.hx b/src/client/InputWithHistory.hx
new file mode 100644
index 0000000..9c5b615
--- /dev/null
+++ b/src/client/InputWithHistory.hx
@@ -0,0 +1,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];
+		}
+	}
+
+}
-- 
cgit v1.2.3