Implement touch text selection for QQuickWebEngineView

Touch handle and touch selection menu are not implemented for widget.

Task-number: QTBUG-59999
Change-Id: Ia492e58b83d3ad38cdf6877d468724c399f34367
Reviewed-by: Allan Sandfeld Jensen <allan.jensen@qt.io>

3 files changed, 220 insertions, 1 deletions

diff --git a/src/webengine/ui/TouchHandle.qml b/src/webengine/ui/TouchHandle.qml
new file mode 100644
index 000000000..76a93829e
--- /dev/null
+++ b/src/webengine/ui/TouchHandle.qml
@@ -0,0 +1,42 @@
+/****************************************************************************
+**
+** Copyright (C) 2018 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the QtWebEngine module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPL3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl-3.0.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or (at your option) the GNU General
+** Public license version 3 or any later version approved by the KDE Free
+** Qt Foundation. The licenses are as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-2.0.html and
+** https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.5
+
+Image { }
diff --git a/src/webengine/ui/TouchSelectionMenu.qml b/src/webengine/ui/TouchSelectionMenu.qml
new file mode 100644
index 000000000..7cf16b554
--- /dev/null
+++ b/src/webengine/ui/TouchSelectionMenu.qml
@@ -0,0 +1,175 @@
+/****************************************************************************
+**
+** Copyright (C) 2018 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the QtWebEngine module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPL3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl-3.0.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or (at your option) the GNU General
+** Public license version 3 or any later version approved by the KDE Free
+** Qt Foundation. The licenses are as published by the Free Software
+** Foundation and appearing in the file LICENSE.GPL2 and LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-2.0.html and
+** https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.5
+import QtQuick.Layouts 1.3
+
+Rectangle {
+    id: menu
+
+    signal cutTriggered
+    signal copyTriggered
+    signal pasteTriggered
+    signal contextMenuTriggered
+
+    property bool isCutEnabled: false
+    property bool isCopyEnabled: false
+    property bool isPasteEnabled: false
+
+    property color borderColor: "darkGray"
+    property color bgColor: "white"
+
+    radius: 4
+    border.color: borderColor
+    color: borderColor
+    antialiasing: true
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: parent.border.width
+        anchors.margins: parent.border.width
+
+        Rectangle {
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            radius: menu.radius
+            color: bgColor
+            visible: isCutEnabled
+
+            Text {
+                id: cutText
+                anchors.centerIn: parent
+                text: "Cut"
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    parent.color = borderColor;
+                    cutText.color = "white";
+                }
+                onReleased: {
+                    parent.color = bgColor;
+                    cutText.color = "black";
+                    cutTriggered();
+                }
+            }
+        }
+
+        Rectangle {
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            radius: menu.radius
+            color: bgColor
+            visible: isCopyEnabled
+
+            Text {
+                id: copyText
+                anchors.centerIn: parent
+                text: "Copy"
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    parent.color = borderColor;
+                    copyText.color = "white";
+                }
+                onReleased: {
+                    parent.color = bgColor;
+                    copyText.color = "black";
+                    copyTriggered();
+                }
+            }
+        }
+
+        Rectangle {
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            radius: menu.radius
+            color: bgColor
+            visible: isPasteEnabled
+
+            Text {
+                id: pasteText
+                anchors.centerIn: parent
+                text: "Paste"
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    parent.color = borderColor;
+                    pasteText.color = "white";
+                }
+                onReleased: {
+                    parent.color = bgColor;
+                    pasteText.color = "black";
+                    pasteTriggered();
+                }
+            }
+        }
+
+        Rectangle {
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+            radius: menu.radius
+            color: bgColor
+
+            Text {
+                id: contextMenuText
+                anchors.centerIn: parent
+                text: "..."
+            }
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    parent.color = borderColor;
+                    contextMenuText.color = "white";
+                }
+                onReleased: {
+                    parent.color = bgColor;
+                    contextMenuText.color = "black";
+                    contextMenuTriggered();
+                }
+            }
+        }
+    }
+}
diff --git a/src/webengine/ui/ui.pro b/src/webengine/ui/ui.pro
index eb6bf435c..69f754e0c 100644
--- a/src/webengine/ui/ui.pro
+++ b/src/webengine/ui/ui.pro
@@ -13,6 +13,8 @@ QML_FILES += \
     Menu.qml \
     MenuItem.qml \
     MenuSeparator.qml \
-    ToolTip.qml
+    ToolTip.qml \
+    TouchHandle.qml \
+    TouchSelectionMenu.qml
 
 load(qml_module)