diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/CreateProfile.qml | 2 | ||||
| -rw-r--r-- | pages/TaskForm.ui.qml | 43 | ||||
| -rw-r--r-- | pages/TaskList.qml | 21 | ||||
| -rw-r--r-- | pages/TaskListForm.ui.qml | 88 |
4 files changed, 153 insertions, 1 deletions
diff --git a/pages/CreateProfile.qml b/pages/CreateProfile.qml index 048c861..e4d6f78 100644 --- a/pages/CreateProfile.qml +++ b/pages/CreateProfile.qml @@ -11,7 +11,7 @@ CreateProfileForm { } skipButton { onClicked: { - stackView.push("qrc:/pages/Home.qml") + stackView.push("qrc:/pages/TaskList.qml") } } } diff --git a/pages/TaskForm.ui.qml b/pages/TaskForm.ui.qml new file mode 100644 index 0000000..0a08736 --- /dev/null +++ b/pages/TaskForm.ui.qml @@ -0,0 +1,43 @@ +import QtQuick 2.12 +import QtQuick.Controls 2.12 +import QtQuick.Layouts 1.12 + +Item { + property alias task: task + property alias checkBox: checkBox + width: 360 + + RowLayout { + id: task + height: 72 + anchors.topMargin: 8 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + spacing: 8 + + CheckBox { + id: checkBox + height: 54 + text: qsTr("This is a task title") + padding: 8 + rightPadding: 16 + leftPadding: 16 + bottomPadding: 16 + topPadding: 16 + Layout.fillWidth: true + font.family: "Google Sans" + font.pointSize: 16 + font.weight: Font.Medium + spacing: 24 + } + RoundButton { + id: chevronRight + flat: true + icon.name: "chevron-right-icon" + icon.source: "/assets/chevron-right-24px.svg" + icon.color: "#99000000" + } + } +} diff --git a/pages/TaskList.qml b/pages/TaskList.qml new file mode 100644 index 0000000..712eb45 --- /dev/null +++ b/pages/TaskList.qml @@ -0,0 +1,21 @@ +import QtQuick 2.12 +import QtQuick.Controls 2.12 + +TaskListForm { + objectName: "taskList" + model: taskList + delegate: TaskForm { + width: parent.width + height: task.height + + checkBox.text: subject + } + + menuButton { + onClicked: { + drawer.visible = !drawer.visible + } + } + + ScrollBar.vertical: ScrollBar {} +} diff --git a/pages/TaskListForm.ui.qml b/pages/TaskListForm.ui.qml new file mode 100644 index 0000000..dd2d683 --- /dev/null +++ b/pages/TaskListForm.ui.qml @@ -0,0 +1,88 @@ +import QtQuick 2.12 +import QtQuick.Controls 2.12 +import QtQuick.Controls.Material 2.12 +import QtQuick.Layouts 1.3 + +ListView { + width: 362 + spacing: 12 + property alias menuButton: menuButton + + Rectangle { + id: rectangle + anchors.fill: parent + z: -1 + + ToolBar { + id: toolbar + height: 56 + font.family: "Google Sans" + anchors.top: parent.top + anchors.topMargin: 0 + anchors.right: parent.right + anchors.rightMargin: 0 + anchors.left: parent.left + anchors.leftMargin: 0 + background: Rectangle { + color: "#FFF" + } + + RowLayout { + anchors.fill: parent + spacing: 8 + + ToolButton { + id: menuButton + icon.name: "menu-icon" + icon.source: "/assets/menu-24px.svg" + highlighted: true + } + Label { + id: title + text: qsTr("Today") + font.weight: Font.Medium + wrapMode: Text.WordWrap + color: "#000000" + font.family: "Google Sans" + font.pointSize: 20 + elide: Label.ElideRight + horizontalAlignment: Text.AlignLeft + verticalAlignment: Qt.AlignVCenter + Layout.fillWidth: true + } + ToolButton { + anchors.right: parent.right + } + } + } + + RoundButton { + id: roundButton + width: 144 + spacing: 8 + height: 64 + + text: qsTr("New task") + padding: 16 + font.capitalization: Font.MixedCase + font.family: "Google Sans" + font.pointSize: 16 + font.weight: Font.Medium + + rightPadding: 24 + leftPadding: 16 + bottomPadding: 16 + topPadding: 16 + autoExclusive: false + focusPolicy: Qt.NoFocus + anchors.bottom: parent.bottom + anchors.bottomMargin: 16 + anchors.right: parent.right + anchors.rightMargin: 16 + highlighted: true + + icon.name: "add-icon" + icon.source: "/assets/add-24px.svg" + } + } +} |