hide cc/bcc lineedit when not needed

1 files changed, 42 insertions, 6 deletions

diff --git a/applications/kube-mail/package/contents/ui/Composer.qml b/applications/kube-mail/package/contents/ui/Composer.qml
index 5502b7f9..b049f33b 100644
--- a/applications/kube-mail/package/contents/ui/Composer.qml
+++ b/applications/kube-mail/package/contents/ui/Composer.qml
@@ -18,9 +18,11 @@
 import QtQuick 2.4
 import QtQuick.Controls 1.4
 import QtQuick.Layouts 1.1
+import org.kde.plasma.components 2.0 as PlasmaComponents
 
 import org.kde.kube.mail 1.0 as Mail
 
+
 Item {
     id: root
     property variant originalMessage
@@ -79,20 +81,48 @@ Item {
                 text: "To"
             }
 
-            TextField {
-                id: to
-
+            RowLayout {
                 Layout.fillWidth: true
 
-                text: composer.to
+                TextField {
+                    id: to
 
-                onTextChanged: {
-                    composer.to = text;
+                    Layout.fillWidth: true
+
+                    text: composer.to
+
+                    onTextChanged: {
+                        composer.to = text;
+                    }
+                }
+
+                PlasmaComponents.Button {
+                    id: ccButton
+
+                    text: "Cc"
+
+                    onClicked: {
+                        cc.visible = true
+                        ccButton.visible = false
+                    }
+                }
+
+                PlasmaComponents.Button {
+                    id: bccButton
+
+                    text: "Bcc"
+
+                    onClicked: {
+                        bcc.visible = true
+                        bccButton.visible = false
+                    }
                 }
             }
 
             Label {
                 text: "Cc"
+
+                visible: cc.visible
             }
 
             TextField {
@@ -100,6 +130,8 @@ Item {
 
                 Layout.fillWidth: true
 
+                visible: false
+
                 text: composer.cc
 
                 onTextChanged: {
@@ -109,6 +141,8 @@ Item {
 
             Label {
                 text: "Bcc"
+
+                visible: bcc.visible
             }
 
             TextField {
@@ -116,6 +150,8 @@ Item {
 
                 Layout.fillWidth: true
 
+                visible : false
+
                 text: composer.bcc
 
                 onTextChanged: {