linphone-desktop/tests/ui/modules/Linphone/Timeline.qml

import QtQuick 2.7
import QtQuick.Layouts 1.3

import Linphone 1.0
import Linphone.Styles 1.0

// ===================================================================

ColumnLayout {
    id: item

    property var model

    // Legend.
    Row {
        Layout.topMargin: TimelineStyle.legend.topMargin
        Layout.bottomMargin: TimelineStyle.legend.bottomMargin
        Layout.leftMargin: TimelineStyle.legend.leftMargin
        spacing: TimelineStyle.legend.spacing

        Icon {
            icon: TimelineStyle.legend.icon
            iconSize: TimelineStyle.legend.iconSize
        }

        Text {
            color: TimelineStyle.legend.color
            font.pointSize: TimelineStyle.legend.fontSize
            height: parent.height
            text: qsTr('timelineTitle')
            verticalAlignment: Text.AlignVCenter
        }
    }

    // Separator.
    Rectangle {
        Layout.fillWidth: true
        Layout.preferredHeight: TimelineStyle.separator.height
        color: TimelineStyle.separator.color
    }

    // History.
    ScrollableListView {
        Layout.fillHeight: true
        Layout.fillWidth: true

        model: item.model

        delegate: Contact {
            presence: $presence
            sipAddress: $sipAddress
            username: $username
            width: parent.width
        }
    }
}