// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Item {
    id: container
    width: 100
    height: 62

    signal clicked(string url)

    Text {
        id: header
        text: qsTr("OpenPilot Websites")
        width: parent.width
        color: "#44515c"
        font {
            pointSize: 14
            weight: Font.Bold
        }
    }

    ListModel {
        id: sitesModel
        ListElement { title: "OpenPilot Home"; link: "http://www.openpilot.org" }
        ListElement { title: "OpenPilot Wiki"; link: "http://wiki.openpilot.org" }
        ListElement { title: "OpenPilot Store"; link: "http://www.openpilot.org/hardware/get-hardware/" }
        ListElement { title: "OpenPilot Forums"; link: "http://forums.openpilot.org" }
        ListElement { title: "OpenPilot Code Reviews"; link: "http://git.openpilot.org" }
        ListElement { title: "OpenPilot Progress Tracker"; link: "http://progress.openpilot.org" }
    }

    ListView {
        id: view
        width: parent.width
        anchors { top: header.bottom; topMargin: 14; leftMargin: 32; bottom: parent.bottom }
        model: sitesModel
        spacing: 8

        delegate: Text {
            text: title
            width: view.width
            wrapMode: Text.WrapAtWordBoundaryOrAnywhere

            font {
                pointSize: 12
                weight: Font.Bold
            }

            color: mouseArea.containsMouse ? "#224d81" : "black"

            MouseArea {
                id: mouseArea
                anchors.fill: parent
                hoverEnabled: true
                onClicked: {
                    console.log(link)
                    container.clicked(link)
                }
            }
        }
    }
}