import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

CollapsableItemDelegate {
    id: control

    expandedComponent: Component {
        Item {
            implicitHeight: 200
            RowLayout {
                anchors.fill: parent

                TextField {
                    id: textTextInput
                    Layout.preferredWidth: parent.width
                    Layout.preferredHeight: 50
                    text: model.text
                }

                Button {
                    Layout.preferredWidth: parent.width
                    Layout.preferredHeight: 50

                    text: "apply"

                    onClicked: {
                        model.text = textTextInput.text
                    }
                }
            }
        }
    }

    Text {
        id: labelText

        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
            margins: 5
        }

        height: 70 - 2 * anchors.margins

        verticalAlignment: Text.AlignVCenter

        font.pixelSize: height * 0.4
        text: model.text
    }
}