thekarmaway/qml/TheKarmaWay/pages/KarmaFact.qml

import QtQuick 1.1
import "../js/UIConstants.js" as Ui
import "../parts"

KPage {
    id: root
    property string karmaId
    property alias karmaTitle: titleText.text
    property alias karmaName: nameText.text
    property alias karmaPoints: karmaPoints.text
    property alias karmaDescription: txtDescription.text
    Row {
        id: row
        spacing: 10

        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: titlebar.bottom
        anchors.margins:10
        height:70

        Item{
            width: 70
            height: parent.height
            Image{
                id: personImage
                height: 70
                width:70
                anchors.centerIn: parent
                source: "qrc:/violet/face"
            }
        }


        Column{
            height: root.height
            width: parent.width-personImage.width-karmaPoints.width-2*row.spacing
            Text {
                id: nameText
                width: parent.width
                font.pixelSize: Ui.FONT_LARGE
                verticalAlignment: Text.AlignVCenter
                text: "Name"
            }
            Text {
                id: titleText
                width: parent.width
                font.pixelSize: Ui.FONT_SMALL
                verticalAlignment: Text.AlignVCenter
                text: karmaTitle
            }
            Text {
                id: proposerText
                width: parent.width
                font.pixelSize: Ui.FONT_DEFAULT
                verticalAlignment: Text.AlignVCenter
                text: "Proposed by: Name"
            }
        }

        Text {
            id: karmaPoints;
            height: 70
            font.pixelSize: Ui.FONT_XLARGE
            font.bold: true
            width: 100
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignRight
            text: root.karmaPoints
        }
    }
    Text{
        id:txtDescription;
        anchors.left:parent.left
        anchors.right: parent.right
        anchors.top:row.bottom
        anchors.bottom: toolbar.top
        anchors.margins: 20
        text: karmaDescription

    }
    //Page layout is divided in 3
    TitleBar{
        id: titlebar
    }

    KToolBar{
        id: toolbar
        KButton{
            text:qsTr("Cancel")
            onClicked: pageStack.pop();
        }
    }
}