From 7c0476350d8d6be4641d4f9897cfe363bee40816 Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Thu, 6 Oct 2022 14:00:24 -0700
Subject: [PATCH] checkpoint

---
 src/main.tsx | 18 +++++++++++++++++-
 src/model.ts | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/main.tsx b/src/main.tsx
index 8a53a6c1d..6556e5673 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -638,6 +638,14 @@ class TextAreaInput extends React.Component<{}, {}> {
             e.preventDefault();
             inputModel.giveFocus();
         }
+        else {
+            inputModel.setPhysicalInputFocused(true);
+        }
+    }
+
+    @boundMethod
+    handleMainBlur(e : any) {
+        GlobalModel.inputModel.setPhysicalInputFocused(false);
     }
 
     @boundMethod
@@ -647,6 +655,14 @@ class TextAreaInput extends React.Component<{}, {}> {
             e.preventDefault();
             inputModel.giveFocus();
         }
+        else {
+            inputModel.setPhysicalInputFocused(true);
+        }
+    }
+
+    @boundMethod
+    handleHistoryBlur(e : any) {
+        GlobalModel.inputModel.setPhysicalInputFocused(false);
     }
 
     render() {
@@ -664,7 +680,7 @@ class TextAreaInput extends React.Component<{}, {}> {
         }
         return (
             <div className="control cmd-input-control is-expanded">
-                <textarea spellCheck="false" id="main-cmd-input" onFocus={this.handleMainFocus} rows={displayLines} value={curLine} onKeyDown={this.onKeyDown} onChange={this.onChange} className={cn("textarea", {"display-disabled": disabled})}></textarea>
+                <textarea spellCheck="false" id="main-cmd-input" onFocus={this.handleMainFocus} onBlur={this.handleMainBlur} rows={displayLines} value={curLine} onKeyDown={this.onKeyDown} onChange={this.onChange} className={cn("textarea", {"display-disabled": disabled})}></textarea>
                 <input spellCheck="false" className="history-input" type="text" onFocus={this.handleHistoryFocus} onKeyDown={this.onHistoryKeyDown} onChange={this.handleHistoryInput} value={inputModel.historyQueryOpts.get().queryStr}/>
             </div>
         );
diff --git a/src/model.ts b/src/model.ts
index af8e1c433..cfe103afa 100644
--- a/src/model.ts
+++ b/src/model.ts
@@ -254,6 +254,7 @@ class ScreenWindow {
     layout : OV<LayoutType>;
     shouldFollow : OV<boolean> = mobx.observable.box(true);
     lastCols : number;
+    selectedLine : OV<number> = mobx.observable.box(null);
 
     // cmdid => TermWrap
     terms : Record<string, TermWrap> = {};
@@ -628,6 +629,11 @@ class InputModel {
     showNoInputMsg : OV<boolean> = mobx.observable.box(false);
     showNoInputTimeoutId : any = null;
 
+    // focus
+    inputFocused : OV<boolean> = mobx.observable.box(false);
+    lineFocused : OV<boolean> = mobx.observable.box(false);
+    physicalInputFocused : OV<boolean> = mobx.observable.box(false);
+
     constructor() {
         this.filteredHistoryItems = mobx.computed(() => {
             return this._getFilteredHistoryItems();
@@ -650,6 +656,34 @@ class InputModel {
         })();
     }
 
+    onInputFocus(isFocused : boolean) : void {
+        mobx.action(() => {
+            if (isFocused) {
+                this.inputFocused.set(true);
+                this.lineFocused.set(false);
+            }
+            else {
+                if (this.inputFocused.get()) {
+                    this.inputFocused.set(false);
+                }
+            }
+        })();
+    }
+
+    onLineFocus(isFocused : boolean) : void {
+        mobx.action(() => {
+            if (isFocused) {
+                this.inputFocused.set(false);
+                this.lineFocused.set(true);
+            }
+            else {
+                if (this.lineFocused.get()) {
+                    this.lineFocused.set(false);
+                }
+            }
+        })();
+    }
+
     _focusCmdInput() : void {
         let elem = document.getElementById("main-cmd-input");
         if (elem != null) {
@@ -673,6 +707,12 @@ class InputModel {
         }
     }
 
+    setPhysicalInputFocused(isFocused : boolean) : void {
+        mobx.action(() => {
+            this.physicalInputFocused.set(isFocused);
+        })();
+    }
+
     getPtyRemoteId() : string {
         let info = this.infoMsg.get();
         if (info == null || isBlank(info.ptyremoteid)) {