import QtQuick 2.1

import "Utils.js" as Utils

Image {
    id: delegateItem
    anchors.horizontalCenter: parent.horizontalCenter
    source: Utils.resolveURL("backgroundCategoryBrowser@2x.png")

    property int    categoryId: modelData.id
    property string name: modelData.title

    Image {
        id: categoryPicture
        anchors.verticalCenter: parent.verticalCenter
        anchors.left: parent.left
        anchors.leftMargin: 20
        width: 104
        height: 90

        smooth: true
        source: {
            if (typeof (modelData) != 'undefined' && typeof (modelData.thumbnail) != 'undefined')
                return Utils.resolveURL(modelData.thumbnail);
            else
                return "../GUI/objectsBrowserBathroomFittingsButton@2x.png";
        }
    }

    Text {
        id: nameText
        anchors.left: categoryPicture.right
        anchors.leftMargin: 20
        anchors.verticalCenter: parent.verticalCenter

        text: {
            if (typeof (modelData) != 'undefined' && typeof (modelData.title) != 'undefined')
                return modelData.title;
            else
                return "Category Test";
        }
        wrapMode: Text.WordWrap
        font.pixelSize: 15 * 2
        color: "#000000"
        font.bold: true
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            categoriesListView.currentIndex = index
        }
    }
}