554 lines
24 KiB
QML
554 lines
24 KiB
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/>.
|
|
|
|
// 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
|
|
}
|
|
}
|
|
]
|
|
}
|
|
//}
|