diff options
| -rw-r--r-- | features/TaskDetail.qml | 4 | ||||
| -rw-r--r-- | features/TaskDetailForm.ui.qml | 96 |
2 files changed, 92 insertions, 8 deletions
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} +} +##^##*/ + |