Working but ugly editor for recipients in composer

What remains to be done is:
* proper delegates
* removal of recipeients
* at some point d&d of recipients
* Perhaps something that encapsulates the whole list and the model in a
  nicer way

1 files changed, 48 insertions, 44 deletions

diff --git a/components/kube/contents/ui/ComposerView.qml b/components/kube/contents/ui/ComposerView.qml
index 576a1590..49a59024 100644
--- a/components/kube/contents/ui/ComposerView.qml
+++ b/components/kube/contents/ui/ComposerView.qml
@@ -287,55 +287,59 @@ Kube.View {
             height: parent.height
 
             ColumnLayout {
-            anchors {
-                top: parent.top
-                bottom: bottomButtons.top
-                left: parent.left
-                right: parent.right
-                margins: Kube.Units.largeSpacing
-            }
+                anchors {
+                    top: parent.top
+                    bottom: bottomButtons.top
+                    left: parent.left
+                    right: parent.right
+                    margins: Kube.Units.largeSpacing
+                }
 
-            Kube.Label {
-                text: "Sending Email to:"
-            }
-            Kube.AutocompleteLineEdit {
-                id: to
-                Layout.fillWidth: true
-                text: composerController.to
-                onTextChanged: composerController.to = text
-                model: composerController.recipientCompleter.model
-                onSearchTermChanged: composerController.recipientCompleter.searchString = searchTerm
-            }
+                Kube.Label {
+                    text: "Sending Email to:"
+                }
 
-            Kube.Label {
-                text: "Sending Copy to (CC):"
-            }
-            Kube.AutocompleteLineEdit {
-                id: cc
-                Layout.fillWidth: true
-                text: composerController.cc
-                onTextChanged: composerController.cc = text
-                model: composerController.recipientCompleter.model
-                onSearchTermChanged: composerController.recipientCompleter.searchString = searchTerm
-            }
+                AddresseeListEditor {
+                    id: to
+                    Layout.preferredHeight: to.implicitHeight
+                    Layout.fillWidth: true
+                    completer: composerController.recipientCompleter
+                    model: composerController.toModel
+                    onAdded: composerController.addTo(text)
+                    onRemoved: composerController.removeTo(text)
+                }
 
-            Kube.Label {
-                text: "Sending Secret Copy to (Bcc):"
-            }
-            Kube.AutocompleteLineEdit {
-                id: bcc
-                Layout.fillWidth: true
-                text: composerController.bcc
-                onTextChanged: composerController.bcc = text;
-                model: composerController.recipientCompleter.model
-                onSearchTermChanged: composerController.recipientCompleter.searchString = searchTerm
-            }
+                Kube.Label {
+                    text: "Sending Copy to (CC):"
+                }
+                AddresseeListEditor {
+                    id: cc
+                    Layout.preferredHeight: cc.implicitHeight
+                    Layout.fillWidth: true
+                    completer: composerController.recipientCompleter
+                    model: composerController.ccModel
+                    onAdded: composerController.addCc(text)
+                    onRemoved: composerController.removeCc(text)
+                }
 
-            Item {
-                width: parent.width
-                Layout.fillHeight: true
+                Kube.Label {
+                    text: "Sending Secret Copy to (Bcc):"
+                }
+                AddresseeListEditor {
+                    id: bcc
+                    Layout.preferredHeight: bcc.implicitHeight
+                    Layout.fillWidth: true
+                    completer: composerController.recipientCompleter
+                    model: composerController.bccModel
+                    onAdded: composerController.addBcc(text)
+                    onRemoved: composerController.removeBcc(text)
+                }
+
+                Item {
+                    width: parent.width
+                    Layout.fillHeight: true
+                }
             }
-        }
 
 
             Item {