~mardy/ubuntuone-credentials/account-creation-plugin

/*
 * Copyright (C) 2013-2014 Canonical Ltd.
 *
 *
 * This program is free software: you can redistribute it and/or modify it
 * under the terms of the GNU General Public License version 3, as published
 * by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranties of
 * MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR
 * PURPOSE.  See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import QtQuick 2.4
import Ubuntu.Components 1.3
import UbuntuOne 1.0
import Ubuntu.OnlineAccounts 0.1


Column {
    id: main

    property var __account: account

    state: "login" // or "register" or "twofactor"
    property var currentVisible: loginForm
    property var formValid: false
    property bool __isAuthenticating: false


    signal finished

    anchors.margins: units.gu(2)

    spacing: units.gu(2)

    Component.onCompleted: {
        resetUI();
    }

    Label {
        id: topLabel
        objectName: "topLabel"
        text: ""
        font.pixelSize: units.gu(2.5)
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: units.gu(2)
        wrapMode: Text.Wrap
    }

    Label {
        id: errorLabel
        objectName: "errorLabel"
        text: ""
        font.bold: true
        color: "red"
        visible: false

        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: units.gu(4)
        wrapMode: Text.Wrap
    }

    Label {
        text: i18n.dtr(rootFlickable.domain, "Please type your email:")
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: units.gu(2)
    }

    TextField {
        id: emailTextField
        objectName: "emailTextField"
        placeholderText: i18n.dtr(rootFlickable.domain, "example: user@ubuntu.com")
        width: main.width - (2 * main.anchors.margins)
        validator: RegExpValidator { regExp: /.+@.+/ }
        focus: true
        KeyNavigation.tab: state == "login" ? passwordTextField : registerForm.nameTextField
        KeyNavigation.backtab: state == "login" ? (twoFactorVisible ? twoFactorTextField : passwordTextField) : registerForm.confirmPasswordTextField
        inputMethodHints: Qt.ImhEmailCharactersOnly
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: units.gu(2)
        onLengthChanged: {
            if (emailTextField.length > 0 && main.state == "register") {
                validateInput();
            }
        }
    }

    LoginForm {
        id: loginForm
        objectName: "loginForm"
        visible: true
        
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: parent.anchors.margins
    }

    RegisterForm {
        id: registerForm
        objectName: "registerForm"
        visible: false
        
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.margins: parent.anchors.margins
    }


    // -------------------------------------------------

    UbuntuOneCredentialsService {

        onLoginOrRegisterSuccess: {
            handleSuccess();
        }

        onTwoFactorAuthRequired: {
            showTwoFactorUI();
        }

        onLoginOrRegisterError: {
            if (errorMessage == "Invalid request data") {
                errorMessage = i18n.dtr(rootFlickable.domain, "Please enter a valid email address.");
            }
            showError(errorMessage);
        }
    }

    Credentials {
        id: creds
        caption: account.provider.id
        acl: [ "unconfined" ]
        storeSecret: true
        onCredentialsIdChanged: main.credentialsStored()
    }

    AccountService {
        id: globalAccountSettings
        objectHandle: account.accountServiceHandle
        credentials: creds
        autoSync: false

        onAuthenticated: {
            console.log("Authenticated! " + JSON.stringify(reply))
            if (state == "register" && !("TokenKey" in reply)) {
                var parameters = {}
                parameters["Secret"] = registerForm.password
                parameters["UiPolicy"] = 2 // NoUserInteractionPolicy
                authenticate(parameters)
                return
            }

            __isAuthenticating = false;
            if ("U1ErrorCode" in reply) {
                var errorMessage = ""
                switch (reply.U1ErrorCode) {
                case 1: // OneTimePasswordRequired
                    showTwoFactorUI();
                    return;
                case 2:
                    errorMessage = "Wrong password!"
                    break;
                case 3: // InvalidEmailAddress
                    errorMessage = i18n.dtr(rootFlickable.domain, "Please enter a valid email address.");
                    break;
                }
                showError(errorMessage);
                return;
            }

            handleSuccess()
        }

        onAuthenticationError: {
            console.log("Authentication error " + JSON.stringify(error))
            var errorMessage = error.message
            showError(errorMessage);
        }
    }

    function credentialsStored() {
        console.log("Credentials stored, id: " + creds.credentialsId)
        if (creds.credentialsId == 0) return
        var parameters = {}
        parameters["UiPolicy"] = 2 // NoUserInteractionPolicy
        var mechanism
        if(state == "login") {
            parameters["Secret"] = loginForm.password
        } else if(state == "register") {
            parameters["Secret"] = registerForm.password
            parameters["DisplayName"] = registerForm.display_name
            mechanism = "register"
        } else if(state == "twofactor") {
            parameters["Secret"] = loginForm.password
            parameters["OneTimePassword"] = loginForm.twoFactorCode
        }
        __isAuthenticating = true
        globalAccountSettings.authenticate("ubuntuone", mechanism, parameters)
    }

    function resetUI() {
        errorLabel.visible = false;
        errorLabel.text = "";
        emailTextField.text = "";
        loginForm.resetUI()
        registerForm.resetUI();
        state = "register";
        toggleNewUser();
        formValid = false;
        emailTextField.forceActiveFocus();
    }

    function showError(message) {
        errorLabel.text = message;
        errorLabel.visible = true;
        loadingOverlay.visible = false;
    }

    function switchTo(newVisible) {
        currentVisible.visible = false;
        newVisible.visible = true;
        currentVisible = newVisible;
    }

    function toggleNewUser() {
        if(state == "login" || state == "twofactor") {
            topLabel.text = i18n.dtr(rootFlickable.domain, "Create your Ubuntu One account")
            switchTo(registerForm)
            state = "register";
            registerForm.nameTextField.focus = true;
        } else if(state == "register") {
            topLabel.text = i18n.dtr(rootFlickable.domain, "Sign in to your Ubuntu One account")
            switchTo(loginForm)
            state = "login";
            loginForm.passwordTextField.focus = true;
        } else {
            console.debug("unexpected state" + state + "in toggleNewUser");
        }
    }

    function userCancelled() {
        console.debug("User cancelled");
        if (__isAuthenticating) {
            /* This will cause the authentication to fail, and this method will
             * be invoked again to delete the credentials. */
            globalAccountSettings.cancelAuthentication()
            return
        }

        if (creds.credentialsId != 0) {
            console.log("Removing credentials...")
            creds.remove()
            creds.removed.connect(finished)
        } else {
            finished()
        }
    }

    /* processForm uses a timer to delay calling u1credservice, which can
       take a while, to ensure that the loadingOverlay is shown
       immediately.
       */
    function processForm() {
        Qt.inputMethod.hide();
        loadingOverlay.visible = true;
        formSubmitTimer.running = true;
    }

    Timer {
        id: formSubmitTimer;
        interval: 0;
        onTriggered: submitFormFromTimer();
    }

    function submitFormFromTimer() {
        validateInput();
        if (!formValid) {
            loadingOverlay.visible = false;
            return;
        }

        account.updateDisplayName(emailTextField.text)
        creds.userName = emailTextField.text
        creds.sync()
    }

    function handleSuccess() {
        loadingOverlay.visible = false;
        errorLabel.visible = false;
        globalAccountSettings.updateServiceEnabled(true)
        account.synced.connect(finished)
        account.sync()
    }

    function showTwoFactorUI() {
        loadingOverlay.visible = false;
        if(state != "login") {
            console.log("Error: did not expect two factor request from register");
            showError(i18n.dtr(rootFlickable.domain, "An internal error occurred. Please try again later."));
            return;
        }
        errorLabel.visible = false;
        state = "twofactor";
        loginForm.twoFactorVisible = true;
        loginForm.twoFactorTextField.focus = true;
        formValid = false;
    }

    function validateInput() {
        formValid = emailTextField.acceptableInput;
        if(!formValid) {
            showError(i18n.dtr(rootFlickable.domain, "Please enter a valid email address."));
            return;
        }

        if(state == "login" || state == "twofactor") {
            formValid &= loginForm.validateInput();
        } else {
            formValid &= registerForm.validateInput();
        }
        
        if(formValid) {
            errorLabel.visible = false;
        }
    }
}