mirror of
https://gitlab.linphone.org/BC/public/linphone-desktop.git
synced 2026-01-22 06:08:07 +00:00
fix(ui/modules/Linphone/Calls/CallStatistics): better style and reworking
This commit is contained in:
parent
4c9f58078c
commit
70c265656a
4 changed files with 28 additions and 15 deletions
|
|
@ -15,7 +15,7 @@ AbstractDropDownMenu {
|
|||
// ---------------------------------------------------------------------------
|
||||
|
||||
function _computeHeight () {
|
||||
return callStatistics.height
|
||||
return CallStatisticsStyle.height
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
|
|
@ -25,14 +25,16 @@ AbstractDropDownMenu {
|
|||
|
||||
RowLayout {
|
||||
spacing: CallStatisticsStyle.spacing
|
||||
width: parent.width
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// -----------------------------------------------------------------------
|
||||
|
||||
Text {
|
||||
Layout.preferredWidth: CallStatisticsStyle.key.width
|
||||
|
||||
color: CallStatisticsStyle.key.color
|
||||
elide: Text.ElideRight
|
||||
|
||||
font {
|
||||
pointSize: CallStatisticsStyle.key.fontSize
|
||||
bold: true
|
||||
|
|
@ -44,10 +46,11 @@ AbstractDropDownMenu {
|
|||
text: modelData.key
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// -----------------------------------------------------------------------
|
||||
|
||||
Text {
|
||||
Layout.fillWidth: true
|
||||
|
||||
color: CallStatisticsStyle.value.color
|
||||
elide: Text.ElideRight
|
||||
font.pointSize: CallStatisticsStyle.value.fontSize
|
||||
|
|
@ -63,17 +66,20 @@ AbstractDropDownMenu {
|
|||
id: media
|
||||
|
||||
Column {
|
||||
width: parent.width
|
||||
|
||||
Text {
|
||||
width: parent.width
|
||||
color: CallStatisticsStyle.title.color
|
||||
|
||||
font {
|
||||
bold: true
|
||||
pointSize: CallStatisticsStyle.title.fontSize
|
||||
}
|
||||
|
||||
elide: Text.ElideRight
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
text: $label
|
||||
|
||||
height: contentHeight + CallStatisticsStyle.title.bottomMargin
|
||||
width: parent.width
|
||||
}
|
||||
|
||||
Repeater {
|
||||
|
|
@ -92,6 +98,7 @@ AbstractDropDownMenu {
|
|||
Row {
|
||||
anchors {
|
||||
fill: parent
|
||||
topMargin: CallStatisticsStyle.topMargin
|
||||
leftMargin: CallStatisticsStyle.leftMargin
|
||||
rightMargin: CallStatisticsStyle.rightMargin
|
||||
}
|
||||
|
|
@ -99,6 +106,7 @@ AbstractDropDownMenu {
|
|||
Loader {
|
||||
property string $label: qsTr("audioStatsLabel")
|
||||
property var $data: callStatistics.call.audioStats
|
||||
|
||||
sourceComponent: media
|
||||
width: parent.width / 2
|
||||
}
|
||||
|
|
@ -106,6 +114,7 @@ AbstractDropDownMenu {
|
|||
Loader {
|
||||
property string $label: qsTr("videoStatsLabel")
|
||||
property var $data: callStatistics.call.videoStats
|
||||
|
||||
sourceComponent: media
|
||||
width: parent.width / 2
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,24 +7,26 @@ import Common 1.0
|
|||
|
||||
QtObject {
|
||||
property color color: Colors.e
|
||||
property int height: 60
|
||||
property int height: 250
|
||||
property int leftMargin: 12
|
||||
property int rightMargin: 12
|
||||
property int width: 240
|
||||
property int spacing: 8
|
||||
property int topMargin: 10
|
||||
|
||||
property QtObject title: QtObject {
|
||||
property color color: Colors.l
|
||||
property color color: Colors.d
|
||||
property int bottomMargin: 20
|
||||
property int fontSize: 16
|
||||
}
|
||||
|
||||
property QtObject key: QtObject {
|
||||
property int width: 200
|
||||
property color color: Colors.l
|
||||
property color color: Colors.d
|
||||
property int fontSize: 10
|
||||
property int width: 200
|
||||
}
|
||||
|
||||
property QtObject value: QtObject {
|
||||
property color color: Colors.l
|
||||
property color color: Colors.d
|
||||
property int fontSize: 10
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -87,14 +87,12 @@ Rectangle {
|
|||
id: callStatistics
|
||||
|
||||
call: incall.call
|
||||
|
||||
height: container.height
|
||||
width: container.width
|
||||
|
||||
launcher: callQuality
|
||||
|
||||
relativeTo: callQuality
|
||||
relativeY: info.height + elapsedTime.height * 2
|
||||
relativeY: CallStyle.header.stats.relativeY
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -66,5 +66,9 @@ QtObject {
|
|||
property int fontSize: 10
|
||||
property int fullscreenFontSize: 12
|
||||
}
|
||||
|
||||
property QtObject stats: QtObject {
|
||||
property int relativeY: 90
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue