feed_reader/shared/qml/SelectionDialogIconDelegate.qml

/****************************************************************************
**
** Copyright (C) 2012 Róbert Márki
**
** This file is part of Web Feeds.
**
** Web Feeds is free software: you can redistribute it and/or modify
** it under the terms of the GNU General Public License as published by
** the Free Software Foundation, either version 3 of the License, or
** (at your option) any later version.
**
** Web Feeds is distributed in the hope that it will be useful,
** but WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
** GNU General Public License for more details.
**
** You should have received a copy of the GNU General Public License
** along with Web Feeds.  If not, see <http://www.gnu.org/licenses/>.
****************************************************************************/

import QtQuick 1.1
import com.nokia.meego 1.0
import "UIConstants.js" as UI

Item {
    id: delegateItem
    property bool selected: index == selectedIndex;
    property Style platformStyle: SelectionDialogStyle {}

    height: root.platformStyle.itemHeight
    anchors.left: parent.left
    anchors.right: parent.right

    MouseArea {
        id: delegateMouseArea
        anchors.fill: parent;
        onPressed: selectedIndex = index;
        onClicked:  accept();
    }


    Rectangle {
        id: backgroundRect
        anchors.fill: parent
        color: delegateItem.selected ? root.platformStyle.itemSelectedBackgroundColor : root.platformStyle.itemBackgroundColor
    }

    BorderImage {
        id: background
        anchors.fill: parent
        border { left: UI.CORNER_MARGINS; top: UI.CORNER_MARGINS; right: UI.CORNER_MARGINS; bottom: UI.CORNER_MARGINS }
        source: delegateMouseArea.pressed ? root.platformStyle.itemPressedBackground :
                delegateItem.selected ? root.platformStyle.itemSelectedBackground :
                root.platformStyle.itemBackground
    }

    Image {
        id: image
        anchors.verticalCenter: delegateItem.verticalCenter
        anchors.left: parent.left
        anchors.leftMargin: root.platformStyle.itemLeftMargin
        source: icon
    }
    Text {
        id: itemText
        elide: Text.ElideRight
        color: delegateItem.selected ? root.platformStyle.itemSelectedTextColor : root.platformStyle.itemTextColor
        anchors.verticalCenter: delegateItem.verticalCenter
        anchors.left: image.right
        anchors.right: parent.right
        anchors.leftMargin: root.platformStyle.itemLeftMargin
        anchors.rightMargin: root.platformStyle.itemRightMargin
        text: name;
        font: root.platformStyle.itemFont
    }
}