Todo List Demo App
import Felgo 3.0
import QtQuick 2.0
Item {
anchors.fill: parent
anchors.margins: dp(Theme.navigationBar.defaultBarItemPadding)
state: !!todoData || dataModel.isBusy ? "default" : "nodata"
states: [
State {
name: "nodata"
PropertyChanges { target: contentColumn; visible: false }
PropertyChanges { target: noDataMessage; visible: true }
},
State {
name: "default"
PropertyChanges { target: contentColumn; visible: true }
PropertyChanges { target: noDataMessage; visible: false }
}
]
Column {
id: contentColumn
y: spacing
width: parent.width
spacing: dp(Theme.navigationBar.defaultBarItemPadding)
Repeater {
enabled: parent.visible
model: !!todoData ? Object.keys(todoData) : undefined
AppText {
property string propName: modelData
property string value: todoData[propName]
width: parent.width
anchors.horizontalCenter: parent.horizontalCenter
height: implicitHeight
text: "<strong>"+propName+":</strong> "+value
wrapMode: AppText.WrapAtWordBoundaryOrAnywhere
}
}
}
AppText {
id: noDataMessage
anchors.verticalCenter: parent.verticalCenter
text: qsTr("Todo data not available. Please check your internet connection.")
width: parent.width