jami-client-qt/src/commoncomponents/PasswordDialog.qml

/*
 * Copyright (C) 2020 by Savoir-faire Linux
 * Author: Yang Wang <yang.wang@savoirfairelinux.com>
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY 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 <https://www.gnu.org/licenses/>.
 */

import QtQuick 2.15
import QtQuick.Controls 2.14
import QtQuick.Layouts 1.14
import QtQuick.Controls.Styles 1.4
import net.jami.Models 1.0

import "../constant"
/*
 * PasswordDialog for changing password and exporting account
 */
Dialog {
    id: passwordDialog

    enum PasswordEnteringPurpose {
        ChangePassword,
        ExportAccount,
        SetPassword
    }
    readonly property int successCode: 200
    signal doneSignal(int code, int currentPurpose)

    property string path: ""
    property int purpose: PasswordDialog.ChangePassword

    title: {
        switch(purpose){
        case PasswordDialog.ExportAccount:
            return qsTr("Enter the password of this account")
        case PasswordDialog.ChangePassword:
            return qsTr("Changing password")
        case PasswordDialog.SetPassword:
            return qsTr("Set password")
        }
    }

    function openDialog(purposeIn, exportPathIn = ""){
        purpose = purposeIn
        path = exportPathIn
        currentPasswordEdit.clear()
        passwordEdit.clear()
        confirmPasswordEdit.clear()
        passwordDialog.open()
    }

    function haveDone(code, currentPurpose) {
        done(code)
        doneSignal(code, currentPurpose)
    }

    function validatePassword() {
        var acceptablePassword =  (passwordEdit.text === confirmPasswordEdit.text)
        btnChangePasswordConfirm.enabled = acceptablePassword

        if (acceptablePassword) {
            passwordEdit.borderColorMode = InfoLineEdit.RIGHT
            confirmPasswordEdit.borderColorMode = InfoLineEdit.RIGHT
            return
        }

        passwordEdit.borderColorMode = InfoLineEdit.ERROR
        confirmPasswordEdit.borderColorMode = InfoLineEdit.ERROR
    }

    Timer{
        id: timerToOperate

        interval: 200
        repeat: false

        onTriggered: {
            if ((purpose === PasswordDialog.ChangePassword) || (purpose === PasswordDialog.SetPassword)) {
                savePasswordQML()
            } else if(purpose === PasswordDialog.ExportAccount) {
                exportAccountQML()
            }
        }
    }

    function exportAccountQML() {
        var success = false
        if(path.length > 0){
            success = ClientWrapper.accountAdaptor.exportToFile(ClientWrapper.utilsAdaptor.getCurrAccId(),path,currentPasswordEdit.text)
        }

        spinnerMovie.playing = false
        spinnerLabel.visible = false
        if (success) {
            haveDone(successCode, passwordDialog.purpose)
        } else {
            currentPasswordEdit.clear()
            btnChangePasswordConfirm.enabled = false
            wrongPasswordLabel.visible = true
        }
    }
    function savePasswordQML() {
        var success = false
        success = ClientWrapper.accountAdaptor.savePassword(ClientWrapper.utilsAdaptor.getCurrAccId(),currentPasswordEdit.text, passwordEdit.text)

        spinnerMovie.playing = false
        spinnerLabel.visible = false
        if (success) {
            ClientWrapper.accountAdaptor.setArchiveHasPassword(passwordEdit.text.length !== 0)
            haveDone(successCode, passwordDialog.purpose)
        } else {
            currentPasswordEdit.clear()
            btnChangePasswordConfirm.enabled = false
            wrongPasswordLabel.visible = true
        }
    }

    visible: false

    anchors.centerIn: parent.Center
    x: (parent.width - width) / 2
    y: (parent.height - height) / 2

    contentItem: Rectangle{
        implicitWidth: 440
        implicitHeight: 270

        ColumnLayout {
            anchors.fill: parent
            spacing: 7

            ColumnLayout {
                Layout.topMargin: 11
                Layout.leftMargin: 40
                Layout.rightMargin: 40
                Layout.alignment: Qt.AlignHCenter
                Layout.fillWidth: true

                Layout.preferredWidth: 360
                Layout.maximumWidth: 360
                spacing: 7

                ColumnLayout {
                    spacing: 0

                    Layout.alignment: Qt.AlignHCenter

                    Layout.preferredWidth: 356
                    Layout.maximumWidth: 356

                    InfoLineEdit {
                        id: currentPasswordEdit

                        Layout.minimumHeight: 30
                        Layout.preferredHeight: 30
                        Layout.maximumHeight: 30
                        Layout.fillWidth: true

                        visible: purpose === PasswordDialog.ChangePassword || purpose === PasswordDialog.ExportAccount
                        echoMode: TextInput.Password
                        font.pointSize: 10
                        font.kerning: true
                        horizontalAlignment: Text.AlignLeft
                        verticalAlignment: Text.AlignVCenter

                        placeholderText: qsTr("Enter Current Password")

                        onTextChanged: {
                            if (purpose === PasswordDialog.ChangePassword) {
                                validatePassword()
                            }

                            if (currentPasswordEdit.text.length == 0) {
                                btnChangePasswordConfirm.enabled = false
                            } else {
                                wrongPasswordLabel.visible = false
                                btnChangePasswordConfirm.enabled = true
                            }
                        }
                    }

                    Label {
                        id: wrongPasswordLabel

                        Layout.alignment: Qt.AlignHCenter

                        Layout.minimumHeight: 12
                        Layout.preferredHeight: 12
                        Layout.maximumHeight: 12
                        Layout.fillWidth: true

                        font.pointSize: 8
                        font.kerning: true
                        horizontalAlignment: Text.AlignHCenter
                        verticalAlignment: Text.AlignVCenter

                        text: qsTr("Current Password Incorrect")
                        color: "red"

                        visible: false
                    }
                }

                Item {
                    Layout.fillWidth: true

                    Layout.minimumHeight: 8
                    Layout.preferredHeight: 8
                    Layout.maximumHeight: 8
                }

                InfoLineEdit {
                    id: passwordEdit

                    fieldLayoutHeight: 30
                    layoutFillwidth: true

                    visible: purpose === PasswordDialog.ChangePassword || purpose === PasswordDialog.SetPassword
                    echoMode: TextInput.Password
                    font.pointSize: 10
                    font.kerning: true
                    horizontalAlignment: Text.AlignLeft
                    verticalAlignment: Text.AlignVCenter

                    placeholderText: qsTr("Enter New Password")

                    onTextChanged: {
                        validatePassword()
                    }
                }

                Item {
                    Layout.fillWidth: true

                    Layout.minimumHeight: 8
                    Layout.preferredHeight: 8
                    Layout.maximumHeight: 8
                }

                InfoLineEdit {
                    id: confirmPasswordEdit

                    fieldLayoutHeight: 30
                    layoutFillwidth: true

                    visible: purpose === PasswordDialog.ChangePassword || purpose === PasswordDialog.SetPassword
                    echoMode: TextInput.Password
                    font.pointSize: 10
                    font.kerning: true
                    horizontalAlignment: Text.AlignLeft
                    verticalAlignment: Text.AlignVCenter

                    placeholderText: qsTr("Confirm New Password")

                    onTextChanged: {
                        validatePassword()
                    }
                }
            }

            Label {
                id: spinnerLabel

                visible: false

                Layout.fillWidth: true

                Layout.minimumHeight: 20
                Layout.preferredHeight: 20
                Layout.maximumHeight: 20

                background: Rectangle {
                    anchors.fill: parent
                    AnimatedImage {
                        id: spinnerMovie

                        anchors.fill: parent

                        source: "qrc:/images/ajax-loader.gif"

                        playing: spinnerLabel.visible
                        paused: false
                        fillMode: Image.PreserveAspectFit
                        mipmap: true
                    }
                }
            }

            RowLayout {
                spacing: 7

                Layout.bottomMargin: 11
                Layout.fillWidth: true

                Layout.leftMargin: 30
                Layout.rightMargin: 30

            HoverableRadiusButton {
                id: btnChangePasswordConfirm

                    Layout.maximumWidth: 130
                    Layout.preferredWidth: 130
                    Layout.minimumWidth: 130

                    Layout.minimumHeight: 30
                    Layout.preferredHeight: 30
                    Layout.maximumHeight: 30

                    text: qsTr("Confirm")
                    font.pointSize: 10
                    font.kerning: true

                    radius: height / 2

                    enabled: false

                    onClicked: {
                        spinnerLabel.visible = true
                        spinnerMovie.playing = true
                        timerToOperate.restart()
                    }
                }

                Item {
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                }

                HoverableButtonTextItem {
                    id: btnChangePasswordCancel

                    Layout.maximumWidth: 130
                    Layout.preferredWidth: 130
                    Layout.minimumWidth: 130

                    Layout.minimumHeight: 30
                    Layout.preferredHeight: 30
                    Layout.maximumHeight: 30

                    backgroundColor: "red"
                    onEnterColor: Qt.rgba(150 / 256, 0, 0, 0.7)
                    onDisabledBackgroundColor: Qt.rgba(
                                                   255 / 256,
                                                   0, 0, 0.8)
                    onPressColor: backgroundColor
                    textColor: "white"

                    text: qsTr("Cancel")
                    font.pointSize: 10
                    font.kerning: true

                    radius: height / 2

                    onClicked: {
                        passwordDialog.reject()
                    }
                }
            }
        }
    }
}