fanny-app/qml/Components/CompatibleToolButton.qml

import QtQuick 2.0
import QtQuick.Controls 2.1
import QtQuick.Controls.Material 2.1

Loader {
    id: control

    property QIconSource icon: QIconSource {}

    property int fontPixelSize

    property string text

    signal clicked

    Connections {
        target: icon
        onNameChanged: {
            control.syncProperties()
        }
    }

    onTextChanged: {
        control.syncProperties()
    }

    function syncProperties() {

        if(control.status !== Loader.Ready) {
            return
        }

        if(QtCompatiblityMode) {
            control.item.text = control.text
            control.item.font = control.font

            if(control.fontPixelSize !== undefined) {
                control.item.font.pixelSize = control.fontPixelSize
            }
        }
        else {
            control.item.icon.name = control.icon.name
            control.item.icon.color = control.icon.color

            control.item.icon.width = control.icon.width
            control.item.icon.height = control.icon.height
        }
    }

    onLoaded: {
        control.syncProperties()
    }

    Component.onCompleted: {
        if(QtCompatiblityMode) {
            control.sourceComponent = ancientToolButtonCp
        }
        else {
            control.sourceComponent = modernToolButtonCp
        }
    }

    Connections {
        target: control.item

        onClicked: {
            control.clicked()
        }
    }

    Component {
        id: ancientToolButtonCp

        ToolButton {
            id: tb

            opacity: enabled ? 1.0 : 0.3

            contentItem: Text {
                text: tb.text
                font: tb.font
                color: app.style.style.textColor
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                elide: Text.ElideRight
            }
        }
    }

    Component {
        id: modernToolButtonCp

        ToolButton  {
            height: implicitHeight
            width: implicitWidth
        }
    }

}