From 4a682d953c2352107fee6d3dec8de324207351fb Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anatasof.wirapraja@gmail.com>
Date: Tue, 24 Sep 2019 13:56:23 +0700
Subject: add `taskDetailForm`

---
 features/TaskDetail.qml        |  4 --
 features/TaskDetailForm.ui.qml | 96 ++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 92 insertions(+), 8 deletions(-)
 delete mode 100644 features/TaskDetail.qml

(limited to 'features')

diff --git a/features/TaskDetail.qml b/features/TaskDetail.qml
deleted file mode 100644
index 26867f2..0000000
--- a/features/TaskDetail.qml
+++ /dev/null
@@ -1,4 +0,0 @@
-import QtQuick 2.4
-
-TaskDetailForm {
-}
diff --git a/features/TaskDetailForm.ui.qml b/features/TaskDetailForm.ui.qml
index 96a8ae4..c227a1c 100644
--- a/features/TaskDetailForm.ui.qml
+++ b/features/TaskDetailForm.ui.qml
@@ -1,6 +1,94 @@
-import QtQuick 2.4
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Controls.Material 2.12
+import QtQuick.Layouts 1.12
 
-Item {
-    width: 400
-    height: 400
+Page {
+    id: page
+    title: qsTr("Task detail page")
+    background: Rectangle {
+        color: "#FFFFFF"
+    }
+
+    property alias taskTitle: taskTitle
+    property alias taskDescription: taskDescription
+
+    Row {
+        id: row
+        anchors.fill: parent
+        RowLayout {
+            id: taskTitleLayout
+            width: parent.width
+            height: 56
+            TextField {
+                id: taskTitle
+                Layout.rightMargin: 16
+                Layout.leftMargin: 72
+                Layout.fillWidth: true
+                placeholderText: qsTr("Enter task title")
+            }
+        }
+        RowLayout {
+            id: taskDescriptionLayout
+            width: parent.width
+            height: 56
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: taskTitleLayout.bottom
+            anchors.topMargin: 16
+            TextField {
+                id: taskDescription
+                Layout.rightMargin: 16
+                Layout.leftMargin: 72
+                Layout.fillWidth: true
+                placeholderText: qsTr("Enter task description")
+            }
+        }
+        RowLayout {
+            id: attachmentLayout
+            height: 56
+            anchors.top: taskDescriptionLayout.bottom
+            anchors.topMargin: 16
+            width: parent.width
+            Image {
+                opacity: 0.54
+                sourceSize.height: 24
+                sourceSize.width: 24
+                Layout.leftMargin: 16
+                source: "../../assets/attachment-24px.svg"
+            }
+            ItemDelegate {
+                id: itemDelegate
+                highlighted: false
+
+
+                /*
+                background: Rectangle {
+                    color: Material.primary
+                    radius: 8
+                }
+                */
+                anchors.verticalCenter: parent.verticalCenter
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+                Label {
+                    text: qsTr("Attachment")
+                    anchors.left: parent.left
+                    anchors.leftMargin: 24
+                    anchors.verticalCenterOffset: 0
+                    leftPadding: 0
+                    anchors.verticalCenter: parent.verticalCenter
+                    font.weight: Font.Medium
+                    font.pixelSize: 20
+                    font.family: "Work Sans"
+                }
+            }
+        }
+    }
 }
+
+/*##^##
+Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+##^##*/
+
-- 
cgit v1.2.3