import QtQuick 2.12
import QtQuick.Layouts 1.12

RowLayout {

    Item {
        Layout.minimumWidth: 15
        Layout.preferredWidth: 15
    }
    C_Title {
        id: src
        Layout.minimumWidth: 200
        Layout.preferredWidth: 200
        text: "Source"
        onClicked: {
            des.sortState = 0
            mess.sortState = 0
            dur.sortState = 0
            setSortState()
        }
    }
    C_Title {
        id: des
        Layout.minimumWidth: 200
        Layout.preferredWidth: 200
        text: "Destination"
        onClicked: {
            src.sortState = 0
            mess.sortState = 0
            dur.sortState = 0
            setSortState()
        }
    }
    C_Title {
        id: mess
        Layout.minimumWidth: 200
        Layout.preferredWidth: 200
        Layout.fillWidth: true
        text: "Message"
        onClicked: {
            src.sortState = 0
            des.sortState = 0
            dur.sortState = 0
            setSortState()
        }
    }
    C_Title {
        id: dur
        Layout.minimumWidth: 100
        Layout.preferredWidth: 100
        text: "Duration"
        onClicked: {
            src.sortState = 0
            des.sortState = 0
            mess.sortState = 0
            setSortState()
        }
    }
    Item {
        Layout.minimumWidth: 15
        Layout.preferredWidth: 15
    }

    function setSortState() {
        cpp.sortsChanged(src.sortState, des.sortState, mess.sortState,
                         dur.sortState)
    }
}