One framework plugin to rule them all

1 files changed, 68 insertions, 0 deletions

diff --git a/framework/qml/AttachmentDelegate.qml b/framework/qml/AttachmentDelegate.qml
new file mode 100644
index 00000000..a589c9f3
--- /dev/null
+++ b/framework/qml/AttachmentDelegate.qml
@@ -0,0 +1,68 @@
+/*
+ * Copyright (C) 2016 Michael Bohlender, <michael.bohlender@kdemail.net>
+ *
+ * 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 org.kde.kirigami 1.0 as Kirigami
+import org.kube.components.theme 1.0 as KubeTheme
+
+Item {
+    id: root
+
+    property string name
+    property string icon
+
+    width: content.width + Kirigami.Units.gridUnit / 2
+    height: content.height + Kirigami.Units.gridUnit / 2
+
+    Rectangle {
+        anchors.fill: parent
+
+        id: background
+        color: KubeTheme.Colors.disabledTextColor
+    }
+
+    RowLayout {
+        id: content
+
+        anchors.centerIn: parent
+
+        spacing: Kirigami.Units.smallSpacing
+
+        Rectangle {
+            id: mimetype
+
+            height: Kirigami.Units.gridUnit
+            width: Kirigami.Units.gridUnit
+
+            color: KubeTheme.Colors.backgroundColor
+
+            Kirigami.Icon {
+                height: parent.height
+                width: height
+
+                source: root.icon
+            }
+        }
+
+        Text {
+            text: root.name
+            color: KubeTheme.Colors.backgroundColor
+        }
+    }
+}