import QtQuick 2.0
import Sailfish.Silica 1.0
import RockPool 1.0

ListItem {
    id: root

    property string uuid: ""
    property string name: ""
    property string iconSource: ""
    property string vendor: ""
    property bool hasSettings: false
    property alias hasGrip: grip.visible
    property bool isSystemApp: false

    signal deleteApp();
    signal configureApp();

    menu: ContextMenu {
        MenuItem {
            visible: !root.isSystemApp
            text: "Delete"
            onClicked: {
                root.deleteApp();
            }
        }
        MenuItem {
            visible: root.hasSettings
            text: "Settings"
            onClicked: {
                print("Settings triggered")
                root.configureApp();
            }
        }
    }

    Row {
        anchors {
            fill: parent
            //margins: units.gu(1)
        }
        //spacing: units.gu(1)

        SystemAppIcon {
            isSystemApp: root.isSystemApp
            uuid: root.uuid
            iconSource: root.iconSource
        }

        Column {
            width: parent.width
            Label {
                text: root.name
                width: parent.width
            }

            Label {
                text: root.vendor
                width: parent.width
                font.pixelSize: Theme.fontSizeSmall
            }
        }

        Item {
            id: grip
//            Layout.fillHeight: true
//            Layout.preferredWidth: height
            opacity: (root.contentMoving || root.swiped || root.dragging) ? 0 : 1
            Behavior on opacity { NumberAnimation {} }
            IconButton {
                //width: units.gu(3)
                height: width
                anchors.centerIn: parent
                icon.source: "image://theme/icon-m-gesture"
            }
        }
    }
}