// ConversationView with button
import QtQuick 2.0
import "qrc:/js/helper.js" as Helperjs
import "qrc:/qml/genericqml"

Rectangle {
    id:conversationList
    property var news
    y:1
    z:2
    color: "white"
    border.color: "grey"
    width:root.width-5*mm
    height: conversationView.height+10*mm
    Connections{
        target:newstab
        onConversationChanged:{
                if(newstab.conversation.length==0){
                    newsView.positionViewAtIndex(newsStack.conversationIndex,ListView.Beginning);
                    conversationList.destroy(); conversationsymbol.color="grey"
                }
        }
    }

   ListView {
          id: conversationView
          x:3*mm
          y:8*mm
          width: conversationList.width-4*mm
          height: contentHeight
          clip: true
          spacing: 0
          footer: footerReply
          model: conversationModel
          delegate: Newsitem{}
          }

   Component {  id:footerReply
       Rectangle{
           border.color: "#EEEEEE"
           border.width: 1
           color:"lightgrey"
           width:conversationView.width
           height:Math.max(replyText.contentHeight+2*mm,6*mm)
           Rectangle{
               color: "white"
               radius:0.5*mm
               anchors.left: parent.left
               anchors.leftMargin:mm
               anchors.top:parent.top
               anchors.topMargin: 0.5*mm
               width:parent.width-12*mm
               height:Math.max( replyText.contentHeight,5*mm)

               TextInput {
                id: replyText
                font.pixelSize: 3*mm
                wrapMode: Text.Wrap
                anchors.fill: parent
                selectByMouse: true
                }
           }

            BlueButton {
                id: sendButton
                text: "\uf1d9"
                anchors.right: parent.right
                anchors.rightMargin:mm
                anchors.top:parent.top
                anchors.topMargin: 0.5*mm
                color:"white"
                onClicked: { try{
                   var body=replyText.getText(0,replyText.length);
                   newsBusy.running=true;
                        replyText.text=""
                   xhr.clearParams();
                   xhr.setLogin(login.username+":"+Qt.atob(login.password));
                   if (conversationModel.get(0).newsitemobject.messagetype==0){
                       xhr.setParam("source", "Friendiqa");
                       xhr.url= login.server + "/api/statuses/update.json";
                       xhr.setParam("status", body);
                       xhr.setParam("in_reply_to_status_id", conversationModel.get(conversationModel.count-1).newsitemobject.status_id)}
                   else {xhr.url= login.server + "/api/direct_messages/new.json";
                       xhr.setParam("text", body);
                       xhr.setParam("screen_name",conversationModel.get(conversationModel.count-1).newsitemobject.screen_name);
                       xhr.setParam("replyto", conversationModel.get(conversationModel.count-1).newsitemobject.status_id)
                   }
                   xhr.post();
                  //replyText.text=""
                   } catch(e){Helperjs.showMessage("Error",e.toString(),root)}
               }
           }
       }
   }



    ListModel{id: conversationModel}

    WorkerScript {
        id: conversationWorker
        source: "qrc:/js/newsworker.js"
    }

    BlueButton {
            id: closeButton
            width:10*mm
            anchors.top: parent.top
            anchors.topMargin: 1*mm
            anchors.right: parent.right
            anchors.rightMargin: 1*mm
            text: "\uf057"
            onClicked: {
                newsView.positionViewAtIndex(newsStack.conversationIndex,ListView.Beginning);
                conversationList.destroy();
                conversationsymbol.color="grey"
            }
    }

    Component.onCompleted: {
        var currentTime= new Date();
        var msg = {'currentTime': currentTime, 'model': conversationModel,'news':news};
        conversationWorker.sendMessage(msg)
    }
}