thekarmaway/qml/TheKarmaWay/delegates/KarmaItemDelegate.qml

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


Item {
    id: root

    property alias title:  titleText.text
    property alias points: karmaPoints.text
    property int marging: 20

    signal clicked
    signal pressAndHold

    height: 80
    //width: 500
    anchors.left: parent.left
    anchors.right: parent.right

    Row {
        id: grid
        spacing: 10
        height:parent.height

        anchors.left: parent.left
        anchors.right: parent.right

        Text {
            id: titleText            
            font.pixelSize: Ui.FONT_LARGE
            width: parent.width-karmaPoints.width
            height: parent.height
            verticalAlignment: Text.AlignVCenter
        }

        Text {
            id: karmaPoints;
            font.pixelSize: Ui.FONT_LARGE
            width: 50
            height: parent.height
            verticalAlignment: Text.AlignVCenter
        }
    }

    Rectangle{
        anchors.top: parent.bottom
        color: "#8f00ff"
        height: 2
        width: parent.width
    }


    MouseArea {
        id: mouseArea
        anchors.fill: parent
        onClicked:{
            root.clicked();
        }
        onPressAndHold: root.pressAndHold()
    }

}