Files
DocumentServer-v-9.2.0/sdkjs/slide/Drawing/mobileTouchManager.js
Yajbir Singh f1b860b25c
Some checks failed
check / markdownlint (push) Has been cancelled
check / spellchecker (push) Has been cancelled
updated
2025-12-11 19:03:17 +05:30

1380 lines
41 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*
* (c) Copyright Ascensio System SIA 2010-2024
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish
* street, Riga, Latvia, EU, LV-1050.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
"use strict";
(function(window, undefined)
{
var global_MatrixTransformer = AscCommon.global_MatrixTransformer;
var g_dKoef_mm_to_pix = AscCommon.g_dKoef_mm_to_pix;
var global_mouseEvent = AscCommon.global_mouseEvent;
var global_keyboardEvent = AscCommon.global_keyboardEvent;
/**
* @extends {AscCommon.CMobileDelegateEditor}
*/
function CMobileDelegateEditorPresentation(_manager)
{
this.Name = "slide";
AscCommon.CMobileDelegateEditor.call(this, _manager);
}
CMobileDelegateEditorPresentation.prototype = Object.create(AscCommon.CMobileDelegateEditor.prototype);
CMobileDelegateEditorPresentation.prototype.constructor = CMobileDelegateEditorPresentation;
CMobileDelegateEditorPresentation.prototype.ConvertCoordsToCursor = function(x, y, page, isGlobal)
{
return this.DrawingDocument.ConvertCoordsToCursor3(x, y, isGlobal);
};
CMobileDelegateEditorPresentation.prototype.ConvertCoordsFromCursor = function(x, y)
{
return this.DrawingDocument.ConvertCoordsFromCursor2(x, y);
};
CMobileDelegateEditorPresentation.prototype.GetElementOffset = function()
{
var _xOffset = this.HtmlPage.X;
var _yOffset = this.HtmlPage.Y;
if (true === this.HtmlPage.m_bIsRuler)
{
_xOffset += (5 * AscCommon.g_dKoef_mm_to_pix);
_yOffset += (7 * AscCommon.g_dKoef_mm_to_pix);
}
let mainViewOffset = parseInt(this.HtmlPage.m_oMainParent.HtmlElement.style.left);
return { X : _xOffset + mainViewOffset, Y : _yOffset };
};
CMobileDelegateEditorPresentation.prototype.GetZoomFit = function()
{
let HtmlPage = this.HtmlPage;
let w = HtmlPage.m_oEditor.HtmlElement.width;
w /= AscCommon.AscBrowser.retinaPixelRatio;
let h = (((HtmlPage.m_oBody.AbsolutePosition.B - HtmlPage.m_oBody.AbsolutePosition.T) -
(HtmlPage.m_oTopRuler.AbsolutePosition.B - HtmlPage.m_oTopRuler.AbsolutePosition.T)) * g_dKoef_mm_to_pix) >> 0;
if(Asc.editor.getThumbnailsPosition() === AscCommon.thumbnailsPositionMap.bottom) {
h -= (HtmlPage.m_oThumbnails.AbsolutePosition.B - HtmlPage.m_oThumbnails.AbsolutePosition.T)
}
let _pageWidth = this.LogicDocument.GetWidthMM() * g_dKoef_mm_to_pix;
let _pageHeight = this.LogicDocument.GetHeightMM() * g_dKoef_mm_to_pix;
let _hor_Zoom = 100;
if (0 != _pageWidth)
_hor_Zoom = (100 * (w - 2 * HtmlPage.SlideDrawer.CONST_BORDER)) / _pageWidth;
let _ver_Zoom = 100;
if (0 != _pageHeight)
_ver_Zoom = (100 * (h - 2 * HtmlPage.SlideDrawer.CONST_BORDER)) / _pageHeight;
let _new_value = (Math.min(_hor_Zoom, _ver_Zoom) - 0.5) >> 0;
if (_new_value < 5)
_new_value = 5;
return _new_value;
};
CMobileDelegateEditorPresentation.prototype.GetScrollerSize = function()
{
var _controlH = parseInt(this.HtmlPage.m_oMainView.HtmlElement.style.height);
return {
W : (this.HtmlPage.m_dDocumentWidth),
H : (this.HtmlPage.SlideScrollMAX - this.HtmlPage.SlideScrollMIN + _controlH)
};
};
CMobileDelegateEditorPresentation.prototype.GetObjectTrack = function(x, y, page, bSelected, bText)
{
if (-1 == this.LogicDocument.CurPage)
return false;
return this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects.isPointInDrawingObjects3(x, y, page, bSelected, bText);
};
CMobileDelegateEditorPresentation.prototype.GetSelectionRectsBounds = function()
{
if (-1 == this.LogicDocument.CurPage)
return null;
return this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects.GetSelectionBounds();
};
CMobileDelegateEditorPresentation.prototype.ScrollTo = function(_scroll)
{
var bIsHorPresent = (this.HtmlPage.m_oScrollHorApi != null);
if (_scroll.directionLocked == "v")
{
this.HtmlPage.m_oScrollVerApi.scrollToY(-_scroll.y + this.HtmlPage.SlideScrollMIN);
}
else if (_scroll.directionLocked == "h" && bIsHorPresent)
{
this.HtmlPage.m_oScrollHorApi.scrollToX(-_scroll.x);
}
else if (_scroll.directionLocked == "n")
{
if (bIsHorPresent)
this.HtmlPage.m_oScrollHorApi.scrollToX(-_scroll.x);
this.HtmlPage.m_oScrollVerApi.scrollToY(-_scroll.y + this.HtmlPage.SlideScrollMIN);
}
};
CMobileDelegateEditorPresentation.prototype.GetScrollPosition = function()
{
var _x = this.HtmlPage.m_dScrollX;
var _y = this.HtmlPage.m_dScrollY - this.HtmlPage.SlideScrollMIN;
return { X: -_x, Y: -_y };
};
CMobileDelegateEditorPresentation.prototype.GetContextMenuType = function()
{
var _mode = AscCommon.MobileTouchContextMenuType.Slide;
if (-1 == this.LogicDocument.CurPage)
return _mode;
var _controller = this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects;
var _elementsCount = _controller.selectedObjects.length;
if (!_controller.IsSelectionUse() && _elementsCount > 0)
_mode = AscCommon.MobileTouchContextMenuType.Target;
var selectionBounds = this.LogicDocument.GetSelectionBounds();
var eps = 0.0001;
if (selectionBounds && selectionBounds.Start && selectionBounds.End &&
(Math.abs(selectionBounds.Start.X - selectionBounds.End.X) > eps) &&
(Math.abs(selectionBounds.Start.W) > eps) &&
(Math.abs(selectionBounds.End.W) > eps))
{
_mode = AscCommon.MobileTouchContextMenuType.Select;
}
if (_mode == AscCommon.MobileTouchContextMenuType.Slide && _controller.getSelectedObjectsBounds())
_mode = AscCommon.MobileTouchContextMenuType.Object;
return _mode;
};
CMobileDelegateEditorPresentation.prototype.GetContextMenuInfo = function(info)
{
info.Clear();
var _info = null;
var _transform = null;
var _x = 0;
var _y = 0;
if (-1 == this.LogicDocument.CurPage)
return;
var _controller = this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects;
var _target = _controller.IsSelectionUse();
if (_target === false)
{
/*
_info = {
X : this.DrawingDocument.m_dTargetX,
Y : this.DrawingDocument.m_dTargetY,
Page : this.DrawingDocument.m_lTargetPage
};
*/
_info = {
X : this.LogicDocument.TargetPos.X,
Y : this.LogicDocument.TargetPos.Y,
Page : this.LogicDocument.TargetPos.PageNum
};
_transform = this.DrawingDocument.TextMatrix;
if (_transform)
{
_x = _transform.TransformPointX(_info.X, _info.Y);
_y = _transform.TransformPointY(_info.X, _info.Y);
_info.X = _x;
_info.Y = _y;
}
info.targetPos = _info;
return;
}
var _select = _controller.GetSelectionBounds();
if (_select)
{
var _rect1 = _select.Start;
var _rect2 = _select.End;
_info = {
X1 : _rect1.X,
Y1 : _rect1.Y,
Page1 : _rect1.Page,
X2 : _rect2.X + _rect2.W,
Y2 : _rect2.Y + _rect2.H,
Page2 : _rect2.Page
};
_transform = this.DrawingDocument.SelectionMatrix;
if (_transform)
{
_x = _transform.TransformPointX(_info.X1, _info.Y1);
_y = _transform.TransformPointY(_info.X1, _info.Y1);
_info.X1 = _x;
_info.Y1 = _y;
_x = _transform.TransformPointX(_info.X2, _info.Y2);
_y = _transform.TransformPointY(_info.X2, _info.Y2);
_info.X2 = _x;
_info.Y2 = _y;
}
info.selectText = _info;
return;
}
var _object_bounds = _controller.getSelectedObjectsBounds();
if (_object_bounds)
{
info.objectBounds = {
X : _object_bounds.minX,
Y : _object_bounds.minY,
R : _object_bounds.maxX,
B : _object_bounds.maxY,
Page : _object_bounds.pageIndex
};
}
};
CMobileDelegateEditorPresentation.prototype.GetContextMenuPosition = function()
{
if (-1 == this.LogicDocument.CurPage)
return { X : 0, Y : 0, Mode : AscCommon.MobileTouchContextMenuType.None };
var _controller = this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects;
var _posX = 0;
var _posY = 0;
var _page = 0;
var _transform = null;
var tmpX, tmpY, tmpX2, tmpY2;
var _pos = null;
var _mode = 0;
var _target = _controller.IsSelectionUse();
if (_target === false)
{
_posX = this.DrawingDocument.m_dTargetX;
_posY = this.DrawingDocument.m_dTargetY;
_page = this.DrawingDocument.m_lTargetPage;
_transform = this.DrawingDocument.TextMatrix;
if (_transform)
{
tmpX = _transform.TransformPointX(_posX, _posY);
tmpY = _transform.TransformPointY(_posX, _posY);
}
else
{
tmpX = _posX;
tmpY = _posY;
}
_pos = this.DrawingDocument.ConvertCoordsToCursorWR(tmpX, tmpY, _page);
_posX = _pos.X;
_posY = _pos.Y;
_mode = 1;
}
var _select = _controller.GetSelectionBounds();
if (_select)
{
var _rect1 = _select.Start;
var _rect2 = _select.End;
tmpX = _rect1.X;
tmpY = _rect1.Y;
tmpX2 = _rect2.X + _rect2.W;
tmpY2 = _rect2.Y + _rect2.H;
_transform = this.DrawingDocument.SelectionMatrix;
if (_transform)
{
_posX = _transform.TransformPointX(tmpX, tmpY);
_posY = _transform.TransformPointY(tmpX, tmpY);
tmpX = _posX;
tmpY = _posY;
_posX = _transform.TransformPointX(tmpX2, tmpY2);
_posY = _transform.TransformPointY(tmpX2, tmpY2);
tmpX2 = _posX;
tmpY2 = _posY;
}
_pos = this.DrawingDocument.ConvertCoordsToCursorWR(tmpX, tmpY, _rect1.Page);
_posX = _pos.X;
_posY = _pos.Y;
_pos = this.DrawingDocument.ConvertCoordsToCursorWR(tmpX2, tmpY2, _rect2.Page);
_posX += _pos.X;
_posX = _posX >> 1;
_mode = 2;
}
var _object_bounds = _controller.getSelectedObjectsBounds(true);
if (_object_bounds)
{
_pos = this.DrawingDocument.ConvertCoordsToCursorWR(_object_bounds.minX, _object_bounds.minY, _object_bounds.pageIndex);
_posX = _pos.X;
_posY = _pos.Y;
_pos = this.DrawingDocument.ConvertCoordsToCursorWR(_object_bounds.maxX, _object_bounds.maxY, _object_bounds.pageIndex);
_posX += _pos.X;
_posX = _posX >> 1;
_mode = 3;
}
return { X : _posX, Y : _posY, Mode : _mode };
};
CMobileDelegateEditorPresentation.prototype.Logic_GetNearestPos = function(x, y, page)
{
if (-1 == this.LogicDocument.CurPage)
return null;
return this.LogicDocument.Slides[this.LogicDocument.CurPage].graphicObjects.getNearestPos2(x, y);
};
/**
* @extends {AscCommon.CMobileTouchManagerBase}
*/
function CMobileTouchManager(_config)
{
AscCommon.CMobileTouchManagerBase.call(this, _config || {});
}
CMobileTouchManager.prototype = Object.create(AscCommon.CMobileTouchManagerBase.prototype);
CMobileTouchManager.prototype.constructor = CMobileTouchManager;
CMobileTouchManager.prototype.Init = function(_api)
{
this.Api = _api;
// создаем делегата. инициализация его - ПОСЛЕ создания iScroll
this.delegate = new CMobileDelegateEditorPresentation(this);
var _element = this.delegate.GetScrollerParent();
this.CreateScrollerDiv(_element);
this.iScroll = new window.IScrollMobile(_element, {
scrollbars: true,
mouseWheel: !this.isDesktopMode,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true,
scrollX : true,
scroller_id : this.iScrollElement,
bounce : false,
eventsElement : this.eventsElement,
click : false,
useLongTap : true,
transparentIndicators : this.isDesktopMode
});
this.delegate.Init();
if (this.TableTrackEnabled)
this.LoadMobileImages();
};
CMobileTouchManager.prototype.onTouchStart = function(e)
{
this.IsTouching = true;
AscCommon.g_inputContext.enableVirtualKeyboard();
this.checkPointerMultiTouchAdd(e);
if (this.delegate.IsReader())
return this.onTouchStart_renderer(e);
global_mouseEvent.KoefPixToMM = 5;
AscCommon.check_MouseDownEvent(e.touches ? e.touches[0] : e, true);
global_mouseEvent.KoefPixToMM = 1;
global_mouseEvent.LockMouse();
this.ClearContextMenu();
this.TableCurrentMoveValueMin = null;
this.TableCurrentMoveValueMax = null;
this.MoveAfterDown = false;
this.TimeDown = new Date().getTime();
var bIsKoefPixToMM = false;
var _matrix = this.delegate.GetSelectionTransform();
if (_matrix && global_MatrixTransformer.IsIdentity(_matrix))
_matrix = null;
let touchesCount = e.touches ? e.touches.length : this.getPointerCount();
let isLockedTouch = false;
if (touchesCount > 1)
{
if (AscCommon.MobileTouchMode.None !== this.Mode &&
AscCommon.MobileTouchMode.Scroll !== this.Mode)
{
isLockedTouch = true;
}
}
if (!isLockedTouch)
{
if (!this.CheckSelectTrack())
{
if (!this.CheckTableTrack())
{
bIsKoefPixToMM = this.CheckObjectTrack();
}
}
}
if (!isLockedTouch && (2 === touchesCount))
{
this.Mode = AscCommon.MobileTouchMode.Zoom;
}
// если не используем этот моус даун - то уменьшаем количество кликов
switch (this.Mode)
{
case AscCommon.MobileTouchMode.None:
case AscCommon.MobileTouchMode.Scroll:
case AscCommon.MobileTouchMode.InlineObj:
case AscCommon.MobileTouchMode.FlowObj:
case AscCommon.MobileTouchMode.Zoom:
case AscCommon.MobileTouchMode.Cursor:
case AscCommon.MobileTouchMode.TableMove:
{
// так как был уже check, нужно уменьшить количество кликов
if (global_mouseEvent.ClickCount > 0)
global_mouseEvent.ClickCount--;
break;
}
default:
break;
}
var isPreventDefault = false;
switch (this.Mode)
{
case AscCommon.MobileTouchMode.InlineObj:
case AscCommon.MobileTouchMode.FlowObj:
case AscCommon.MobileTouchMode.Zoom:
case AscCommon.MobileTouchMode.TableMove:
{
isPreventDefault = true;
break;
}
case AscCommon.MobileTouchMode.None:
case AscCommon.MobileTouchMode.Scroll:
{
isPreventDefault = !this.CheckObjectText();
break;
}
default:
{
break;
}
}
switch (this.Mode)
{
case AscCommon.MobileTouchMode.None:
{
this.Mode = AscCommon.MobileTouchMode.Scroll;
this.DownPoint = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.DownPointOriginal.X = global_mouseEvent.X;
this.DownPointOriginal.Y = global_mouseEvent.Y;
this.iScroll._start(e);
break;
}
case AscCommon.MobileTouchMode.Scroll:
{
// ничего не меняем, просто перемещаем точку
this.DownPoint = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.DownPointOriginal.X = global_mouseEvent.X;
this.DownPointOriginal.Y = global_mouseEvent.Y;
this.iScroll._start(e);
break;
}
case AscCommon.MobileTouchMode.Select:
{
var _x1 = this.RectSelect1.x;
var _y1 = this.RectSelect1.y + this.RectSelect1.h / 2;
var _x2 = this.RectSelect2.x + this.RectSelect2.w;
var _y2 = this.RectSelect2.y + this.RectSelect2.h / 2;
this.delegate.LogicDocument.RemoveSelection();
if (1 == this.DragSelect)
{
global_mouseEvent.Button = 0;
if (!_matrix)
{
this.delegate.Logic_OnMouseDown(global_mouseEvent, _x2, _y2, this.PageSelect2);
}
else
{
var __X = _matrix.TransformPointX(_x2, _y2);
var __Y = _matrix.TransformPointY(_x2, _y2);
this.delegate.Logic_OnMouseDown(global_mouseEvent, __X, __Y, this.PageSelect2);
}
var pos1 = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.delegate.Logic_OnMouseMove(global_mouseEvent, pos1.X, pos1.Y, pos1.Page);
}
else if (2 == this.DragSelect)
{
global_mouseEvent.Button = 0;
if (!_matrix)
{
this.delegate.Logic_OnMouseDown(global_mouseEvent, _x1, _y1, this.PageSelect1);
}
else
{
var __X = _matrix.TransformPointX (_x1, _y1);
var __Y = _matrix.TransformPointY(_x1, _y1);
this.delegate.Logic_OnMouseDown(global_mouseEvent, __X, __Y, this.PageSelect1);
}
var pos4 = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.delegate.Logic_OnMouseMove(global_mouseEvent, pos4.X, pos4.Y, pos4.Page);
}
break;
}
case AscCommon.MobileTouchMode.InlineObj:
{
break;
}
case AscCommon.MobileTouchMode.FlowObj:
{
if (bIsKoefPixToMM)
{
global_mouseEvent.KoefPixToMM = 5;
}
this.delegate.Drawing_OnMouseDown(e.touches ? e.touches[0] : e);
global_mouseEvent.KoefPixToMM = 1;
break;
}
case AscCommon.MobileTouchMode.Zoom:
{
this.delegate.HtmlPage.NoneRepaintPages = true;
this.ZoomDistance = this.getPointerDistance(e);
this.ZoomValue = this.delegate.GetZoom();
break;
}
case AscCommon.MobileTouchMode.Cursor:
{
this.Mode = AscCommon.MobileTouchMode.Scroll;
this.DownPoint = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
break;
}
case AscCommon.MobileTouchMode.TableMove:
{
this.delegate.Drawing_OnMouseDown(e.touches ? e.touches[0] : e);
break;
}
case AscCommon.MobileTouchMode.TableRuler:
{
this.delegate.HtmlPage.OnUpdateOverlay();
break;
}
}
if (AscCommon.AscBrowser.isAndroid)
isPreventDefault = false;
if (this.Api.isViewMode || isPreventDefault)
AscCommon.stopEvent(e);
return false;
};
CMobileTouchManager.prototype.onTouchMove = function(e)
{
this.checkPointerMultiTouchAdd(e);
if (this.delegate.IsReader())
return this.onTouchMove_renderer(e);
if (this.Mode != AscCommon.MobileTouchMode.FlowObj && this.Mode != AscCommon.MobileTouchMode.TableMove)
AscCommon.check_MouseMoveEvent(e.touches ? e.touches[0] : e);
if (!this.MoveAfterDown)
{
if (Math.abs(this.DownPointOriginal.X - global_mouseEvent.X) > this.MoveMinDist ||
Math.abs(this.DownPointOriginal.Y - global_mouseEvent.Y) > this.MoveMinDist)
{
this.MoveAfterDown = true;
}
}
switch (this.Mode)
{
case AscCommon.MobileTouchMode.Cursor:
{
this.MoveCursorToPoint(true);
break;
}
case AscCommon.MobileTouchMode.Scroll:
{
var _newTime = new Date().getTime();
if ((_newTime - this.TimeDown) > this.ReadingGlassTime && !this.MoveAfterDown)
{
this.Mode = AscCommon.MobileTouchMode.Cursor;
this.MoveCursorToPoint(false);
}
else
{
this.iScroll._move(e);
AscCommon.stopEvent(e);
}
break;
}
case AscCommon.MobileTouchMode.Zoom:
{
var isTouch2 = ((e.touches && 2 == e.touches.length) || (2 == this.getPointerCount()));
if (!isTouch2)
{
this.Mode = AscCommon.MobileTouchMode.None;
return;
}
var zoomCurrentDist = this.getPointerDistance(e);
if (zoomCurrentDist == 0)
zoomCurrentDist = 1;
var _zoomFix = this.ZoomValue / 100;
var _zoomCur = _zoomFix * (zoomCurrentDist / this.ZoomDistance);
_zoomCur = (_zoomCur * 100) >> 0;
if (_zoomCur < this.ZoomValueMin)
_zoomCur = this.ZoomValueMin;
else if (_zoomCur > this.ZoomValueMax)
_zoomCur = this.ZoomValueMax;
this.delegate.SetZoom(_zoomCur);
AscCommon.stopEvent(e);
break;
}
case AscCommon.MobileTouchMode.InlineObj:
{
break;
}
case AscCommon.MobileTouchMode.FlowObj:
{
this.delegate.Drawing_OnMouseMove(e.touches ? e.touches[0] : e);
AscCommon.stopEvent(e);
break;
}
case AscCommon.MobileTouchMode.Select:
{
// во время движения может смениться порядок ректов
global_mouseEvent.ClickCount = 1;
var pos = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.delegate.Logic_OnMouseMove(global_mouseEvent, pos.X, pos.Y, pos.Page);
AscCommon.stopEvent(e);
break;
}
case AscCommon.MobileTouchMode.TableMove:
{
this.delegate.Drawing_OnMouseMove(e.touches ? e.touches[0] : e);
AscCommon.stopEvent(e);
break;
}
case AscCommon.MobileTouchMode.TableRuler:
{
var DrawingDocument = this.delegate.DrawingDocument;
var pos = DrawingDocument.ConvertCoordsFromCursor2(global_mouseEvent.X, global_mouseEvent.Y);
var _Transform = null;
if (DrawingDocument.TableOutlineDr)
_Transform = DrawingDocument.TableOutlineDr.TableMatrix;
if (_Transform && !global_MatrixTransformer.IsIdentity(_Transform))
{
var _invert = _Transform.CreateDublicate();
_invert.Invert();
var __x = _invert.TransformPointX(pos.X, pos.Y);
var __y = _invert.TransformPointY(pos.X, pos.Y);
pos.X = __x;
pos.Y = __y;
}
if (this.TableCurrentMoveDir == 0)
{
this.TableCurrentMoveValue = pos.X;
if (null != this.TableCurrentMoveValueMin)
{
if (this.TableCurrentMoveValueMin > this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMin;
}
if (null != this.TableCurrentMoveValueMax)
{
if (this.TableCurrentMoveValueMax < this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMax;
}
}
else
{
this.TableCurrentMoveValue = pos.Y;
if (null != this.TableCurrentMoveValueMin)
{
if (this.TableCurrentMoveValueMin > this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMin;
}
if (null != this.TableCurrentMoveValueMax)
{
if (this.TableCurrentMoveValueMax < this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMax;
}
}
this.delegate.HtmlPage.OnUpdateOverlay();
AscCommon.stopEvent(e);
break;
}
default:
break;
}
};
CMobileTouchManager.prototype.onTouchEnd = function(e)
{
this.IsTouching = false;
if (this.delegate.IsReader())
{
this.checkPointerMultiTouchRemove(e);
return this.onTouchEnd_renderer(e);
}
var _e = e.changedTouches ? e.changedTouches[0] : e;
if (this.Mode != AscCommon.MobileTouchMode.FlowObj && this.Mode != AscCommon.MobileTouchMode.TableMove)
{
AscCommon.check_MouseUpEvent(_e);
}
var isCheckContextMenuMode = true;
var isCheckContextMenuSelect = false;
var isCheckContextMenuCursor = (this.Mode == AscCommon.MobileTouchMode.Cursor);
var isCheckContextMenuTableRuler = false;
var isPreventDefault = false;
switch (this.Mode)
{
case AscCommon.MobileTouchMode.None:
case AscCommon.MobileTouchMode.Select:
case AscCommon.MobileTouchMode.Scroll:
case AscCommon.MobileTouchMode.InlineObj:
case AscCommon.MobileTouchMode.FlowObj:
case AscCommon.MobileTouchMode.Zoom:
case AscCommon.MobileTouchMode.TableMove:
{
isPreventDefault = true;
break;
}
default:
{
break;
}
}
switch (this.Mode)
{
case AscCommon.MobileTouchMode.Cursor:
{
// ничего не делаем. курсор уже установлен
this.Mode = AscCommon.MobileTouchMode.None;
break;
}
case AscCommon.MobileTouchMode.Scroll:
{
if (!this.MoveAfterDown)
{
if (!this.checkDesktopModeContextMenuEnd())
{
global_mouseEvent.Button = 0;
this.delegate.Drawing_OnMouseDown(_e);
this.delegate.Drawing_OnMouseUp(_e);
this.Api.sendEvent("asc_onTapEvent", e);
}
var typeMenu = this.delegate.GetContextMenuType();
if (typeMenu == AscCommon.MobileTouchContextMenuType.Target ||
typeMenu == AscCommon.MobileTouchContextMenuType.Select)
isPreventDefault = false;
}
else
{
// нужно запускать анимацию скролла, если она есть
// TODO:
isCheckContextMenuMode = false;
this.iScroll._end(e);
}
this.Mode = AscCommon.MobileTouchMode.None;
break;
}
case AscCommon.MobileTouchMode.Zoom:
{
// здесь нужно запускать отрисовку, если есть анимация зума
this.delegate.HtmlPage.NoneRepaintPages = false;
this.delegate.DrawingDocument.FirePaint();
this.Mode = AscCommon.MobileTouchMode.None;
isCheckContextMenuMode = false;
break;
}
case AscCommon.MobileTouchMode.InlineObj:
{
// TODO:
break;
}
case AscCommon.MobileTouchMode.FlowObj:
{
// TODO:
this.delegate.Drawing_OnMouseUp(e.changedTouches ? e.changedTouches[0] : e);
this.Mode = AscCommon.MobileTouchMode.None;
break;
}
case AscCommon.MobileTouchMode.Select:
{
// ничего не нужно делать
this.DragSelect = 0;
this.Mode = AscCommon.MobileTouchMode.None;
var pos = this.delegate.ConvertCoordsFromCursor(global_mouseEvent.X, global_mouseEvent.Y);
this.delegate.Logic_OnMouseUp(global_mouseEvent, pos.X, pos.Y, pos.Page);
AscCommon.stopEvent(e);
isCheckContextMenuSelect = true;
break;
}
case AscCommon.MobileTouchMode.TableMove:
{
this.delegate.Drawing_OnMouseUp(e.changedTouches ? e.changedTouches[0] : e);
this.Mode = AscCommon.MobileTouchMode.None;
break;
}
case AscCommon.MobileTouchMode.TableRuler:
{
isCheckContextMenuTableRuler = true;
var HtmlPage = this.delegate.HtmlPage;
var DrawingDocument = this.delegate.DrawingDocument;
HtmlPage.StartUpdateOverlay();
this.Mode = AscCommon.MobileTouchMode.None;
var _xOffset = HtmlPage.X;
var _yOffset = HtmlPage.Y;
if (true === HtmlPage.m_bIsRuler)
{
_xOffset += (5 * g_dKoef_mm_to_pix);
_yOffset += (7 * g_dKoef_mm_to_pix);
}
var pos = DrawingDocument.ConvertCoordsFromCursor2(global_mouseEvent.X, global_mouseEvent.Y);
var _Transform = null;
if (DrawingDocument.TableOutlineDr)
_Transform = DrawingDocument.TableOutlineDr.TableMatrix;
if (_Transform && !global_MatrixTransformer.IsIdentity(_Transform))
{
var _invert = _Transform.CreateDublicate();
_invert.Invert();
var __x = _invert.TransformPointX(pos.X, pos.Y);
var __y = _invert.TransformPointY(pos.X, pos.Y);
pos.X = __x;
pos.Y = __y;
}
if (this.TableCurrentMoveDir == 0)
{
this.TableCurrentMoveValue = pos.X;
if (null != this.TableCurrentMoveValueMin)
{
if (this.TableCurrentMoveValueMin > this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMin;
}
if (null != this.TableCurrentMoveValueMax)
{
if (this.TableCurrentMoveValueMax < this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMax;
}
var _markup = HtmlPage.m_oHorRuler.m_oTableMarkup;
_markup.Cols[this.TableCurrentMovePos] += (this.TableCurrentMoveValue - this.TableCurrentMoveValueOld);
_markup.Cols[this.TableCurrentMovePos] = Math.max(_markup.Cols[this.TableCurrentMovePos], 1);
if ( false === HtmlPage.m_oLogicDocument.Document_Is_SelectionLocked(AscCommon.changestype_Table_Properties) )
{
HtmlPage.m_oLogicDocument.Create_NewHistoryPoint(AscDFH.historydescription_Document_SetTableMarkup_Hor);
_markup.Table.Update_TableMarkupFromRuler(_markup, true, this.TableCurrentMovePos + 1);
HtmlPage.m_oLogicDocument.Document_UpdateInterfaceState();
}
}
else
{
this.TableCurrentMoveValue = pos.Y;
if (null != this.TableCurrentMoveValueMin)
{
if (this.TableCurrentMoveValueMin > this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMin;
}
if (null != this.TableCurrentMoveValueMax)
{
if (this.TableCurrentMoveValueMax < this.TableCurrentMoveValue)
this.TableCurrentMoveValue = this.TableCurrentMoveValueMax;
}
var _markup = HtmlPage.m_oHorRuler.m_oTableMarkup;
_markup.Rows[this.TableCurrentMovePos].H += (this.TableCurrentMoveValue - this.TableCurrentMoveValueOld);
if ( false === this.delegate.HtmlPage.m_oLogicDocument.Document_Is_SelectionLocked(AscCommon.changestype_Table_Properties) )
{
HtmlPage.m_oLogicDocument.Create_NewHistoryPoint(AscDFH.historydescription_Document_SetTableMarkup_Hor);
_markup.Table.Update_TableMarkupFromRuler(_markup, false, this.TableCurrentMovePos + 1);
HtmlPage.m_oLogicDocument.Document_UpdateInterfaceState();
}
}
HtmlPage.OnUpdateOverlay();
HtmlPage.EndUpdateOverlay();
break;
}
default:
break;
}
this.checkPointerMultiTouchRemove(e);
if (this.Api.isViewMode || isPreventDefault)
{
AscCommon.stopEvent(e);
AscCommon.g_inputContext.preventVirtualKeyboard(e);
}
if (AscCommon.g_inputContext.isHardCheckKeyboard)
isPreventDefault ? AscCommon.g_inputContext.preventVirtualKeyboard_Hard() : AscCommon.g_inputContext.enableVirtualKeyboard_Hard();
if (true !== this.iScroll.isAnimating)
this.CheckContextMenuTouchEnd(isCheckContextMenuMode, isCheckContextMenuSelect, isCheckContextMenuCursor, isCheckContextMenuTableRuler);
if (!isPreventDefault && this.Api.isMobileVersion && !this.Api.isUseOldMobileVersion())
this.showKeyboard();
return false;
};
CMobileTouchManager.prototype.mainOnTouchStart = function(e)
{
if (AscCommon.g_inputContext && AscCommon.g_inputContext.externalChangeFocus())
return;
this.removeHandlersOnClick();
if (!this.Api.asc_IsFocus() && !this.Api.isMobileVersion)
this.Api.asc_enableKeyEvents(true);
var oWordControl = this.Api.WordControl;
oWordControl.IsUpdateOverlayOnlyEndReturn = true;
oWordControl.StartUpdateOverlay();
var ret = this.onTouchStart(e);
oWordControl.IsUpdateOverlayOnlyEndReturn = false;
oWordControl.EndUpdateOverlay();
return ret;
};
CMobileTouchManager.prototype.mainOnTouchMove = function(e)
{
var oWordControl = this.Api.WordControl;
oWordControl.IsUpdateOverlayOnlyEndReturn = true;
oWordControl.StartUpdateOverlay();
var ret = this.onTouchMove(e);
oWordControl.IsUpdateOverlayOnlyEndReturn = false;
oWordControl.EndUpdateOverlay();
return ret;
};
CMobileTouchManager.prototype.mainOnTouchEnd = function(e)
{
var oWordControl = this.Api.WordControl;
oWordControl.IsUpdateOverlayOnlyEndReturn = true;
oWordControl.StartUpdateOverlay();
var ret = this.onTouchEnd(e);
if (this.isGlassDrawed)
oWordControl.OnUpdateOverlay();
oWordControl.IsUpdateOverlayOnlyEndReturn = false;
oWordControl.EndUpdateOverlay();
this.checkDesktopModeContextMenuEnd(e);
return ret;
};
CMobileTouchManager.prototype.CheckSelectTrack = function()
{
// сдвиг относительно табнейлов => нужно переопределить
if (!this.SelectEnabled)
return false;
var _matrix = this.delegate.GetSelectionTransform();
if (_matrix && global_MatrixTransformer.IsIdentity(_matrix))
_matrix = null;
// проверим на попадание в селект - это может произойти на любом mode
if (null != this.RectSelect1 && null != this.RectSelect2)
{
var pos1 = null;
var pos4 = null;
if (!_matrix)
{
pos1 = this.delegate.ConvertCoordsToCursor(this.RectSelect1.x, this.RectSelect1.y, this.PageSelect1, true);
pos4 = this.delegate.ConvertCoordsToCursor(this.RectSelect2.x + this.RectSelect2.w, this.RectSelect2.y + this.RectSelect2.h, this.PageSelect2, true);
}
else
{
var _xx1 = _matrix.TransformPointX(this.RectSelect1.x, this.RectSelect1.y);
var _yy1 = _matrix.TransformPointY(this.RectSelect1.x, this.RectSelect1.y);
var _xx2 = _matrix.TransformPointX(this.RectSelect2.x + this.RectSelect2.w, this.RectSelect2.y + this.RectSelect2.h);
var _yy2 = _matrix.TransformPointY(this.RectSelect2.x + this.RectSelect2.w, this.RectSelect2.y + this.RectSelect2.h);
pos1 = this.delegate.ConvertCoordsToCursor(_xx1, _yy1, this.PageSelect1, true);
pos4 = this.delegate.ConvertCoordsToCursor(_xx2, _yy2, this.PageSelect2, true);
}
if (Math.abs(pos1.X - global_mouseEvent.X) < this.TrackTargetEps && Math.abs(pos1.Y - global_mouseEvent.Y) < this.TrackTargetEps)
{
this.Mode = AscCommon.MobileTouchMode.Select;
this.DragSelect = 1;
}
else if (Math.abs(pos4.X - global_mouseEvent.X) < this.TrackTargetEps && Math.abs(pos4.Y - global_mouseEvent.Y) < this.TrackTargetEps)
{
this.Mode = AscCommon.MobileTouchMode.Select;
this.DragSelect = 2;
}
}
return (this.Mode == AscCommon.MobileTouchMode.Select);
};
/**************************************************************************/
/**
* @extends {AscCommon.CMobileDelegateSimple}
*/
function CMobileDelegateThumbnails(_manager)
{
AscCommon.CMobileDelegateSimple.call(this, _manager);
this.HtmlPage = this.Api.WordControl;
this.Thumbnails = this.HtmlPage.Thumbnails;
}
CMobileDelegateThumbnails.prototype = Object.create(AscCommon.CMobileDelegateSimple.prototype);
CMobileDelegateThumbnails.prototype.constructor = CMobileDelegateThumbnails;
CMobileDelegateThumbnails.prototype.GetScrollerParent = function()
{
return this.HtmlPage.m_oThumbnailsContainer.HtmlElement;
};
CMobileDelegateThumbnails.prototype.GetScrollerSize = function()
{
const isHorizontalThumbnails = Asc.editor.getThumbnailsPosition() === AscCommon.thumbnailsPositionMap.bottom;
return isHorizontalThumbnails
? { H : 1, W : AscCommon.AscBrowser.convertToRetinaValue(this.Thumbnails.ScrollerWidth) }
: { W : 1, H : AscCommon.AscBrowser.convertToRetinaValue(this.Thumbnails.ScrollerHeight) };
};
CMobileDelegateThumbnails.prototype.ScrollTo = function(_scroll)
{
if (this.HtmlPage.m_oScrollThumbApi) {
const isHorizontalThumbnails = Asc.editor.getThumbnailsPosition() === AscCommon.thumbnailsPositionMap.bottom;
isHorizontalThumbnails
? this.HtmlPage.m_oScrollThumbApi.scrollToX(-_scroll.x * AscCommon.AscBrowser.retinaPixelRatio)
: this.HtmlPage.m_oScrollThumbApi.scrollToY(-_scroll.y * AscCommon.AscBrowser.retinaPixelRatio);
}
};
CMobileDelegateThumbnails.prototype.ScrollEnd = function(_scroll)
{
_scroll.manager.OnScrollAnimationEnd();
};
CMobileDelegateThumbnails.prototype.Drawing_OnMouseDown = function(e)
{
return this.Thumbnails.onMouseDown(e);
};
CMobileDelegateThumbnails.prototype.Drawing_OnMouseMove = function(e)
{
return this.Thumbnails.onMouseMove(e);
};
CMobileDelegateThumbnails.prototype.Drawing_OnMouseUp = function(e)
{
return this.Thumbnails.onMouseUp(e);
};
CMobileDelegateThumbnails.prototype.GetContextMenuType = function()
{
return AscCommon.MobileTouchContextMenuType.Slide;
};
CMobileDelegateThumbnails.prototype.GetContextMenuInfo = function(info)
{
info.Clear();
var aSelected = this.Thumbnails.GetSelectedArray();
var nSlideIndex = Math.min.apply(Math, aSelected);
info.objectSlideThumbnail = { Slide : nSlideIndex };
};
CMobileDelegateThumbnails.prototype.GetContextMenuPosition = function()
{
let selectedIndexes = this.Thumbnails.GetSelectedArray();
let menuPos = this.Thumbnails.GetThumbnailPagePosition(Math.min.apply(Math, selectedIndexes));
let pos = { X : 0, Y : 0, Mode : AscCommon.MobileTouchContextMenuType.Slide };
if (!menuPos)
return pos;
let thCtrlPos = this.HtmlPage.m_oThumbnails.Parent.AbsolutePosition;
pos.X = menuPos.X + ((thCtrlPos.L * g_dKoef_mm_to_pix) >> 0) + this.HtmlPage.X;
pos.Y = menuPos.Y + ((thCtrlPos.T * g_dKoef_mm_to_pix) >> 0) + this.HtmlPage.Y;
return pos;
};
/**
* @extends {AscCommon.CMobileTouchManagerBase}
*/
function CMobileTouchManagerThumbnails(_config)
{
AscCommon.CMobileTouchManagerBase.call(this, _config || {});
this.SelectEnabled = false;
this.TableTrackEnabled = false;
this.ZoomEnabled = false;
}
CMobileTouchManagerThumbnails.prototype = Object.create(AscCommon.CMobileTouchManagerBase.prototype);
CMobileTouchManagerThumbnails.prototype.constructor = CMobileTouchManagerThumbnails;
CMobileTouchManagerThumbnails.prototype.Init = function(_api)
{
this.Api = _api;
this.Api.HtmlElement.style.touchAction = "none";
this.Api.HtmlElement.style.userSelect = "none";
this.Api.HtmlElement.style.webkitUserSelect = "none";
this.iScrollElement = "scroller_id_thumbnails";
// создаем делегата. инициализация его - ПОСЛЕ создания iScroll
this.delegate = new CMobileDelegateThumbnails(this);
var _element = this.delegate.GetScrollerParent();
this.CreateScrollerDiv(_element);
this.iScroll = new window.IScrollMobile(_element, {
scrollbars: true,
mouseWheel: !this.isDesktopMode,
interactiveScrollbars: true,
shrinkScrollbars: 'scale',
fadeScrollbars: true,
scrollX : true,
scroller_id : this.iScrollElement,
eventsElement : this.eventsElement,
bounce : true,
transparentIndicators : this.isDesktopMode
});
this.delegate.Init();
};
CMobileTouchManagerThumbnails.prototype.onTouchStart = function(e)
{
if (this.IsTouching)
return;
this.IsTouching = true;
this.MoveAfterDown = false;
var _e = e.touches ? e.touches[0] : e;
AscCommon.check_MouseDownEvent(_e, false);
this.DownPointOriginal.X = global_mouseEvent.X;
this.DownPointOriginal.Y = global_mouseEvent.Y;
this.TimeDown = new Date().getTime();
this.Mode = AscCommon.MobileTouchMode.Scroll;
this.iScroll._start(e);
AscCommon.stopEvent(e);
return false;
};
CMobileTouchManagerThumbnails.prototype.onTouchMove = function(e)
{
if (!this.IsTouching)
{
AscCommon.stopEvent(e);
return false;
}
var _e = e.touches ? e.touches[0] : e;
if (!this.MoveAfterDown)
{
AscCommon.check_MouseMoveEvent(_e);
if (Math.abs(this.DownPointOriginal.X - global_mouseEvent.X) > this.MoveMinDist ||
Math.abs(this.DownPointOriginal.Y - global_mouseEvent.Y) > this.MoveMinDist)
{
this.MoveAfterDown = true;
}
}
switch (this.Mode)
{
case AscCommon.MobileTouchMode.Scroll:
{
var _newTime = new Date().getTime();
if ((_newTime - this.TimeDown) > this.ReadingGlassTime && !this.MoveAfterDown)
{
this.Mode = AscCommon.MobileTouchMode.FlowObj;
this.delegate.Drawing_OnMouseDown(_e);
}
else
{
this.iScroll._move(e);
}
break;
}
case AscCommon.MobileTouchMode.FlowObj:
{
this.delegate.Drawing_OnMouseMove(_e);
break;
}
default:
break;
}
AscCommon.stopEvent(e);
return false;
};
CMobileTouchManagerThumbnails.prototype.onTouchEnd = function(e)
{
this.IsTouching = false;
var _e = e.changedTouches ? e.changedTouches[0] : e;
var isCheckContextMenuMode = false;
switch (this.Mode)
{
case AscCommon.MobileTouchMode.Scroll:
{
this.iScroll._end(e);
if (!this.MoveAfterDown)
{
global_mouseEvent.Button = 0;
this.delegate.Drawing_OnMouseDown(_e);
this.delegate.Drawing_OnMouseUp(_e);
isCheckContextMenuMode = true;
}
break;
}
case AscCommon.MobileTouchMode.FlowObj:
{
this.delegate.Drawing_OnMouseUp(_e);
break;
}
default:
break;
}
this.delegate.HtmlPage.m_oThumbnails.HtmlElement.style.cursor = "default";
this.Mode = AscCommon.MobileTouchMode.None;
if (true !== this.iScroll.isAnimating)
this.CheckContextMenuTouchEnd(isCheckContextMenuMode);
AscCommon.stopEvent(e);
if (!AscCommon.g_inputContext.isHardCheckKeyboard)
AscCommon.g_inputContext.preventVirtualKeyboard(e);
else
AscCommon.g_inputContext.preventVirtualKeyboard_Hard();
return false;
};
CMobileTouchManagerThumbnails.prototype.mainOnTouchStart = function(e)
{
if (AscCommon.g_inputContext && AscCommon.g_inputContext.externalChangeFocus())
return;
return this.onTouchStart(e);
};
CMobileTouchManagerThumbnails.prototype.mainOnTouchMove = function(e)
{
return this.onTouchMove(e);
};
CMobileTouchManagerThumbnails.prototype.mainOnTouchEnd = function(e)
{
let res = this.onTouchEnd(e);
this.checkDesktopModeContextMenuEnd(e);
return res;
};
//--------------------------------------------------------export----------------------------------------------------
window['AscCommon'] = window['AscCommon'] || {};
window['AscCommon'].CMobileDelegateEditorPresentation = CMobileDelegateEditorPresentation;
window['AscCommon'].CMobileTouchManager = CMobileTouchManager;
window['AscCommon'].CMobileTouchManagerThumbnails = CMobileTouchManagerThumbnails;
})(window);