aboutsummaryrefslogtreecommitdiff
path: root/src/mobile/MobileInkOverlay.tsx
diff options
context:
space:
mode:
authorvellichora <fangrui_tong@brown.edu>2020-02-02 16:13:23 -0500
committervellichora <fangrui_tong@brown.edu>2020-02-02 16:13:23 -0500
commit7249f3f2bd12794ca86775853aee700e398eeb00 (patch)
tree27e0b12bdd0de13718fef6b3bb4321fe12a673ca /src/mobile/MobileInkOverlay.tsx
parentecf0f5b8f426db9e66c05e759f61294811b15fca (diff)
started creating upload from web on mobile
Diffstat (limited to 'src/mobile/MobileInkOverlay.tsx')
-rw-r--r--src/mobile/MobileInkOverlay.tsx15
1 files changed, 8 insertions, 7 deletions
diff --git a/src/mobile/MobileInkOverlay.tsx b/src/mobile/MobileInkOverlay.tsx
index 5efc7b83a..600e8a91b 100644
--- a/src/mobile/MobileInkOverlay.tsx
+++ b/src/mobile/MobileInkOverlay.tsx
@@ -1,6 +1,6 @@
import React = require('react');
import { observer } from "mobx-react";
-import { MobileInkOverlayContent, GestureContent, UpdateMobileInkOverlayPosition } from "../server/Message";
+import { MobileInkOverlayContent, GestureContent, UpdateMobileInkOverlayPositionContent } from "../server/Message";
import { observable, action } from "mobx";
import { GestureUtils } from "../pen-gestures/GestureUtils";
import "./MobileInkOverlay.scss";
@@ -37,17 +37,19 @@ export default class MobileInkOverlay extends React.Component {
initMobileInkOverlay(content: MobileInkOverlayContent) {
const { width, height } = content;
const scaledSize = this.initialSize(width ? width : 0, height ? height : 0);
- this._width = scaledSize.width * .5;
- this._height = scaledSize.height * .5;
- this._scale = .5; //scaledSize.scale;
+ this._width = scaledSize.width * .8;
+ this._height = scaledSize.height * .8;
+ this._scale = .8; //scaledSize.scale;
this._x = 300; // TODO: center on screen
this._y = 25; // TODO: center on screen
}
@action
- updatePosition(content: UpdateMobileInkOverlayPosition) {
+ updatePosition(content: UpdateMobileInkOverlayPositionContent) {
const { dx, dy, dsize } = content;
- console.log(dx, dy, dsize);
+ if (dx) this._x += dx;
+ if (dy) this._y += dy;
+ // TODO: scale dsize
}
drawStroke = (content: GestureContent) => {
@@ -82,7 +84,6 @@ export default class MobileInkOverlay extends React.Component {
@action
dragStart = (e: React.PointerEvent) => {
- console.log("pointer down");
document.removeEventListener("pointermove", this.dragging);
document.removeEventListener("pointerup", this.dragEnd);
document.addEventListener("pointermove", this.dragging);