1 files changed, 50 insertions, 0 deletions

diff --git a/components/package/contents/ui/WebView.qml b/components/package/contents/ui/WebView.qml
new file mode 100644
index 00000000..fe3a8bcd
--- /dev/null
+++ b/components/package/contents/ui/WebView.qml
@@ -0,0 +1,50 @@
+import QtQuick 2.4
+import QtQuick.Controls 1.3
+import QtWebKit 3.0
+// import QtWebEngine 1.3 //This would give use contentsSize
+// import QtWebEngine 1.2
+
+Item {
+    id: root
+    property string content;
+    // property int contentWidth: 500;
+    // property int contentHeight: 500;
+    property int contentWidth: htmlView.contentWidth;
+    property int contentHeight: htmlView.contentHeight;
+    // width: htmlView.width
+    // height: htmlView.height
+    WebView {
+        id: htmlView
+        anchors.top: parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        width: contentWidth
+        height: contentHeight
+        onNavigationRequested: {
+            // detect URL scheme prefix, most likely an external link
+            var schemaRE = /^\w+:/;
+            if (schemaRE.test(request.url)) {
+                request.action = WebView.AcceptRequest;
+            } else {
+                request.action = WebView.IgnoreRequest;
+                // delegate request.url here
+            }
+        }
+        onLoadingChanged: {
+            console.warn("Error is ", loadRequest.errorString);
+            console.warn("Status is ", loadRequest.status);
+        }
+        Component.onCompleted: loadHtml(content, "file:///")
+    }
+    // WebEngineView {
+    //     id: htmlView
+    //     anchors.fill: parent
+    //     onLoadingChanged: {
+    //         console.warn("Error is ", loadRequest.errorString);
+    //         console.warn("Status is ", loadRequest.status);
+    //     }
+    //     Component.onCompleted: loadHtml(content, "file:///")
+    // }
+    onContentChanged: {
+        htmlView.loadHtml(content, "file:///");
+    }
+}