Attachment support in the composer

1 files changed, 42 insertions, 0 deletions

diff --git a/components/kube/contents/ui/ComposerView.qml b/components/kube/contents/ui/ComposerView.qml
index 49a59024..9e48aba3 100644
--- a/components/kube/contents/ui/ComposerView.qml
+++ b/components/kube/contents/ui/ComposerView.qml
@@ -21,6 +21,7 @@
 import QtQuick 2.7
 import QtQuick.Controls 1.3
 import QtQuick.Layouts 1.1
+import QtQuick.Dialogs 1.0 as Dialogs
 
 import org.kube.framework 1.0 as Kube
 
@@ -253,6 +254,47 @@ Kube.View {
                 onActiveFocusChanged: closeFirstSplitIfNecessary()
             }
 
+            Row {
+                Layout.fillWidth: true
+                spacing: Kube.Units.largeSpacing
+                Flow {
+                    id: attachments
+
+                    layoutDirection: Qt.RightToLeft
+                    spacing: Kube.Units.smallSpacing
+                    clip: true
+
+                    Repeater {
+                        model: composerController.attachmentModel
+                        delegate: Kube.AttachmentDelegate {
+                            name: model.filename
+                            icon: model.iconName
+                            clip: true
+                        }
+                    }
+                }
+                Kube.Button {
+                    text: "Attach file"
+
+                    onClicked: {
+                        fileDialogComponent.createObject(parent)
+                    }
+
+                    Component {
+                        id: fileDialogComponent
+                        Dialogs.FileDialog {
+                            id: fileDialog
+                            visible: true
+                            title: "Choose a file to attach"
+                            selectFolder: false
+                            onAccepted: {
+                                composerController.addAttachment(fileDialog.fileUrl)
+                            }
+                        }
+                    }
+                }
+            }
+
             Kube.TextArea {
                 id: content
                 Layout.fillWidth: true