main.qml 18.3 KB
Newer Older
1
/*
2
 * Copyright (C) 2014-2017 CZ.NIC
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
 *
 * 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 <http://www.gnu.org/licenses/>.
 *
 * In addition, as a special exception, the copyright holders give
 * permission to link the code of portions of this program with the
 * OpenSSL library under certain conditions as described in each
 * individual source file, and distribute linked combinations including
 * the two.
 */

24
import QtQuick 2.7
25
import QtQuick.Controls 2.1
26
import QtQuick.Window 2.1
27
import QtQuick.Layouts 1.3
28
import QtQuick.Dialogs 1.2
29
import QtQuick.Controls.Material 2.1
30
import cz.nic.mobileDatovka 1.0
31 32 33 34 35 36 37 38 39

ApplicationWindow {

    // Get deafult color theme and palette from system
    SystemPalette { id: datovkaPalette; colorGroup: SystemPalette.Active }
    id: mainWindow
    visible: true
    title: "Datovka"
    width: 800
Martin Straka's avatar
Martin Straka committed
40
    minimumWidth: 320
41
    height: 600
Martin Straka's avatar
Martin Straka committed
42 43
    minimumHeight: 240

44 45
    color: datovkaPalette.window

46 47
    // This element set default font (size) and must be hidden. Font is used
    // accross application as default font size. Do not remove it.
48 49
    Text {
        id: defaultTextFont
50 51
        visible: false
        text: "Note: set default font"
52 53
    }

54 55
    // Set default material design from system palette
    Material.theme: Material.System
56 57 58 59 60 61 62
    Material.background: datovkaPalette.window
    Material.foreground: datovkaPalette.windowText
    Material.primary: Material.Blue
    Material.accent: Material.Blue
    /* Some color saturation */
    property color readBgColor: Qt.darker(datovkaPalette.alternateBase, 1.08)
    property color headerColor: Material.color(Material.Blue)
63

64
    // define all pages for stackview
65 66
    property Component pageAboutApp: PageAboutApp {}
    property Component pageAccountDetail: PageAccountDetail {}
67
    property Component pageChangePassword: PageChangePassword {}
Martin Straka's avatar
Martin Straka committed
68
    property Component pageContactList: PageContactList {}
69
    property Component pageDataboxDetail: PageDataboxDetail {}
70
    property Component pageDataboxSearch: PageDataboxSearch {}
Karel Slaný's avatar
Karel Slaný committed
71
    property Component pageMenuAccount: PageMenuAccount {}
72 73 74 75 76 77
    property Component pageMenuDatovkaSettings: PageMenuDatovkaSettings {}
    property Component pageMenuMessage: PageMenuMessage {}
    property Component pageMenuMessageDetail: PageMenuMessageDetail {}
    property Component pageMenuMessageList: PageMenuMessageList {}
    property Component pageMessageDetail: PageMessageDetail {}
    property Component pageMessageList: PageMessageList {}
78
    property Component pageMessageSearch: PageMessageSearch {}
79
    property Component pageSendMessage: PageSendMessage {}
80 81 82 83 84
    property Component pageSettingsAccount: PageSettingsAccount {}
    property Component pageSettingsGeneral: PageSettingsGeneral {}
    property Component pageSettingsPin: PageSettingsPin {}
    property Component pageSettingsStorage: PageSettingsStorage {}
    property Component pageSettingsSync: PageSettingsSync {}
85

86 87 88
    // header background color
    property string mainHeaderBgColor: "#00539b"
    // dimension and style based on font pixel size and screen dpi
89 90 91 92
    property int textFontSizeInPixels: defaultTextFont.font.pixelSize
    property int textPointSmall: Math.round(defaultTextFont.font.pointSize * 0.7)
    property int textFontSizeSmall: if (textPointSmall > 0) {textPointSmall} else {8}
    property int headerHeight: textFontSizeInPixels * 3
Martin Straka's avatar
Martin Straka committed
93 94
    property int imgHeightHeader: headerHeight * 0.6
    property int imgHeight: imgHeightHeader * 0.8
95
    // inputItemHeight holds height of controls elements computed from font size
Martin Straka's avatar
Martin Straka committed
96
    property int inputItemHeight: headerHeight
97 98 99
    property int navImgHeight: headerHeight * 0.3
    property int listItemHeight: headerHeight * 1.5
    property int defaultMargin: Math.round(Screen.pixelDensity)
Martin Straka's avatar
Martin Straka committed
100
    property int acntListSpacing: defaultMargin * 4
101
    property int formItemVerticalSpacing: defaultMargin
102
    property int formButtonHorizontalSpacing: defaultMargin * 5
103
    property real backMouseAreaRatio: 0.2
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121

    /* compare message delivery date with current date-90days */
    property int deleteAfterDays: 90
    function compareMsgDate(msgDeliveryTime) {
        if (msgDeliveryTime == "") {
            // message has virus or delivery time missing
            return true
        } else {
            // convert qml date format to ISO date format
            var inputDateFormat = /(\d{2})\.(\d{2})\.(\d{4})/;
            var msgDate = new Date(msgDeliveryTime.replace(inputDateFormat,'$3-$2-$1'));
            var today = new Date()
            today.setDate(today.getDate()-deleteAfterDays)
            // compare both dates in milliseconds
            return (today.getTime() > msgDate.getTime())
        }
    }

122 123 124
    /* Exposes nested stack to code outside the page component. */
    property var nestedStack: null

125
    /* Password/OTP input dialog, emitted from C++ */
Martin Straka's avatar
Martin Straka committed
126 127 128
    InputDialogue {
        id: inputDialog
        onFinished: {
129 130 131 132
            isds.inputDialogReturnPassword(isdsAction, pwdType, userName, pwd)
        }
        onCanceled: {
            isds.inputDialogCancelPostAction(isdsAction, userName)
Martin Straka's avatar
Martin Straka committed
133 134 135
        }
        Connections {
            target: isds
136
            onOpenDialogRequest: {
137
                 inputDialog.openInputDialog(isdsAction, pwdType, userName, title, text, placeholderText, hidePwd)
Martin Straka's avatar
Martin Straka committed
138 139 140 141
            }
        }
    }

142 143
    StackView { // Page area.
        id: mainStack
144
        anchors.fill: parent
145 146
        initialItem: appArea

147
        Item {
148
            id: appArea
149 150
            objectName: "appArea"
            anchors.fill: parent
151

152 153 154
            StackView.onActivated: {
                mainStack.forceActiveFocus()
            }
155

156 157 158 159 160 161
            Item { /* Application page stack. */
                id: mainPage
                anchors.fill: parent
                visible: true
                StackView {
                    id: pageView
162 163
                    anchors.fill: parent
                    visible: true
164 165 166 167
                    initialItem: PageAccountList {}

                    Component.onCompleted: {
                        nestedStack = pageView
168
                    }
169
                }
170
            }
171
            ProgressBar {
172
                id: statusBar
173
            }
174
        }
175

176 177 178 179 180
        Component { /* Pin lock screen. */
            id: lockScreen
            Rectangle  {
                objectName: "lockScreen"
                anchors.fill: parent
181
                color: datovkaPalette.base
182
                Column {
183
                    anchors.centerIn: parent
184
                    spacing: formItemVerticalSpacing
185 186
                    TextField {
                        id: pinCodeInput
187
                        height: inputItemHeight
188
                        font.pointSize: defaultTextFont.font.pointSize
189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206
                        //focus: true // Forcing focus here causes troubles on mobile devices.
                        echoMode: TextInput.Password
                        passwordMaskDelay: 500 // milliseconds
                        inputMethodHints: Qt.ImhDigitsOnly
                        placeholderText: qsTr("Enter PIN code")
                        anchors.horizontalCenter: parent.horizontalCenter
                        horizontalAlignment: TextInput.AlignHCenter
                        function verifyPin() {
                            settings.verifyPin(pinCodeInput.text.toString())
                        }
                        onEditingFinished: {
                            // This function is called repeatedly when switching
                            // windows. The condition should reduce PIN verification
                            // calls.
                            if (pinCodeInput.text.length > 0) {
                                verifyPin()
                            }
                        }
Karel Slaný's avatar
Karel Slaný committed
207
                    }
208 209 210 211 212 213 214 215
                    Text {
                        id: wrongPin
                        font.bold: true
                        visible: false
                        color: datovkaPalette.text
                        anchors.horizontalCenter: parent.horizontalCenter
                        text: qsTr("Wrong PIN code!")
                    }
216 217
                    Button {
                        text: qsTr("Enter")
218
                        anchors.horizontalCenter: parent.horizontalCenter
219 220 221 222
                        font.pointSize: defaultTextFont.font.pointSize
                        height: inputItemHeight
                        onClicked: {
                            pinCodeInput.verifyPin()
223 224
                        }
                    }
225
                    Item {
226
                        id: blankField
227
                        width: parent.width
228 229 230 231 232 233
                        height: headerHeight
                        anchors.horizontalCenter: parent.horizontalCenter
                    }
                    Image{
                        id: datovkaLogo
                        anchors.horizontalCenter: parent.horizontalCenter
Martin Straka's avatar
Martin Straka committed
234 235
                        width: imgHeightHeader * 1.4
                        height: imgHeightHeader * 1.4
236 237 238 239 240 241 242
                        source: "qrc:/datovka.png"
                    }
                    Text {
                        id: versionLabel
                        anchors.horizontalCenter: parent.horizontalCenter
                        color: datovkaPalette.text
                        text: qsTr("Version") + ": " + settings.appVersion()
243
                    }
244
                } // Column
245 246 247 248 249 250 251 252 253 254 255 256
                Connections {
                    target: settings
                    onSendPinReply: {
                        if (success) {
                            Qt.inputMethod.hide()
                            if (mainStack.currentItem.objectName == "lockScreen") {
                                mainStack.pop(StackView.Immediate)
                            }
                        }
                        wrongPin.visible = !success
                        pinCodeInput.text = ""
                    }
257 258 259
                } // Connections
            } // Rectangle
        } // Component
260

261 262 263
        Connections {
            target: locker
            onLockApp: {
264 265 266 267
                if (mainStack.currentItem.objectName == "appArea") {
                    /* Lock application area. */
                    mainStack.push(lockScreen, StackView.Immediate)
                }
268 269
            }
        }
270 271 272 273 274 275 276 277
        Connections {
            target: interactionZfoFile
            onDisplayZfoFileContent: {
                /*
                 * The app should be locked from within C++ code when PIN is
                 * enabled.
                 */
                console.log("Showing zfo file: " + filePath)
278
                var fileContent = files.rawFileContent(filePath)
279
                mainStack.push(pageMessageDetail, {
280
                        "pageView": mainStack,
281
                        "fromLocalDb": false,
282
                        "rawZfoContent": fileContent
283
                    }, StackView.Immediate)
284 285 286 287 288
                /*
                 * Next function has effect only for iOS.
                 * Detail info is in the header file.
                 */
                files.deleteTmpFileFromStorage(filePath)
289 290
            }
        }
291

292 293 294 295 296 297 298 299 300 301 302 303 304
        Connections {
            target: dlgEmitter
            onDlgGetText: {
                /*
                 * Create a dynamic dialogue object set content and connect
                 * functionality.
                 */

                var dlgComponent = Qt.createComponent("qrc:/qml/dialogues/PasteInputDialogue.qml", Component.PreferSynchronous);
                var dlgObj;
                if (dlgComponent.status == Component.Ready) {
                    finishCreation();
                } else {
305
                    console.log("Failed loading dlgComponent:", dlgComponent.errorString());
306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360
                    dlgComponent.statusChanged.connect(finishCreation);
                }

                function finishCreation() {
                    if (dlgComponent.status == Component.Error) {
                        // Error handling.
                        console.log("Error loading dlgComponent:", dlgComponent.errorString());
                        return;
                    } else if (dlgComponent.status != Component.Ready) {
                        return;
                    }

                    dlgObj = dlgComponent.createObject(mainWindow, {"objectName": "textInputDialogue"});
                    if (dlgObj == null) {
                        // Error handling.
                        console.log("Error creating dialogue object");
                        return;
                    }

                    dlgObj.dialogue.title = title
                    dlgObj.dialogue.content.messageText.text = message
                    dlgObj.dialogue.content.textInput.inputMethodHints = inputMethodHints /* Must be set before setting echoMode. */
                    dlgObj.dialogue.dlgEchoMode = echoMode
                    dlgObj.dialogue.content.textInput.text = text
                    dlgObj.dialogue.content.textInput.placeholderText = placeholderText
                    dlgObj.dialogue.explicitPasteMenu = explicitPasteMenu

                    /* See PasteInputDialogue.qml for explanation. */
                    dlgObj.dialogue.standardButtons = StandardButton.Ok | StandardButton.Cancel

                    /* Connect signals. */
                    dlgObj.dialogueClosed.connect(deleteObject);
                    dlgObj.dialogue.accepted.connect(emitAccepted);
                    dlgObj.dialogue.rejected.connect(emitRejected);

                    dlgObj.dialogue.open();
                }

                function deleteObject() {
                    console.log("Destroying dialogue.");
                    dlgObj.destroy();

                    mainStack.forceActiveFocus(); /* Dialogue stole focus. */
                }

                function emitAccepted() {
                    console.log("Accepted " + dlgObj.dialogue.content.textInput.text);
                    dlgEmitter.emitAccepted(dlgObj.dialogue.content.textInput.text);
                }

                function emitRejected() {
                    console.log("Rejected");
                    dlgEmitter.emitRejected();
                }
            }
361 362 363 364 365 366 367 368 369 370 371 372

            onDlgMessage: {
                /*
                 * Create a dynamic dialogue object set content and connect
                 * functionality.
                 */

                var dlgComponent = Qt.createComponent("qrc:/qml/dialogues/MessageDialogue.qml", Component.PreferSynchronous);
                var dlgObj;
                if (dlgComponent.status == Component.Ready) {
                    finishCreation();
                } else {
373
                    console.log("Failed loading dlgComponent:", dlgComponent.errorString());
374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392
                    dlgComponent.statusChanged.connect(finishCreation);
                }

                function finishCreation() {
                    if (dlgComponent.status == Component.Error) {
                        // Error handling.
                        console.log("Error loading dlgComponent:", dlgComponent.errorString());
                        return;
                    } else if (dlgComponent.status != Component.Ready) {
                        return;
                    }

                    dlgObj = dlgComponent.createObject(mainWindow, {"objectName": "messageDialogue"});
                    if (dlgObj == null) {
                        // Error handling.
                        console.log("Error creating dialogue object");
                        return;
                    }

393
                    dlgObj.dialogue.icon = icon
394 395 396
                    dlgObj.dialogue.title = title
                    dlgObj.dialogue.content.messageText.text = message
                    dlgObj.dialogue.content.infoMessageText.text = infoMessage
397
                    dlgObj.dialogue.dlgButtons = buttons
398 399 400 401 402 403 404

                    /* Connect signals. */
                    dlgObj.dialogueClosed.connect(gatherDataAndDeleteObject);

                    dlgObj.dialogue.open();
                }

405
                function gatherDataAndDeleteObject(button, customButton) {
406
                    /* TODO -- Gather pressed button value. */
407
                    dlgEmitter.emitClosed(button, customButton)
408 409 410 411 412 413 414 415 416 417 418 419

                    console.log("Destroying dialogue.");
                    dlgObj.destroy();

                    mainStack.forceActiveFocus(); /* Dialogue stole focus. */
                }

                function emitClosed() {
                    console.log("Closed");
                    dlgEmitter.emitClosed(1, -1);
                }
            }
420 421
        }

422
        function navigateBack(mainStack, nestedStack, event) {
423 424
            if (event.key === Qt.Key_Back) {
                event.accepted = true
425 426 427 428 429 430 431 432 433 434

                if (nestedStack == null) {
                    return
                }

                if (mainStack.currentItem.objectName == "lockScreen") {
                    console.log("Ignoring back button on lock screen.")
                } else if (mainStack.depth > 1) {
                    mainStack.pop(StackView.Immediate)
                } else if (nestedStack.depth > 1) {
435
                    nestedStack.pop()
436 437 438 439 440 441
                } else {
                    event.accepted = false
                    Qt.quit()
                }
            }
        }
442 443 444 445 446 447

        /* Android back button. */
        focus: true
        Keys.onReleased: {
            navigateBack(mainStack, nestedStack, event)
        }
448
    }
449

450 451 452 453 454
    /* We can loose the focus to StackView if any Menu or Popup is opened */
    function resetFocus() {
        pageView.focus = true
    }

455 456 457 458 459 460 461 462
    Text {
        id: dummyText
        text: ""
        visible: false
        wrapMode: Text.NoWrap
        elide: Text.ElideNone
    }
    function computeMenuWidth(menu) {
463
        var w = 0.0
464
        for (var i = 0; i < menu.contentData.length; i++) {
465
            dummyText.text = menu.contentData[i].text + "www"
466 467 468 469 470
            if (w < dummyText.width) {
                w = dummyText.width
            }
        }
        dummyText.text = ""
471
        return Math.round(w)
472
    }
473
}