ServiceDetail.qml

[nemo@localhost test1]$ cat pages/ServiceDetail.qml
import QtQuick 2.0
import Sailfish.Silica 1.0

// Just a simple example to demo both property binding and doing something via pulley menu action
// to provide a sample of Sailfish-specific UI testing
Page {
    id: serviceDetailPage
    property variant item: null
    SilicaFlickable {
        Row {
                spacing: Theme.paddingSmall
                height: serviceDetailTitle.height
                PageHeader {
                        id: serviceDetailTitle
                        title: item.service + " service"
                }
        }
        Row {
                spacing: Theme.paddingSmall
                height: serviceDetailStatus.height
                TextSwitch {
                        id: serviceDetailStatus
                        text: ( item.status == 1 ? "started" : "stopped" )
                        checked: ( item.status == 1 )
                        onCheckedChanged: {
                                description=(checked ? "started" : "stopped")
                        }
                }
        }
        Row {
                spacing: Theme.paddingSmall
                height: serviceDetailEnabled.height
                TextSwitch {
                        id: serviceDetailEnabled
                        text: ( item.enabled == 1 ? "enabled" : "disabled" )
                        checked: ( item.enabled == 1 )
                        onCheckedChanged: {
                                description=(checked ? "enabled" : "disabled")
                        }
                }
        }
        Row {
                spacing: Theme.paddingSmall
                height: serviceDetailMasked.height
                TextSwitch {
                        id: serviceDetailMasked
                        text: ( item.masked == 1 ? "masked" : "unmasked" )
                        checked: ( item.masked == 1 )
                        onCheckedChanged: {
                                description=(checked ? "masked" : "unmasked")
                        }
                }
        }
        Row {
                spacing: Theme.paddingSmall
                height: serviceDetailLog.height
                Button {
                        id: serviceDetailLog
                        text: "log entries"
                }
        }
    }
}