Implemented login page

2 files changed, 69 insertions, 0 deletions

diff --git a/qml/pages/Board.qml b/qml/pages/Board.qml
index 4bb5d9c..35e2e5e 100644
--- a/qml/pages/Board.qml
+++ b/qml/pages/Board.qml
@@ -1,5 +1,6 @@
 import QtQuick 2.0
 import Sailfish.Silica 1.0
+import org.nemomobile.configuration 1.0
 import ".."
 
 Page {
@@ -14,6 +15,17 @@ Page {
         anchors.fill: parent
         contentHeight: column.height
 
+        PullDownMenu {
+            MenuItem {
+                text: qsTr("Login")
+                onClicked: {
+                    access_token.value = "";
+                    refresh_token.value = "";
+                    pageStack.push(Qt.resolvedUrl("Login.qml"))
+                }
+            }
+        }
+
         Column {
             id: column
 
@@ -44,4 +56,16 @@ Page {
             }
         }
     }
+
+    ConfigurationValue {
+        id: access_token
+        key: "/com/sailchess/access_token"
+        defaultValue: ""
+    }
+
+    ConfigurationValue {
+        id: refresh_token
+        key: "/com/sailchess/refresh_token"
+        defaultValue: ""
+    }
 }
diff --git a/qml/pages/Login.qml b/qml/pages/Login.qml
new file mode 100644
index 0000000..2f57e39
--- /dev/null
+++ b/qml/pages/Login.qml
@@ -0,0 +1,45 @@
+import QtQuick 2.2
+import Sailfish.Silica 1.0
+import QtWebKit 3.0
+import org.nemomobile.configuration 1.0
+
+Page {
+    SilicaWebView {
+        property real device_ratio: Math.round(1.5 * Theme.pixelRatio * 10) / 10.0
+
+        id: login
+        anchors.fill: parent
+        experimental.preferences.javascriptEnabled: false
+        experimental.userStyleSheets: [Qt.resolvedUrl("qrc:///css/external.css")]
+        experimental.customLayoutWidth: parent.width / device_ratio
+        url: "https://marvinborner.de/lichess/"
+
+        onNavigationRequested: {
+            if (request.url.toString().lastIndexOf("https://marvinborner.de/lichess/callback", 0) === 0) {
+                request.action = WebView.IgnoreRequest;
+
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", request.url, false);
+                xhr.send();
+                if (xhr.status === 200) {
+                    const data = JSON.parse(xhr.responseText);
+                    access_token.value = data["access_token"];
+                    refresh_token.value = data["refresh_token"];
+                    pageStack.push(Qt.resolvedUrl("Board.qml"))
+                }
+            }
+        }
+
+        ConfigurationValue {
+            id: access_token
+            key: "/com/sailchess/access_token"
+            defaultValue: ""
+        }
+
+        ConfigurationValue {
+            id: refresh_token
+            key: "/com/sailchess/refresh_token"
+            defaultValue: ""
+        }
+    }
+}