From b7fd7d8ef1b2db433e571c33dd38bc638bfd10b0 Mon Sep 17 00:00:00 2001
From: Eugen Ciur <eugen@papermerge.com>
Date: Mon, 31 Jan 2022 07:02:46 +0100
Subject: [PATCH] almost warking ui select element

---
 app/components/commander/index.js |  1 +
 app/modifiers/ui_select.js        | 19 +++++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/components/commander/index.js b/app/components/commander/index.js
index 902c568..d21c6f9 100644
--- a/app/components/commander/index.js
+++ b/app/components/commander/index.js
@@ -132,6 +132,7 @@ export default class CommanderComponent extends Component {
 
   @action
   openNewFolderModal() {
+    console.log('on new folder');
     this.show_new_folder_modal = true;
   }
 
diff --git a/app/modifiers/ui_select.js b/app/modifiers/ui_select.js
index 56b47c6..2cec61b 100644
--- a/app/modifiers/ui_select.js
+++ b/app/modifiers/ui_select.js
@@ -117,22 +117,22 @@ export default class UISelectModifier extends Modifier {
 
   @action
   onMouseMove(event) {
-    if (this.ui_select) {
+    if (!event.buttons) {
+      this.remove_div();
+    } else if (this.ui_select) {
       this.ui_select.update(event.clientX, event.clientY);
     }
   }
 
   @action
   onMouseUp() {
-    if (this.ui_select) {
-      this.ui_select.remove_div();
-      this.ui_select = undefined;
-    }
+    console.log('mouse up');
+    this.remove_div();
   }
 
   @action
   onMouseDown(event) {
-
+    console.log('mouse down');
     this.ui_select = new UISelect(
       this.element,
       event.clientX,
@@ -141,4 +141,11 @@ export default class UISelectModifier extends Modifier {
 
     this.ui_select.create_div();
   }
+
+  remove_div() {
+    if (this.ui_select) {
+      this.ui_select.remove_div();
+      this.ui_select = undefined;
+    }
+  }
 }
\ No newline at end of file
-- 
GitLab