import QtQuick 1.1

Item {
    id: container
    width: 100
    height: 62

    signal clicked(string url)

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

    Image {
        id: refresh
        width: 16
        height: 16
        source: "images/refresh.png"
        anchors.left: header.right
        anchors.leftMargin: 6
        anchors.verticalCenter: header.verticalCenter
        MouseArea {
            id: mouseAreaRefresh
            anchors.fill: parent
            hoverEnabled: true
            onClicked: {
                xmlModel.reload()
            }
        }

    }

    ListView {
        id: view
        width: parent.width
        spacing: 8
        anchors { top: header.bottom; topMargin: 14; bottom: parent.bottom }
        model: xmlModel
        delegate: listDelegate
        clip: true
    }

    ScrollDecorator {
        flickableItem: view
    }

    XmlListModel {
        id: xmlModel
        source: "http://progress.openpilot.org/activity?maxResults=30&streams=key+IS+OP"
        query: "/feed/entry"
        namespaceDeclarations: "declare default element namespace 'http://www.w3.org/2005/Atom';
                                declare namespace activity='http://activitystrea.ms/spec/1.0/';
                                declare namespace media='http://purl.org/syndication/atommedia';"

        XmlRole { name: "author"; query: "author/name/string()" }
        XmlRole { name: "authorLink"; query: "author/uri/string()" }
        XmlRole { name: "authorPhoto"; query: "author/link[@rel = 'photo' and @media:height='16']/@href/string()" }

        XmlRole { name: "action"; query: "category/@term/string()" }
        XmlRole { name: "actionLink"; query: "link[@rel = 'alternate']/@href/string()" }
        XmlRole { name: "actionTitle"; query: "activity:object/title/string()" }
        XmlRole { name: "actionSummary"; query: "activity:object/summary/string()" }
        XmlRole { name: "actionTargetTitle"; query: "activity:target/summary/string()" }
        XmlRole { name: "actionTargetSummary"; query: "activity:target/summary/string()" }

        XmlRole { name: "applicationIcon"; query: "link[@rel = 'http://streams.atlassian.com/syndication/icon']/@href/string()" }
    }

    Component {
        id: listDelegate
        Item {
            id: item
            width: view.width
            height: column.height
            Column {
                id: column
                Row {
                    id: topRow
                    spacing: 8
                    Image {
                        id: photo
                        width: 16
                        height: 16
                        source: authorPhoto
                        MouseArea {
                            id: mouseArea
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: {
                                container.clicked(authorLink)
                            }
                        }
                    }
                    Text {
                        id: name
                        text: author
                        width: container.width - photo.width - icon.width - 24
                        color: mouseArea2.containsMouse ? "#224d81" : "black"
                        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                        horizontalAlignment: Text.AlignLeft
                        verticalAlignment: Text.AlignTop
                        textFormat: Text.RichText
                        elide: Text.ElideRight
                        font.bold: true
                        MouseArea {
                            id: mouseArea2
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: {
                                container.clicked(authorLink)
                            }
                        }

                    }
                    Image {
                        id: icon
                        width: 16
                        height: 16
                        source: applicationIcon
                    }
                }
                Row {
                    id: middleRow
                    anchors.left: parent.left
                    anchors.leftMargin: 25
                    property string prefix: ""
                    Text {
                        width: container.width - anchors.leftMargin - icon.width - 24 - 8
                        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                        textFormat: Text.RichText
                        elide: Text.ElideRight
                        text: {
                            switch(action) {
                            case "commented":
                            case "comment": parent.prefix = qsTr("Commented on "); break;
                            case "post":
                            case "created": parent.prefix = qsTr("Created "); break;
                            case "create-and-start": parent.prefix = qsTr("Created and started "); break;
                            case "complete": parent.prefix = qsTr("Completed "); break;
                            case "close":
                            case "closed": parent.prefix = qsTr("Closed "); break;
                            case "abandon": parent.prefix = qsTr("Abandoned "); break;
                            case "commit": parent.prefix = qsTr("Committed "); break;
                            case "resolved": parent.prefix = qsTr("Resolved "); break;
                            case "start": parent.prefix = qsTr("Started "); break;
                            case "started": parent.prefix = qsTr("Started working on "); break;
                            case "stopped": parent.prefix = qsTr("Stopped working on "); break;
                            case "Code Review": parent.prefix = qsTr("Requested code review on "); break;
                            case "Testing": parent.prefix = qsTr("Requested testing of "); break;
                            case "": parent.prefix = qsTr("Updated "); break;
                            default: parent.prefix = action.substr(0, 1).toUpperCase() + action.substr(1) + " " ; break;
                            }
                            parent.prefix = "<font color='#224d81'>" + parent.prefix + "</font>"
                            if(action == "commented" || action == "comment" || (action == "" && actionSummary == "")) {
                                if(actionTargetTitle != actionTargetSummary) {
                                    parent.prefix + actionTargetTitle + ": " + actionTargetSummary
                                } else {
                                    parent.prefix + actionTargetTitle
                                }
                            }
                            else {
                                if(actionSummary == "") {
                                    parent.prefix + actionTitle
                                } else {
                                    parent.prefix + actionTitle + ": " + actionSummary
                                }
                            }
                        }
                        color: mouseArea3.containsMouse ? "#224d81" : "black"
                        MouseArea {
                            id: mouseArea3
                            anchors.fill: parent
                            hoverEnabled: true
                            onClicked: {
                                container.clicked(actionLink)
                            }
                        }
                    }
                }
            }
        }
    }
}