Friendiqa/source-linux/qml/newsqml/Newsitem.qml

//  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/>.

import QtQuick 2.0
import QtQuick.Controls 2.4
import "qrc:/js/news.js" as Newsjs
import "qrc:/js/helper.js" as Helperjs
import "qrc:/qml/genericqml"

Item {
    id: newsitem
    width: parent.width
    height:toprow.height+friendicaActivities.height+controlrow.height+conversationColumn.height+1//Math.max((itemMessage.height+topFlow.height+friendicaActivities.height+4*mm),profileImage.height+user_name.height+mm)
    property int itemindex: index
    property var newsitemobject:model.newsitemobject
    property string attending: ""
    onAttendingChanged: {attendLabel.visible=true;
            attendLabel.text= qsTr("attending: ")+ qsTr(attending)}

    signal replyto(string parent_id)

    function showActivityContacts(contacts){
        var component = Qt.createComponent("qrc:/qml/newsqml/FriendicaActivities.qml");
        var imagedialog = component.createObject(friendicaActivities,{"activitymembers": contacts});
    }

    function findTags(fulltext){
       return fulltext.match(/\s+[#]+[A-Za-z0-9-_\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u00FF]+/g)
    }

    function pushConversation(){
        if (model.newsitemobject.hasOwnProperty("currentconversation")){
            newsStack.push("qrc:/qml/newsqml/Conversation.qml",{"news": model.newsitemobject.currentconversation})}
        else{newsStack.push("qrc:/qml/newsqml/Conversation.qml")};
        showConversation(index,newsitemobject)
    }


    Rectangle{width:newsitem.width; height: 1; anchors.bottom: newsitem.bottom; color:"light grey"}

    Rectangle{
    width:newsitem.width
    height:newsitem.height-1
    color:  "white"//(newsitemobject.messagetype==1)?"#ffe6e6" : "white"

//    Row{id:toprow
//        Column {
//        id: authorcolumn
//        width: 8*mm


//    }
    Column {
        id:toprow //newscolumn
        width: newsitem.width//-8*mm

        Item{
            height: Math.max(profileImage.height+mm,topFlow.implicitHeight+mm)
            width: parent.width
            MouseArea{
                anchors.fill: parent
                onClicked:{
                    showContact(newsitemobject.user)}
            }
            Image {
                id:profileImage
                source: ((newsitemobject.user.profile_image!="") && (typeof(newsitemobject.user.profile_image)=="string"))? "file://"+newsitemobject.user.profile_image : newsitemobject.user.profile_image_url
                x:1
                y:1
                width: 7*mm
                height: 7*mm
                //radius:mm

                onStatusChanged: if (profileImage.status == Image.Error) {source="qrc:/images/defaultcontact.jpg"}
            }
            Flow{
                id:topFlow
                spacing: mm
                width:parent.width-8*mm
                anchors.left: profileImage.right
                anchors.margins: mm
                Label {
                    id:user_name
                    //color: "grey"
                    width:parent.width
                    font.bold: true
                    font.pixelSize: 2.5*mm
                    wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                    text: newsitemobject.user.name+"  (@"+newsitemobject.user.screen_name+")"+newsitemobject.forumname
                }

                Label {
                    id:messageTypeLabel
                    color: "grey"
                    text: if (newsitemobject.messagetype==1){ qsTr("Direct Message")} else if(newsitemobject.messagetype==2) {" Notification"} else {qsTr("Source: ")+newsitemobject.source}
                    font.pixelSize: 1.5*mm
                }
                Label {
                    id:createdAtLabel
                    color: "grey"
                    font.pixelSize: 1.5*mm
                    horizontalAlignment: Label.AlignRight
                    text: newsitemobject.dateDiff
                }
                Label {
                    id:replytoLabel
                    color: "grey"
                    font.pixelSize: 1.5*mm
                    font.family: "Noto Sans"
                    horizontalAlignment: Label.AlignRight
                    text:   try {qsTr("In reply to ")+newsitemobject.reply_user.screen_name
                          }catch(e){" "}
                    }

    //            Label {
    //                id:newscountLabel
    //                visible:((newstabstatus=="Conversations")&&(newsitemobject.newscount>1))?true:false
    //                color: "grey"
    //                height:3.5*mm
    //                font.pixelSize: 1.5*mm
    //                font.bold: true
    //                horizontalAlignment: Label.AlignRight
    //                text:   try {(newsitemobject.newscount-1)+qsTr(" comments") }catch(e){" "}
    //                MouseArea{
    //                    anchors.fill:parent
    //                    onClicked: {
    //                        pushConversation();
    //                    }
    //                }
    //            }
            }
        }

//        Column{ id: messageColumn
//             //anchors.top:topFlow.bottom
//            width:parent.width
//            spacing:mm
//            clip:true
//            height: newsitemobject.nsfw?5*mm:Math.min(implicitHeight,3/4*root.height)
            MouseArea{
                width: newsitem.width-8*mm-2
                height: itemMessage.height
                onPressAndHold: {
                    pushConversation();
                }
            Text {
            color: "#404040"
            linkColor: "light green"
            id: itemMessage
            textFormat: Text.RichText
            font.family: "Noto Sans"
            text: newsitemobject.statusnet_html//newsitemobject.attachmentList.length>0?newsitemobject.text : newsitemobject.statusnet_html
            width: newsitem.width-2
            height:newsitemobject.nsfw?5*mm:Math.min(implicitHeight,3/4*root.height)
            //height: implicitHeight
            wrapMode: Text.Wrap
            clip:true
            onLinkActivated:{
               Qt.openUrlExternally(link)}
            Component.onCompleted:{
               if (newsitemobject.messagetype==0){
                var hashtags=[];
                hashtags=findTags(newsitemobject.text);
                var component = Qt.createComponent("qrc:/qml/newsqml/Hashtag.qml");
                for (var tags in hashtags){
                    var hashtagQml = component.createObject(friendicaActivities,{"text":hashtags[tags].trim()});
                }}

                if (newsitemobject.attachmentList.length>0){
                    for(var attachments in newsitemobject.attachmentList){//   (newsitemobject.attachmentList[attachments].url);
                        if(newsitemobject.attachmentList[attachments].mimetype.substring(0,5)=="image"){
                            var component = Qt.createComponent("qrc:/qml/newsqml/NewsImage.qml");
                            var imageQml = component.createObject(toprow,{"source":newsitemobject.attachmentList[attachments].url,"mimetype":newsitemobject.attachmentList[attachments].mimetype});
                        }
                        else if(newsitemobject.attachmentList[attachments].mimetype=="text/html"){
                            var component = Qt.createComponent("qrc:/qml/newsqml/NewsLink.qml");
                            var linkQml = component.createObject(toprow,{"url":newsitemobject.attachmentList[attachments].url});
                        }
                        else {
                            var component = Qt.createComponent("qrc:/qml/newsqml/NewsVideo.qml");
                            //var videoQml = component.createObject(messageColumn,{"source":newsitemobject.attachmentList[attachments].url,"mimetype":newsitemobject.attachmentList[attachments].mimetype});
                            var videoQml = component.createObject(toprow,{"attachment":newsitemobject.attachmentList[attachments]});
                        }
                    }
                }

                if (newsitemobject.hasOwnProperty("lastcomment")){
                    var moreComponent = Qt.createComponent("qrc:/qml/newsqml/MoreComments.qml");
                    var conversationQml = moreComponent.createObject(conversationColumn,{"comments":newsitemobject.newscount-1});

                    var commentComponent = Qt.createComponent("qrc:/qml/newsqml/Newsitem.qml");
                    var conversationQml = commentComponent.createObject(conversationColumn,{"newsitemobject":newsitemobject.lastcomment});
                }
            }
        }}
          //}
          BlueButton{
              width: newsitem.width-8*mm-2
              height:5*mm
              //anchors.bottom: messageColumn.bottom//itemMessage.bottom
              visible: itemMessage.implicitHeight>3/4*root.height || newsitemobject.nsfw//messageColumn.implicitHeight>3/4*root.height || newsitemobject.nsfw//itemMessage.implicitHeight>3/4*root.height
              text:"\uf078"
              fontColor:"grey"
              border.color: "transparent"
              color:"white"
//              gradient: Gradient {
//                  GradientStop { position: 0.0; color: "transparent" }
//                  GradientStop { position: 0.5; color: "white" }
//              }
              radius:0
              onClicked: {
                  if (text=="\uf078"){
                      itemMessage.height=itemMessage.implicitHeight+10*mm;text="\uf077"
                  } else {
                      itemMessage.height=Math.min(itemMessage.implicitHeight,3/4*root.height);
                      text="\uf078";
                      newsView.positionViewAtIndex(index,ListView.Beginning);
                  }
              }
          }
    //}
    }
    Flow{
       id:friendicaActivities
       anchors.top:toprow.bottom
       width:parent.width
       spacing:mm

       Label{color: "grey"
             height:3.5*mm
             font.pixelSize: 1.5*mm
             text: newsitemobject.friendica_activities_view.likeText
             MouseArea{
                 anchors.fill: parent
                 onClicked: { showActivityContacts(newsitemobject.friendica_activities.like)}
             }
       }
       Label{color: "grey"
             height:3.5*mm
             font.pixelSize: 1.5*mm
             text: newsitemobject.friendica_activities_view.dislikeText
             MouseArea{
                 anchors.fill: parent
                 onClicked: { showActivityContacts(newsitemobject.friendica_activities.dislike)}
             }
       }
        Label{color: "grey"
            height:3.5*mm
            font.pixelSize: 1.5*mm
            text: newsitemobject.friendica_activities_view.attendyesText
            MouseArea{
                anchors.fill: parent
                onClicked: { showActivityContacts(newsitemobject.friendica_activities.attendyes)}
        }}
        Label{color: "grey"
            height:3.5*mm
            font.pixelSize: 1.5*mm
            text: newsitemobject.friendica_activities_view.attendnoText
            MouseArea{
                anchors.fill: parent
                onClicked: { showActivityContacts(newsitemobject.friendica_activities.attendno)}
            }
        }
        Label{color: "grey"
            height:3.5*mm
            font.pixelSize: 1.5*mm
            text: newsitemobject.friendica_activities_view.attendmaybeText
            MouseArea{
                anchors.fill: parent
                onClicked: { showActivityContacts(newsitemobject.friendica_activities.attendmaybe)}
            }
        }
        Label{
            id:attendLabel
            color: "grey"
            height:3.5*mm
            font.pixelSize: 1.5*mm
            horizontalAlignment: Label.AlignRight
            text: (newsitemobject.friendica_activities_view.self.attending)?(qsTr("Attending: ")+ qsTr(newsitemobject.friendica_activities_view.self.attending)):""
        }
    }
    Row{id:controlrow
        anchors.top:friendicaActivities.bottom
        height: 4*mm
        CheckBox{
            id:likeCheckbox
            width:newsitem.width/5 //10*mm
            height: parent.height
            visible: ((newsitemobject.messagetype==0)||(newsitemobject.messagetype==3))? true:false
            checked:(newsitemobject.friendica_activities_view.self.liked==1)?true:false
            indicator: Rectangle{
                implicitWidth: newsitem.width/5 //10*mm
                implicitHeight:4*mm
                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 3*mm
                    font.family:fontAwesome.name
                    color:likeCheckbox.checked?"black": "grey"
                    text:likeCheckbox.checked?"\uf118"+"!":"\uf118"
                }
            }
            onClicked: {
                if(likeCheckbox.checked==true){Newsjs.like(root.login,root.db,1,"like",newsitemobject.id,root);dislikeCheckbox.checked=false; model.newsitemobject.friendica_activities_view.self.liked=0 }
                else{Newsjs.like(root.login,root.db,0,"like",newsitemobject.id,root); model.newsitemobject.friendica_activities_view.self.liked=1}}
        }
        CheckBox{
            id: dislikeCheckbox
            width:newsitem.width/5 //10*mm
            height: parent.height
            visible: ((newsitemobject.messagetype==0)||(newsitemobject.messagetype==3))? true:false
            checked: (newsitemobject.friendica_activities_view.self.disliked==1)?true:false
            indicator: Rectangle{
                implicitWidth: newsitem.width/5 //10*mm
                implicitHeight:4*mm
                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 3*mm
                    font.family:fontAwesome.name
                    color:dislikeCheckbox.checked?"black": "grey"
                    text:  dislikeCheckbox.checked?"\uf119"+"!":"\uf119"
                    }
                }
            onClicked: {
                if (dislikeCheckbox.checked==true){Newsjs.like(root.login,root.db,1,"dislike",newsitemobject.id,root);likeCheckbox.checked=false; model.newsitemobject.friendica_activities_view.self.disliked=0}
                else {Newsjs.like(root.login,root.db,0,"dislike",newsitemobject.id,root); model.newsitemobject.friendica_activities_view.self.disliked=1}}
        }

        CheckBox {
            id:favoritedCheckbox
            visible:((newsitemobject.messagetype==0)||(newsitemobject.messagetype==3))
            width: newsitem.width/5 // 10*mm
            height: parent.height
            indicator:Rectangle{
                implicitWidth: newsitem.width/5 //10*mm
                implicitHeight:4*mm
                Text{
                    anchors.centerIn: parent
                    font.pixelSize: 3*mm
                    font.family:fontAwesome.name
                    color: favoritedCheckbox.checked?"black":"grey"
                    text:"\uf005"
                }
            }
            checked:(newsitemobject.favorited>0)
            onClicked:{
                if(favoritedCheckbox.checkedState==Qt.Checked){
                    Newsjs.favorite(login,true,newsitemobject.id,root); model.newsitemobject.favorited=1}
                else if(favoritedCheckbox.checkedState==Qt.Unchecked){
                    Newsjs.favorite(login,false,newsitemobject.id,root);model.newsitemobject.favorited=0}
            }
        }
        Rectangle{
            width: newsitem.width/5 //10*mm
            height: parent.height
            visible:(newsitemobject.messagetype!==2)
            color:"transparent"
            Text{
                id:newsmenusymbol
                color: "grey"
                anchors.centerIn: parent
                font.pixelSize: 3*mm
                font.family:fontAwesome.name
                text: "\uf142"
            }
            MouseArea{
                anchors.fill:parent
                onClicked: {newsmenu.popup()}}
        }
//       Rectangle{
//            width: 10*mm
//            height: 4*mm
//            visible:(newsitemobject.messagetype!==2)&&(newstab.newstabstatus!="Conversation")
//            color:"transparent"
//            Text{
//                id:conversationsymbol
//                color: "grey"
//                anchors.centerIn: parent
//                font.pixelSize: 2.5*mm
//                font.family: fontAwesome.name
//                text: "\uf086"
//            }
//            MouseArea{
//                anchors.fill:parent
//                onClicked:{
//                    if (newsitemobject.hasOwnProperty("currentconversation")){newsStack.push("qrc:/qml/newsqml/Conversation.qml",{"news": newsitemobject.currentconversation})}
//                    else{newsStack.push("qrc:/qml/newsqml/Conversation.qml")};
//                    showConversation(index,newsitemobject)
//                }
//            }
//        }

    }

    Menu {
        id:newsmenu
        width: 30*mm
        delegate: MenuItem{
            contentItem: Text{
                font.pixelSize: 3*mm
                text: parent.text
            }
        }
        Action{
            text: qsTr("Reply")
            onTriggered: {
                var directmessage=0;
                if (newsitemobject.messagetype==1){ directmessage=1}
                var replycomp=Qt.createComponent("qrc:/qml/newsqml/MessageSend.qml");
                var conversation;newsitem.ListView.view.viewtype=="conversation"?true:false;
                var reply=replycomp.createObject(friendicaActivities,{parentId:newsitemobject.id,reply_to_user:newsitemobject.user.screen_name, state:"reply",conversation:conversation,textfocus:true})
                //replySignal(newsitemobject)
                //newsStack.push("qrc:/qml/newsqml/MessageSend.qml",{"reply_to_user": newsitemobject.user.screen_name,"parentId":newsitemobject.id,"login":root.login,"directmessage":directmessage});
            }
        }
        Action {
            text: qsTr("DM")
            onTriggered: {
                root.directmessageSignal(newsitemobject.user.screen_name);
            }
        }
        Action {
            text: qsTr("Repost")
            onTriggered: {
                Newsjs.retweetNews(root.login,db,newsitemobject.id,root,function(reply){
                    Helperjs.showMessage("Repost",qsTr("Success!"),root)
                })
            }
        }
        Action {
            text: qsTr("Conversation")
            onTriggered: {
                pushConversation();
            }
        }

        Menu{
            title: qsTr("Attending")
            width: 20*mm
            delegate: MenuItem{
                contentItem: Text{
                    font.pixelSize: 3*mm
                    text: parent.text
                }
            }
            Action{
                text:qsTr("yes")
                onTriggered: {Newsjs.attend(root.login,db,"yes",newsitemobject.id,root,function(){
                    model.newsitemobject.friendica_activities_view.self.attending="yes";attending="yes"})
                }
            }
            Action{text:qsTr("maybe")
                onTriggered: {Newsjs.attend(root.login,db,"maybe",newsitemobject.id,root,function(){
                    model.newsitemobject.friendica_activities_view.self.attending="maybe";attending="maybe"})
                }
            }
            Action{text:qsTr("no")
                onTriggered: {Newsjs.attend(root.login,db,"no",newsitemobject.id,root,function(){
                model.newsitemobject.friendica_activities_view.self.attending="no";attending="no"})}
            }
        }

        Action {
            text: qsTr("Delete")
            onTriggered: {
                Newsjs.deleteNews(root.login,root.db,newsitemobject.id,newsitemobject.messagetype,root,function(reply){
                   var msg = {'deleteId': index, 'model': newsModel};
                newsWorker.sendMessage(msg);
                })
            }
        }

        //MenuItem{
        //    text:qsTr("Show on website")
        //    onTriggered:Qt.openUrlExternally(login.server+"/display/"+newsitemobject
        //}
    }
    Column{
        id:conversationColumn
        anchors.top:controlrow.bottom
        anchors.right: parent.right
        width: newsitem.width-5*mm
    }
}
}