Git-Mirrors/RetroShare
1
0
Fork 0
mirror of https://github.com/RetroShare/RetroShare.git synced 2025-08-12 08:10:46 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style inferior panel and add icon buttons

Browse source
This commit is contained in:
Angela Mazzurco 2017-06-08 19:11:37 +02:00
parent 66d63c29b3
commit 1df60e85cb
2 changed files with 112 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

88
retroshare-qml-app/src/ChatView.qml
View file

@ -20,7 +20,7 @@ import QtQuick 2.7
import QtQuick.Controls 2.0
import org.retroshare.qml_components.LibresapiLocalClient 1.0
import "." //Needed for TokensManager singleton
import "./components"
Item
{
id: chatView
@ -73,26 +73,76 @@ Item
}
TextField
{
id: msgComposer
anchors.bottom: parent.bottom
anchors.left: parent.left
width: chatView.width - sendButton.width
}
Item {
Button
{
id: sendButton
text: "Send"
anchors.bottom: parent.bottom
anchors.right: parent.right
property var styles: StyleChat.inferiorPanel
onClicked:
{
var jsonData = {"chat_id":chatView.chatId, "msg":msgComposer.text}
rsApi.request( "/chat/send_message", JSON.stringify(jsonData),
function(par) { msgComposer.text = ""; } )
id: inferiorPanel
height: styles.height
width: parent.width
anchors.bottom: parent.bottom
Rectangle {
anchors.fill: parent.fill
width: parent.width
height: parent.height
color:inferiorPanel.styles.backgroundColor
border.color: inferiorPanel.styles.borderColor
}
BtnIcon {
id: attachButton
property var styles: StyleChat.inferiorPanel.btnIcon
height: styles.height
width: styles.width
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
imgUrl: styles.attachIconUrl
}
TextField
{
property var styles: StyleChat.inferiorPanel.msgComposer
id: msgComposer
anchors.bottom: parent.bottom
anchors.left: attachButton.right
width: chatView.width - sendButton.width - attachButton.width
height: parent.height -5
placeholderText: styles.placeHolder
background: styles.background
}
BtnIcon {
id: sendButton
property var styles: StyleChat.inferiorPanel.btnIcon
height: styles.height
width: styles.width
anchors.verticalCenter: parent.verticalCenter
anchors.left: msgComposer.right
imgUrl: styles.sendIconUrl
onClicked:
{
var jsonData = {"chat_id":chatView.chatId, "msg":msgComposer.text}
rsApi.request( "/chat/send_message", JSON.stringify(jsonData),
function(par) { msgComposer.text = ""; } )
}
}
}
}