Add link detection on bubbles

This commit is contained in:
Angela Mazzurco 2017-07-19 16:56:17 +02:00
parent 55b0790285
commit e369f23bb4

View File

@ -3,6 +3,7 @@ import QtQuick.Layouts 1.2
import QtQuick.Controls 2.0
import "." // To load styles
import "./components"
import "URI.js" as UriJs
Item
{
@ -80,7 +81,11 @@ Item
Text
{
id: mesageText
text: model.msg
text: UriJs.URI.withinString(model.msg, function(url)
{
return "<a href=\""+ url + "\">" + url + "</a>";
})
width: rootBubble.width * styles.bubbleMaxWidth + timeText.width
anchors.left: (model.incoming)? parent.left : undefined
anchors.right:(!model.incoming)? parent.right : undefined
@ -89,6 +94,10 @@ Item
anchors.leftMargin: styles.lMarginBubble
anchors.rightMargin: styles.rMarginBubble
textFormat: Text.RichText
onLinkActivated: Qt.openUrlExternally(link)
// Used for the correct alineation when the message must be on right
horizontalAlignment:(!model.incoming &&
mesageText.implicitWidth <= (rootBubble.width * styles.bubbleMaxWidth)
@ -96,6 +105,7 @@ Item
wrapMode: Text.Wrap
font.pixelSize: styles.messageTextSize
}
}