// List of people from Friendica Activities
import QtQuick 2.0
import "qrc:/js/helper.js" as Helperjs
import "qrc:/qml/genericqml"

Rectangle {
    id:activitiesRectangle
    property var activitymembers
    color: "white"
    border.color: "light grey"
    radius:0.5*mm
    width:root.width/2
    height:Math.min(root.height/2,(10*mm+6*activitymembers.length*mm))

    ListView {
          id: contactView
          x:mm
          y:8*mm
          width: activitiesRectangle.width-2*mm
          height: activitiesRectangle.height-10*mm
          clip: true
          spacing: 0
          model: activitiesModel
          delegate: activitiesContact
          }

       ListModel{id: activitiesModel}

       Component {  id:activitiesContact
               Rectangle{
                  border.color: "#EEEEEE"
                  border.width: 1
                  radius:0.5*mm
                  width:parent.width
                  height:6*mm
                  Image {
                      id: contactImage
                      x:1
                      y:1
                      width: 5*mm
                      height:5*mm
                      source:(contact.profile_image!="")? "file://"+contact.profile_image : contact.profile_image_url
                      onStatusChanged: if (contactImage.status == Image.Error) {source="qrc:/images/defaultcontact.jpg"}
                      }
                  Text{
                    font.pixelSize: 3*mm
                    anchors.left: contactImage.right
                    anchors.margins: 1*mm
                    text:Qt.atob(contact.name)
                  }

           MouseArea{
                anchors.fill: parent
                onClicked:{showContact(contact)}
            }
           }}

    BlueButton {
            id: closeButton
            //width:10*mm
            anchors.top: parent.top
            anchors.topMargin: 1*mm
            anchors.right: parent.right
            anchors.rightMargin: 1*mm
            color:"white"
            text: "\uf057"//  qsTr("Close")
            onClicked: {
                activitiesRectangle.destroy()
            }
    }

    Component.onCompleted: {
        for (var user in activitymembers){
            activitiesModel.append({"contact":activitymembers[user]})
        }
    }
}