linphone-desktop/tests/ui/views/App/MainWindow/Conversation.qml
2016-11-24 16:03:01 +01:00

138 lines
3.6 KiB
QML

import QtQuick 2.7
import QtQuick.Layouts 1.3
import Common 1.0
import Linphone 1.0
import Utils 1.0
import App.Styles 1.0
// ===================================================================
ColumnLayout {
id: conversation
property string sipAddress
property var _contact: ContactsListModel.mapSipAddressToContact(
sipAddress
) || sipAddress
spacing: 0
// -----------------------------------------------------------------
// Contact bar.
// -----------------------------------------------------------------
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: ConversationStyle.bar.height
color: ConversationStyle.bar.backgroundColor
RowLayout {
anchors {
fill: parent
leftMargin: ConversationStyle.bar.leftMargin
rightMargin: ConversationStyle.bar.rightMargin
}
spacing: ConversationStyle.bar.spacing
Avatar {
id: avatar
Layout.preferredHeight: ConversationStyle.bar.avatarSize
Layout.preferredWidth: ConversationStyle.bar.avatarSize
presenceLevel: _contact.presenceLevel || Presence.White
username: Utils.isString(_contact)
? _contact.substring(4, _contact.indexOf('@')) // 4 = length("sip:")
: _contact.username
}
ContactDescription {
Layout.fillHeight: true
Layout.fillWidth: true
sipAddress: conversation.sipAddress
sipAddressColor: ConversationStyle.bar.description.sipAddressColor
username: avatar.username
usernameColor: ConversationStyle.bar.description.usernameColor
}
Row {
Layout.fillHeight: true
spacing: ConversationStyle.bar.actions.spacing
ActionBar {
anchors.verticalCenter: parent.verticalCenter
iconSize: ConversationStyle.bar.actions.call.iconSize
ActionButton {
icon: 'video_call'
onClicked: CallsWindow.show()
}
ActionButton {
icon: 'call'
onClicked: CallsWindow.show()
}
}
ActionBar {
anchors.verticalCenter: parent.verticalCenter
ActionButton {
icon: 'contact_edit'
iconSize: ConversationStyle.bar.actions.edit.iconSize
onClicked: window.setView('Contact')
}
ActionButton {
icon: 'delete'
iconSize: ConversationStyle.bar.actions.edit.iconSize
onClicked: window.setView('Contact') // TODO.
}
}
}
}
}
// -----------------------------------------------------------------
// Messages/Calls filters.
// -----------------------------------------------------------------
Borders {
Layout.fillWidth: true
Layout.preferredHeight: ConversationStyle.filters.height
borderColor: ConversationStyle.filters.border.color
bottomWidth: ConversationStyle.filters.border.bottomWidth
color: ConversationStyle.filters.backgroundColor
topWidth: ConversationStyle.filters.border.topWidth
ExclusiveButtons {
anchors {
left: parent.left
leftMargin: ConversationStyle.filters.leftMargin
verticalCenter: parent.verticalCenter
}
texts: [
qsTr('displayCallsAndMessages'),
qsTr('displayCalls'),
qsTr('displayMessages')
]
}
}
// -----------------------------------------------------------------
// Chat.
// -----------------------------------------------------------------
Chat {
Layout.fillHeight: true
Layout.fillWidth: true
contact: parent._contact
model: ChatModel {
sipAddress: conversation.sipAddress
}
}
}