Added vim-like UI normal and insert modes

Normal mode allows for selecting the a terminal or newline text input.
Insert mode sets the keyboard focus to the currently selected item.
This transforms _MetaTerm_ into a fully keyboard driven application.

1 files changed, 79 insertions, 4 deletions

diff --git a/MetaTerm.qml b/MetaTerm.qml
index f95baa7..913f514 100644
--- a/MetaTerm.qml
+++ b/MetaTerm.qml
@@ -2,11 +2,15 @@ import QtQuick 2.0
 import QMLTermWidget 1.0
 import QtQuick.Controls 1.2
 
+
 Rectangle {
+	id: root
 	anchors.fill: parent
 
 	color: "#161616"
 
+	property string uiMode : "insert"
+
 	Flickable {
 		id: terminalListFlickable
 		boundsBehavior: Flickable.StopAtBounds
@@ -37,16 +41,26 @@ Rectangle {
 
 			function nextItem() {
 				if ( activeItem < (children.length - 1) ) {
-					children[++activeItem].focus();
+					children[  activeItem].deselect();
+					children[++activeItem].select();
 				}
 			}
 
 			function prevItem() {
 				if ( activeItem > 0 ) {
-					children[--activeItem].focus();
+					children[  activeItem].deselect();
+					children[--activeItem].select();
 				}
 			}
 
+			function focusItem() {
+				children[activeItem].forceActiveFocus();
+			}
+
+			function unfocusItem() {
+				children[activeItem].unfocus();
+			}
+
 			TerminalItem {
 				width: terminalListFlickable.width
 				onExecuted: terminalList.createItem()
@@ -58,19 +72,80 @@ Rectangle {
 	}
 
 	Action {
+		id: insertTerminalAction
+		shortcut: "i"
+		onTriggered: {
+			switch ( uiMode ) {
+				case "normal": {
+					uiMode = "insert";
+					terminalList.focusItem();
+					break;
+				}
+				default: {
+					break;
+				}
+			}
+
+			console.log(uiMode);
+		}
+	}
+
+	Action {
+		id: escapeTerminalAction
+		shortcut: "Shift+ESC"
+		onTriggered: {
+			switch ( uiMode ) {
+				case "insert": {
+					uiMode = "normal";
+					root.forceActiveFocus();
+					terminalList.unfocusItem();
+					break;
+				}
+				default: {
+					break;
+				}
+			}
+
+			console.log(uiMode);
+		}
+	}
+
+	Action {
 		id: nextTerminalAction
 		shortcut: "j"
-		onTriggered: terminalList.nextItem()
+		onTriggered: {
+			switch ( uiMode ) {
+				case "normal": {
+					terminalList.nextItem();
+					break;
+				}
+				default: {
+					break;
+				}
+			}
+		}
 	}
 
 	Action {
 		id: prevTerminalAction
 		shortcut: "k"
-		onTriggered: terminalList.prevItem()
+		onTriggered: {
+			switch ( uiMode ) {
+				case "normal": {
+					terminalList.prevItem();
+					break;
+				}
+				default: {
+					break;
+				}
+			}
+		}
 	}
 
 	ScrollBar {
 		flickable: terminalListFlickable
 		handleSize: 10
 	}
+
+	Component.onCompleted: terminalList.focusItem()
 }