fix(input): Rework of the past system

Related to #97
Toolwatchapp · Mar 17, 2017 · 63b8c04 · 63b8c04
1 parent c6d8f3a
commit 63b8c04
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/src/components/mobile-input/mobile-input.html b/src/components/mobile-input/mobile-input.html
@@ -16,7 +16,8 @@
       (blur)                = "toggleFocus()" 
       (focus)               = "toggleFocus()"
       (keyup)               = "emitChange($event)"
-      (press)               = "onPast()"
+      (press)               = "onPress()"
+      (pressup)             = "onPressUp()"
     > 
     </ion-input>
 
@@ -33,7 +34,8 @@
       [formControl]         = "control" 
       [(ngModel)]           = "value"
       (ngModelChange)       = "valueChange.emit($event)"
-      (press)               = "onPast()"
+      (press)               = "onPress()"      
+      (pressup)             = "onPressUp()"
     > 
     </ion-input>
 

diff --git a/src/components/mobile-input/mobile-input.ts b/src/components/mobile-input/mobile-input.ts
@@ -47,6 +47,8 @@ export class MobileInput {
 	valueChange = new EventEmitter();
 
 	isFocused = false;
+	pressedOn = 0;
+	pastTimeOut;
 
 
 	constructor() {
@@ -77,7 +79,23 @@ export class MobileInput {
 	    }
 	}
 
-	onPast(){
+	onPressUp(){
+		if(Date.now() - this.pressedOn < 1000){
+			clearTimeout(this.pastTimeOut);
+		}
+		this.pressedOn = 0;
+	}
+
+	onPress(){
+
+		this.pressedOn = Date.now();
+		this.pastTimeOut = setTimeout(()=>{
+			this.paste();
+		}, 1000);
+
+	}
+
+	paste(){
 		Clipboard.paste().then(
 			(resolve: string) => {
 				this.value = resolve;
@@ -87,7 +105,6 @@ export class MobileInput {
 				console.error("Unsucessful pasting")
 			}
 		);
-
 	}
 
 	toggleFocus():void{