From 55a8383f159be85471c5e31a3c0b572503ebb8b0 Mon Sep 17 00:00:00 2001 From: Michael Bohlender Date: Thu, 17 Nov 2016 12:13:58 +0100 Subject: initial revamped create account wizzard --- components/accounts/AccountWizard.qml | 118 ++++++++++++++++++++++ components/accounts/CreateImap.qml | 165 +++++++++++++++++++++++++++++++ components/accounts/CreateKolabNow.qml | 165 +++++++++++++++++++++++++++++++ components/accounts/CreateMaildir.qml | 174 +++++++++++++++++++++++++++++++++ components/accounts/EditImap.qml | 1 + components/accounts/EditKolabNow.qml | 1 + components/accounts/EditMaildir.qml | 1 + components/accounts/main.qml | 29 ++++++ 8 files changed, 654 insertions(+) create mode 100644 components/accounts/AccountWizard.qml create mode 100644 components/accounts/CreateImap.qml create mode 100644 components/accounts/CreateKolabNow.qml create mode 100644 components/accounts/CreateMaildir.qml create mode 100644 components/accounts/EditImap.qml create mode 100644 components/accounts/EditKolabNow.qml create mode 100644 components/accounts/EditMaildir.qml create mode 100644 components/accounts/main.qml (limited to 'components') diff --git a/components/accounts/AccountWizard.qml b/components/accounts/AccountWizard.qml new file mode 100644 index 00000000..44561ab8 --- /dev/null +++ b/components/accounts/AccountWizard.qml @@ -0,0 +1,118 @@ +/* + * Copyright (C) 2016 Michael Bohlender, + * + * 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 2 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, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.7 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.4 as Controls +import QtQuick.Controls 2.0 as Controls2 +import org.kde.kirigami 1.0 as Kirigami + +Controls2.Popup { + id: popup + + height: app.height * 0.85 + width: app.width * 0.85 + + x: app.width * 0.075 + y: 50 + + visible: true + + modal: true + focus: true + closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent + + + Controls2.StackView { + id: stack + + anchors.fill: parent + + initialItem: mainView + } + + Component { + id: mainView + + Item { + + ColumnLayout { + + anchors.centerIn: parent + + width: parent.width * 0.4 + + spacing: Kirigami.Units.largeSpacing + + Controls.Button { + + Layout.fillWidth: true + + text: "kolabnow account" + + onClicked: { + stack.push(kolabnow) + } + } + + Controls.Button { + + Layout.fillWidth: true + + text: "imap account" + + onClicked: { + stack.push(imap) + } + } + + Controls.Button { + + Layout.fillWidth: true + + text: "maildir archive" + + onClicked: { + stack.push(maildir) + } + } + } + } + } + + Component { + id: kolabnow + + CreateKolabNow { + } + } + + Component { + id: imap + + CreateImap { + } + } + + Component { + id: maildir + + CreateMaildir { + } + } +} diff --git a/components/accounts/CreateImap.qml b/components/accounts/CreateImap.qml new file mode 100644 index 00000000..7f355409 --- /dev/null +++ b/components/accounts/CreateImap.qml @@ -0,0 +1,165 @@ +/* + * Copyright (C) 2016 Michael Bohlender, + * + * 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 2 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, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.7 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.4 as Controls +import QtQuick.Controls 2.0 as Controls2 +import org.kde.kirigami 1.0 as Kirigami + +Item { + + Controls.ToolButton { + iconName: "go-previous" + + tooltip: "go back" + + onClicked: { + stack.pop() + } + } + + //Item to avoid anchors conflict with stack + Item { + + anchors { + fill: parent + margins: Kirigami.Units.largeSpacing * 2 + } + + Kirigami.Heading { + id: heading + text: "Connect your IMAP account" + + color: Kirigami.Theme.highlightColor + } + + Kirigami.Label { + id: subHeadline + + anchors { + left: heading.left + top: heading.bottom + } + + width: parent.width + + text: "To let Kube access your account, fill in email address, username, password and give the account a title that will be displayed inside Kube." + + color: Kirigami.Theme.disabledTextColor + + wrapMode: Text.Wrap + } + + GridLayout { + anchors { + top:subHeadline.bottom + bottom: parent.bottom + left: parent.left + right: parent.right + topMargin: Kirigami.Units.largeSpacing * 2 + } + + columns: 2 + columnSpacing: Kirigami.Units.largeSpacing + rowSpacing: Kirigami.Units.largeSpacing + + Controls.Label { + text: "Title of Account" + Layout.alignment: Qt.AlignRight + } + Controls.TextField { + Layout.fillWidth: true + + placeholderText: "E.g. \"Work\", \"Home\" that will be displayed in Kube as name" + } + + Controls.Label { + text: "Email address" + Layout.alignment: Qt.AlignRight + } + + Controls.TextField { + Layout.fillWidth: true + + placeholderText: "Your email address" + } + + Kirigami.Label { + text: "Password" + Layout.alignment: Qt.AlignRight + } + + RowLayout { + Layout.fillWidth: true + + Controls.TextField { + id: pwField + Layout.fillWidth: true + + placeholderText: "Password of your email account" + echoMode: TextInput.Password + } + + Controls.CheckBox { + text: "Show Password" + onClicked: { + if(pwField.echoMode == TextInput.Password) { + pwField.echoMode = TextInput.Normal; + } else { + pwField.echoMode = TextInput.Password; + } + } + } + } + + Item { + Layout.fillHeight: true + } + + Kirigami.Label { + text: "" + } + + Kirigami.Label { + text: "" + } + + Item { + Layout.fillWidth: true + + Controls.Button { + text: "Discard" + + onClicked: { + popup.close() + } + } + + Controls.Button { + anchors.right: parent.right + + text: "Next" + + onClicked: { + } + } + } + } + } +} diff --git a/components/accounts/CreateKolabNow.qml b/components/accounts/CreateKolabNow.qml new file mode 100644 index 00000000..3f23c20e --- /dev/null +++ b/components/accounts/CreateKolabNow.qml @@ -0,0 +1,165 @@ +/* + * Copyright (C) 2016 Michael Bohlender, + * + * 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 2 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, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.7 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.4 as Controls +import QtQuick.Controls 2.0 as Controls2 +import org.kde.kirigami 1.0 as Kirigami + +Item { + + Controls.ToolButton { + iconName: "go-previous" + + tooltip: "go back" + + onClicked: { + stack.pop() + } + } + + //Item to avoid anchors conflict with stack + Item { + + anchors { + fill: parent + margins: Kirigami.Units.largeSpacing * 2 + } + + Kirigami.Heading { + id: heading + text: "Connect your Kolab Now account" + + color: Kirigami.Theme.highlightColor + } + + Kirigami.Label { + id: subHeadline + + anchors { + left: heading.left + top: heading.bottom + } + + width: parent.width + + text: "To let Kube access your account, fill in email address, username, password and give the account a title that will be displayed inside Kube." + + color: Kirigami.Theme.disabledTextColor + + wrapMode: Text.Wrap + } + + GridLayout { + anchors { + top:subHeadline.bottom + bottom: parent.bottom + left: parent.left + right: parent.right + topMargin: Kirigami.Units.largeSpacing * 2 + } + + columns: 2 + columnSpacing: Kirigami.Units.largeSpacing + rowSpacing: Kirigami.Units.largeSpacing + + Controls.Label { + text: "Title of Account" + Layout.alignment: Qt.AlignRight + } + Controls.TextField { + Layout.fillWidth: true + + placeholderText: "E.g. \"Work\", \"Home\" that will be displayed in Kube as name" + } + + Controls.Label { + text: "Email address" + Layout.alignment: Qt.AlignRight + } + + Controls.TextField { + Layout.fillWidth: true + + placeholderText: "Your email address" + } + + Kirigami.Label { + text: "Password" + Layout.alignment: Qt.AlignRight + } + + RowLayout { + Layout.fillWidth: true + + Controls.TextField { + id: pwField + Layout.fillWidth: true + + placeholderText: "Password of your email account" + echoMode: TextInput.Password + } + + Controls.CheckBox { + text: "Show Password" + onClicked: { + if(pwField.echoMode == TextInput.Password) { + pwField.echoMode = TextInput.Normal; + } else { + pwField.echoMode = TextInput.Password; + } + } + } + } + + Item { + Layout.fillHeight: true + } + + Kirigami.Label { + text: "" + } + + Kirigami.Label { + text: "" + } + + Item { + Layout.fillWidth: true + + Controls.Button { + text: "Discard" + + onClicked: { + popup.close() + } + } + + Controls.Button { + anchors.right: parent.right + + text: "Save" + + onClicked: { + } + } + } + } + } +} diff --git a/components/accounts/CreateMaildir.qml b/components/accounts/CreateMaildir.qml new file mode 100644 index 00000000..63a63221 --- /dev/null +++ b/components/accounts/CreateMaildir.qml @@ -0,0 +1,174 @@ +/* + * Copyright (C) 2016 Michael Bohlender, + * + * 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 2 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, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.7 +import QtQuick.Layouts 1.1 +import QtQuick.Controls 1.4 as Controls +import QtQuick.Controls 2.0 as Controls2 +import org.kde.kirigami 1.0 as Kirigami +import QtQuick.Dialogs 1.0 + +Item { + + Controls.ToolButton { + iconName: "go-previous" + + tooltip: "go back" + + onClicked: { + stack.pop() + } + } + + //Item to avoid anchors conflict with stack + Item { + + anchors { + fill: parent + margins: Kirigami.Units.largeSpacing * 2 + } + + + Kirigami.Heading { + id: heading + text: "Add your Maildir archive" + + color: Kirigami.Theme.highlightColor + } + + Kirigami.Label { + id: subHeadline + + anchors { + left: heading.left + top: heading.bottom + } + + width: parent.width + + text: "To let Kube access your maildir archive, add the path to your archive and give the account a title that will be displayed inside Kube" + + color: Kirigami.Theme.disabledTextColor + wrapMode: Text.Wrap + } + + + GridLayout { + anchors { + top:subHeadline.bottom + bottom: parent.bottom + left: parent.left + right: parent.right + topMargin: Kirigami.Units.largeSpacing * 2 + } + + columns: 2 + columnSpacing: Kirigami.Units.largeSpacing + rowSpacing: Kirigami.Units.largeSpacing + + Kirigami.Label { + text: "Title of account" + Layout.alignment: Qt.AlignRight + } + Controls.TextField { + Layout.fillWidth: true + } + + Kirigami.Label { + text: "Path" + Layout.alignment: Qt.AlignRight + } + RowLayout { + Layout.fillWidth: true + + Controls.TextField { + id: path + Layout.fillWidth: true + + enabled: false + } + + Controls.Button { + iconName: "folder" + + onClicked: { + fileDialogComponent.createObject(parent) + } + + Component { + id: fileDialogComponent + FileDialog { + id: fileDialog + + visible: true + title: "Choose the maildir folder" + + selectFolder: true + + onAccepted: { + path.text = fileDialog.fileUrl + } + } + } + } + } + + Kirigami.Label { + text: "" + } + Controls.CheckBox { + text: "Read only" + } + + Kirigami.Label { + text: "" + Layout.fillHeight: true + } + Kirigami.Label { + text: "" + } + + Kirigami.Label { + text: "" + } + Item { + Layout.fillWidth: true + + Controls.Button { + text: "Discard" + + onClicked: { + popup.close() + } + } + + Controls.Button { + id: saveButton + + anchors.right: parent.right + + text: "Save" + + onClicked: { + } + } + } + } + } +} + diff --git a/components/accounts/EditImap.qml b/components/accounts/EditImap.qml new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/components/accounts/EditImap.qml @@ -0,0 +1 @@ + diff --git a/components/accounts/EditKolabNow.qml b/components/accounts/EditKolabNow.qml new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/components/accounts/EditKolabNow.qml @@ -0,0 +1 @@ + diff --git a/components/accounts/EditMaildir.qml b/components/accounts/EditMaildir.qml new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/components/accounts/EditMaildir.qml @@ -0,0 +1 @@ + diff --git a/components/accounts/main.qml b/components/accounts/main.qml new file mode 100644 index 00000000..6b9fc86c --- /dev/null +++ b/components/accounts/main.qml @@ -0,0 +1,29 @@ +/* + * Copyright (C) 2016 Michael Bohlender, + * + * 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 2 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, write to the Free Software Foundation, Inc., + * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. + */ + +import QtQuick 2.7 +import QtQuick.Controls 2.0 as Controls2 + +Controls2.ApplicationWindow { + id: app + height: 900 + width: 1500 + + AccountWizard { + } +} -- cgit v1.2.3