//  This file is part of Friendiqa
//  https://git.friendi.ca/lubuwest/Friendiqa
//  Copyright (C) 2017 Marco R. <thomasschmidt45@gmx.net>
//
//  This program is free software: you can redistribute it and/or modify
//  it under the terms of the GNU General Public License as published by
//  the Free Software Foundation, either version 3 of the License, or
//  (at your option) any later version.
//
//  In addition, as a special exception, the copyright holders give
//  permission to link the code of portions of this program with the
//  OpenSSL library under certain conditions as described in each
//  individual source file, and distribute linked combinations including
//  the two.
//
//  You must obey the GNU General Public License in all respects for all
//  of the code used other than OpenSSL. If you modify file(s) with this
//  exception, you may extend this exception to your version of the
//  file(s), but you are not obligated to do so. If you do not wish to do
//  so, delete this exception statement from your version. If you delete
//  this exception statement from all source files in the program, then
//  also delete it here.
//
//  This program is distributed in the hope that it will be useful,
//  but WITHOUT ANY WARRANTY; without even the implied warranty of
//  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//  GNU General Public License for more details.
//
//  You should have received a copy of the GNU General Public License
//  along with this program.  If not, see <http://www.gnu.org/licenses/>.

// message.qml
// message with buttons
import QtQuick 2.4
import QtQuick.Controls 2.4
//import QtQuick.Dialogs 1.2
import "qrc:/js/helper.js" as Helperjs
import "qrc:/js/smiley.js" as Smileyjs
import "qrc:/js/news.js" as Newsjs
import "qrc:/qml/genericqml"


Rectangle{
    color:"#EEEEEE"
    width:parent.width
    height: (newsSwipeview.stacktype!="Notifications")?messageColumn.height+mm:0
    id:messageSend
    visible:(newsSwipeview.stacktype!="Notifications")?true:false
    property string parentId: ""
    property bool textfocus: false
    //property var parentObject:({})
    property bool conversation: false
    property string reply_to_user:""
    property alias bodyMessage: bodyField.text
    property var attachImageURLs: [];
    //property int directmessage: 0;
    property var contacts: []
    property var groups: []
    property var contact_allow:login.hasOwnProperty("permissions")?login.permissions[0]:[]
    property var contact_deny:login.hasOwnProperty("permissions")?login.permissions[1]:[]
    property var group_allow:login.hasOwnProperty("permissions")?login.permissions[2]:[]
    property var group_deny:login.hasOwnProperty("permissions")?login.permissions[3]:[]

//    onReply_to_userChanged: {
//        if (reply_to_user!=""){
//            print("reply "+reply_to_user)
//            //receiverLabel.visible=true
//            receiverLabel.text=reply_to_user
//         }
//    }

    function directmessagePrepare(friend){
        messageSend.state="active";
        reply_to_user=friend.screen_name;
        receiverLabel.text=friend.screen_name;
    }


    function sendUrls(urls){
        if((urls.length==1 && attachImageURLs.length==0)){
            attachImage(urls);
            attachImageURLs.push(urls);
            messageSend.state="active";
        }
    }

    function sendtext(text){
        if(text){
            if (text.subject=="undefined"){text.subject=""}
            if(text.plaintext.lastIndexOf(".jpg")>-1 || text.plaintext.lastIndexOf(".jpeg")>-1 || text.plaintext.lastIndexOf(".png")>-1 || text.plaintext.lastIndexOf(".gif")>-1){
                text.plaintext="<a href="+text.plaintext+"><img src="+text.plaintext+"></a>"}
            bodyField.text=text.subject+"\n"+text.plaintext;
            messageSend.state="active";
        }
    }



    function attachImage(url){
        imageAttachment.source=url.toString();
//        var imageAttachmentObject=Qt.createQmlObject('import QtQuick 2.0; Image {id:imageAttachment'+attachImageURLs.length+'; source:"'+
//        url.toString()+'"; x:2*mm; width: 45*mm; height: 45*mm;fillMode: Image.PreserveAspectFit;MouseArea{anchors.fill:parent;onClicked:{attachImageURLs.splice(attachImageURLs.indexOf("'+
//        url+'"),1); imageAttachment'+attachImageURLs.length+'.destroy()}}}',messageColumn,"attachedImage");
    }

    function statusUpdate(title,status,in_reply_to_status_id,attachImageURL) {
        //xhr.url= login.server + "/api/statuses/update.json";
        newsBusy.running=true;
        xhr.setLogin(login.username+":"+Qt.atob(login.password));
        xhr.setUrl(login.server);
        xhr.setApi("/api/statuses/update");
        xhr.clearParams();
        xhr.setParam("source", "Friendiqa");
        xhr.setParam("htmlstatus", status);
        if (parentId!="") {xhr.setParam("in_reply_to_status_id", parentId)};
        if (title!=="") {xhr.setParam("title", title)};
        if (group_allow.length>0) {xhr.setParam("group_allow", Helperjs.cleanArray(group_allow))};
        if (group_deny.length>0) {xhr.setParam("group_deny",  Helperjs.cleanArray(group_deny))};
        if (contact_allow.length>0) {xhr.setParam("contact_allow", Helperjs.cleanArray(contact_allow))};
        if (contact_deny.length>0) {xhr.setParam("contact_deny",  Helperjs.cleanArray(contact_deny))};
        if (attachImageURL.length>0) {
            for (var image in attachImageURL){
                xhr.setImageFileParam("media", attachImageURL[image]);
                xhr.setImageFileParam("angle", rotator.angle.toString());
            }
        };
        xhr.post();
        }

    function dmUpdate(title,text,replyto,screen_name,attachImageURL) {
        newsBusy.running=true;
        //xhr.url= login.server + "/api/direct_messages/new.json";
        xhr.setLogin(login.username+":"+Qt.atob(login.password));
        xhr.setUrl(login.server);
        xhr.setApi("/api/direct_messages/new");
        xhr.clearParams();
        xhr.setParam("text", text);
        xhr.setParam("screen_name", screen_name);
        if (parentId!="") {xhr.setParam("replyto", replyto)};
        //if (title!=="") {xhr.setParam("title", title)};
        xhr.post();
        }

    function setParent(newsitemobject){
        //print("Newsobject "+newsitemobject.id+ "  "+JSON.stringify(newsitemobject.user));
        if (newsitemobject!=""){
            messageSend.state="conversation"
            reply_to_user=newsitemobject.user.screen_name;
            parentId=newsitemobject.id
        } else {
            messageSend.state="";
            reply_to_user="";
            parentId="";
            bodyField.text="";
            attachImageURLs.pop();
            imageAttachment.source=""
        }
    }

    function contactmenu(letter){//print("letter "+letter)
        Newsjs.listFriends(login,db,function(contacts){
            contactModel.clear();
            for (var i=0;i<contacts.length;i++){
                contactModel.append({"contact":contacts[i]})
            }
            contactSelector.visible=true
            },letter);
    }
//    Flickable{
//        anchors.fill: parent
//        contentHeight: messageColumn.height
//        boundsBehavior: Flickable.StopAtBounds

        Column {
            y:0.5*mm
            id:messageColumn
            spacing: 0.5*mm
            width: parent.width
            height: 10*mm//implicitHeight

//            Row{
//                x: 0.5*mm
//                Label{
//                    id:toLabel
//                    width: 7*mm
//                    height: 6*mm
//                    topPadding: 1.5* mm
//                    font.pixelSize: 3*mm
//                    text: newsSwipeview.stacktype=="DirectMessages"?qsTr("to:"):""
//                    visible:false// ((parentId !== "") || (newsStack.parent.stacktype=="DirectMessages"))
//                }
                TextArea{
                    id:receiverLabel
                    //x: 8*mm
                    width: messageColumn.width//-8*mm
                    font.pixelSize: 3*mm
                    placeholderText:qsTr("to:")
                    text: ""//newsSwipeview.stacktype=="DirectMessages"?qsTr("to:")+ " "+ reply_to_user:""
                    visible:false// ((parentId !== "") || (newsStack.parent.stacktype=="DirectMessages"))
                    //onLengthChanged: contactmenu(text)
                    //onPreeditTextChanged: contactmenu(text)
//                    onActiveFocusChanged:{
//                        if (activeFocus==true){contactmenu("")}
//                    }
                    onTextChanged: {
                        //print (text)
                        contactmenu(text)}
    //                MouseArea{
    //                    anchors.fill: parent
    //                    onClicked:{print("receiverlabel")
    //                        if(newsSwipeview.stacktype=="DirectMessages"){
    //                        contactmenu();

    //                        }}
    //                }
                }
    //        }



            TextField {
                 id: titleField
                 x: 0.5*mm
                 width: parent.width-mm
                 font.pixelSize: 3*mm
                 placeholderText: qsTr("Title (optional)")
                 visible: false//(parentId === "") && (bodyField.length>1)
                 onVisibleChanged: if ((visible==true)&&(conversation==true)){
                    conversationView.contentY=conversationView.contentY+titleField.height
                 }
              }

           Rectangle{
               color: "white"
               radius: 0.5*mm
               x:mm
               width: parent.width-2*mm
               height:Math.max(bodyField.contentHeight+4*mm,10*mm)

               TextArea {
                    id: bodyField
                    property string contactprefix:""
                    anchors.fill: parent
                    font.pixelSize: 3*mm
                    font.family: "Noto Sans"
                    wrapMode: Text.Wrap
                    selectByMouse: true
                    placeholderText: conversation?"": qsTr("What's on your mind?")
                    textFormat: TextEdit.RichText //TextEdit.PlainText
                    onLineCountChanged: (conversation==true)?conversationView.contentY=conversationView.contentY+3*mm:newsView.contentY=newsView.contentY+3*mm
                    onLinkActivated:{Qt.openUrlExternally(link)}
                    onActiveFocusChanged:{
                        if (activeFocus==true){
                            if (conversation==true){
                                setParent(conversationModel.get(0).newsitemobject);
                                messageSend.state="conversation";
                                conversationView.contentY=conversationView.contentY+20*mm
                            } else  if (textfocus==false){
                                messageSend.state="active";
                                newsView.positionViewAtBeginning();
                            }
                        }
                    }
                    onTextChanged:{
                        if (text!=""){
                            var plaintext=getText(0,cursorPosition)
                            //print(plaintext+plaintext.lastIndexOf("@",cursorPosition)+getText(plaintext.lastIndexOf('@',cursorPosition),cursorPosition) +" preedit: "+ preeditText+cursorPosition);
                            var regex1 = /@[a-z]+/;var regex2 = /![a-z]+/;var regex3 = /\s/;
                            //print(text.substring(cursorPosition-2,cursorPosition));
                            //if (regex.test(getText(bodyField.cursorPosition-2,bodyField.cursorPosition)) || regex.test(preeditText) || regex.test(text)){
                            if (regex1.test(getText(plaintext.lastIndexOf('@',cursorPosition),cursorPosition)+preeditText) && !regex3.test(getText(plaintext.lastIndexOf('@',cursorPosition),cursorPosition)+preeditText)){
                                var letter=(getText(plaintext.lastIndexOf('@',cursorPosition),cursorPosition)).match(/[a-z]+/);
                                contactprefix="@";
                                contactmenu(letter.toString())
                            } else if( regex2.test(getText(plaintext.lastIndexOf('!',cursorPosition),cursorPosition)+preeditText) && !regex3.test(getText(plaintext.lastIndexOf('!',cursorPosition),cursorPosition)+preeditText) ){
                                var letter=(getText(plaintext.lastIndexOf('!',cursorPosition),cursorPosition)).match(/[a-z]+/);
                                contactprefix="!";
                                contactmenu(letter.toString())
                            }else {contactSelector.visible=false}
                        }else{contactSelector.visible=false}
                    }
              }
            }

           ListView{
               id:contactSelector
               visible: false
               z:3
               x:8*mm
               width: parent.width-9*mm
               height: messageSend.height/2
               model:contactModel
               function processContactSelection(contact){
                   if(Helperjs.getCount(db,login,"contacts","screen_name",contact.screen_name)>1){
                       contact.screen_name=contact.screen_name+"+"+contacts.cid
                   }
                   if (newsSwipeview.stacktype=='DirectMessages'){
                       receiverLabel.text=contact.screen_name;
                       reply_to_user=contact.screen_name
                   } else {
                       bodyField.remove(bodyField.getText(0,bodyField.cursorPosition).lastIndexOf(bodyField.contactprefix,bodyField.cursorPosition),bodyField.cursorPosition);
                       bodyField.insert(bodyField.cursorPosition, bodyField.contactprefix+contact.screen_name+" ");
                       bodyField.cursorPosition=bodyField.cursorPosition+contact.screen_name.length+1
                   }
                   //receiverLabel.text=contact.screen_name;
                   contactSelector.visible=false
               }
               delegate: ContactComponent { }
           }
           ListModel{id:contactModel}


           Item{
               id:imageAttachment;
               property alias source:realimage.source
               //property alias angle:rotator.angle
               visible: source!=""
               width: 45*mm
               height: 45*mm;
               MouseArea{
                anchors.fill: parent
                onClicked: {
                    attachImageURLs.splice(attachImageURLs.indexOf(source),1);
                    imageAttachment.source=""
                }
               }
               Image{id:realimage
                   source:"";
                   x:2*mm;
                   width: 45*mm;
                   height: source==""?0:45*mm;
                   fillMode: Image.PreserveAspectFit;
                   transform: Rotation {id:rotator; origin.x: 22.5*mm; origin.y: 22.5*mm; angle: 0}

               }
               Rectangle{
                   width: 5*mm
                   height: 5*mm
                   visible: imageAttachment.source!=""
                   anchors.bottom: imageAttachment.bottom
                   anchors.right: imageAttachment.right
                   color: "black"
                   opacity: 0.5
                   Text{anchors.centerIn:parent;text: "\uf01e";color: "white"}
                   MouseArea{
                       anchors.fill:parent;
                       onClicked:{
                           rotator.angle+=90;
                       }
                   }
               }
           }

//            Row{
//                spacing: 2
//                width: parent.width
//                CheckBox{
//                  id:dmCheckbox
//                  text:"DM"
//                  enabled: false
//                  checked: (directmessage==1)?true:false
//                  onClicked:{
//                        if(dmCheckbox.checkedState==Qt.Checked){directmessage=1}
//                        else if(dmCheckbox.checkedState==Qt.Unchecked){directmessage=0}
//                         }
//                  }

//             Button{
//                  text:"\uf0c1"
//                  height:8*mm
//                  onClicked: {
//                      if(bodyField.selectedText==""){Helperjs.showMessage("Error","No text selected",messageSend)}
//                      else{urlTextEdit.text="";
//                      urlRectangle.visible=true}}
//              }
//            }
//            Rectangle{
//                id:urlRectangle
//                height: 7*mm //parent.height
//                width:parent.width-2*mm
//                visible:false
//                    TextField{
//                    id:urlTextEdit
//                    width:parent.width-7*mm
//                    height:parent.height
//                    }
//                    Button{
//                        anchors.left:urlTextEdit.right
//                        anchors.leftMargin:mm
//                        height:8*mm
//                        text:"\u2713"
//                        onClicked: {if(urlTextEdit.text!=""){
//                           var start = bodyField.selectionStart;
//                            var text=bodyField.selectedText
//                            if(text.lastIndexOf(".jpg")>-1 || text.lastIndexOf(".jpeg")>-1 || text.lastIndexOf(".png")>-1){text="<img src="+text+">"}
//                            text = "[url="+urlTextEdit.text+"]" + text + "[/url]";
//                            bodyField.remove(start,bodyField.selectionEnd);
//                            bodyField.insert(start,text);}
//                            urlRectangle.visible=false}
//                        }
//                    }
          Row{
              id:buttonRow
              visible:false //(bodyField.length>1)||(attachImageURLs.length>0)
              spacing: mm
              height: 12*mm
              MButton{id:permButton
                  visible: (newsSwipeview.stacktype!=="DirectMessages")
                  height: 6*mm
                  width: 7*mm
                  text: ((contact_allow.length==0)&&(contact_deny.length==0)&&(group_allow.length==0)&&(group_deny.length==0))?"\uf09c":"\uf023"
                  onClicked: { if (permissionDialog.visible==false){permissionDialog.visible=true} else{permissionDialog.visible=false}}
              }
              MButton {
                  id: attachButton
                  height: 6*mm
                  width: 7*mm
                  text: "\uf03e"
                  visible:(newsSwipeview.stacktype!="DirectMessages")
                  onClicked: {
                      if (attachImageURLs.length>0){//Server currently accepts only one attachment
                          Helperjs.showMessage( qsTr("Error"),qsTr("Only one attachment supported at the moment.\n Remove other attachment first!"), messageColumn)
                      }
                      else{
                          root.imagePicking=false;
                          var imagePicker = Qt.createQmlObject('import QtQuick 2.0; import "qrc:/qml/genericqml";'+
                          osSettings.imagePickQml+'{multiple : false;onReady: {attachImageURLs.push(imageUrl);'+
                          'attachImage(imageUrl)}}',root,"imagePicker");
                           imagePicker.pickImage()
                      }
                  }
               }

               MButton{
                   id:smileyButton
                   text: "\uf118"
                   height: 6*mm
                   width: 7*mm
                   onClicked: {if (smileyDialog.visible==false){smileyDialog.visible=true} else{smileyDialog.visible=false}}
               }

               MButton {
                   id: cancelButton
                   height: 6*mm
                   width: 7*mm
                   text: "\uf057"
                   onClicked: {
                       if (textfocus==true){messageSend.destroy()}
                       else{
                           bodyField.text="";
                           messageSend.state="";
                           permissionDialog.visible=false;
                           receiverLabel.visible=false;
                           reply_to_user="";
                           attachImage("");
                           attachImageURLs.pop();
                       }
                   }
               }
               MButton {
                   id: sendButton
                   height: 6*mm
                   width: 7*mm
                   text: "\uf1d9"
                   onClicked: {
                       var title=titleField.text.replace("\"","\'");
                       var body=bodyField.getFormattedText(0,bodyField.length);
                       var dmbody=bodyField.getText(0,bodyField.length);
                       if (newsSwipeview.stacktype!=="DirectMessages"){
                           statusUpdate(title,body,parentId,attachImageURLs)}
                       else {
                           if (reply_to_user!=""){dmUpdate(title,dmbody,parentId,reply_to_user)}
                           else{Helperjs.showMessage(qsTr("Error"),qsTr("No receiver supplied!"),root)}
                       }
                        if (conversation==true){
                            newstab.newstabstatus=login.newsViewType; newsStack.pop(null)
                        }
                    }
               }
          }
          PermissionDialog{id:permissionDialog;x:mm;visible: false}
          SmileyDialog{id:smileyDialog;x:mm;visible: false}
    }
        Component.onCompleted:{
            //parentId=conversationModel.get(conversationModel.count-1).newsitemobject.id
            //if(attachImageURLs.length>0){attachImage(attachImageURLs[0])}
            newsStack.replySignal.connect(setParent);
            root.directmessageSignal.connect(directmessagePrepare);
            root.uploadSignal.connect(sendUrls);
            root.sendtextSignal.connect(sendtext);
            if (textfocus==true){bodyField.forceActiveFocus()}
            }

        states: [ State {
            name: "active"
            PropertyChanges {
                target: messageColumn; height: implicitHeight
            }
            PropertyChanges {
                target: buttonRow; visible:true
            }
            PropertyChanges {
                target: titleField; visible:(newsSwipeview.stacktype!="DirectMessages")//true
            }
            PropertyChanges {
                target: receiverLabel; visible:(newsSwipeview.stacktype=="DirectMessages");
            }
//            PropertyChanges {
//                target: toLabel; visible:(newsSwipeview.stacktype=="DirectMessages");
//            }
        },
        State {
            name: "conversation"
            PropertyChanges {
                target: messageColumn; height: implicitHeight
            }
            PropertyChanges {
                target: buttonRow; visible:true
            }
            PropertyChanges {
                target: titleField; visible:(newsSwipeview.stacktype!="DirectMessages")
            }

//            PropertyChanges {
//                target: receiverLabel; visible:true; text:qsTr("to")+": "+ conversationModel.get(0).newsitemobject.user.name
//            }

//            PropertyChanges {
//                target: messageSend; reply_to_user: conversationModel.get(0).newsitemobject.user.screen_name
//            }

//            PropertyChanges {
//                target: messageSend; parentId: conversationModel.get(0).newsitemobject.status_id
//            }
        },

            State {
                name: "reply"
                PropertyChanges {
                    target: messageColumn; height: implicitHeight
                }
                PropertyChanges {
                    target: buttonRow; visible:true
                }
                PropertyChanges {
                    target: titleField; visible:false
                }
                PropertyChanges {
                    target: bodyField; placeholderText:"";focus:true
                }
            }
        ]
}
//}