import QtQuick 2.1

Rectangle
{
    id: button

    height: 200
    width: 200
    anchors.centerIn: parent

    color: "gray"

    Rectangle
    {
        height: textField.height
        width: textField.implicitWidth
        anchors.centerIn: parent
        color: "blue"

        Text
        {
            id: textField

            width: implicitWidth
            height: 50

            text: "Test\nLong Text"
            color: "white"
            font.pixelSize: 20

            // NOTE: Also breaks for AlignRight
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter

            MouseArea
            {
                anchors.fill: parent
                onClicked:
                {
                    if( button.width !== 400 )
                    {
                        button.width = 400;
                        textField.text = "abc";
                    }
                    else
                    {
                        button.width = 200;
                        textField.text = "Test\nLong Text";
                    }
                }
            }
        }
    }
}

//------------------------------------------------------------------------------
//! The main test page for components
//------------------------------------------------------------------------------
//PageDefaultList
//{
//    pageName: HandlesText.StrPagetestComponentsTestPages
//    listModel: HmiListModel
//    {
//        modelObject: QtObjectModel
//        {
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestArrangers
//                pageQml: "qrc:/hmi/sandbox/PageTestArranger.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestBusyIndicators
//                pageQml: "qrc:/hmi/sandbox/PageTestBusyIndicators.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestButtons
//                pageQml: "qrc:/hmi/sandbox/PageTestButton.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestCategoryList
//                pageQml: "qrc:/hmi/sandbox/PageTestCategoryList.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestDynamicList
//                pageQml: "qrc:/hmi/sandbox/PageTestList.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestGridList
//                pageQml: "qrc:/hmi/sandbox/PageTestGrid.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestGraphs
//                pageQml: "qrc:/hmi/sandbox/PageTestGraphs.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestHmiText
//                pageQml: "qrc:/hmi/sandbox/PageTestHmiText.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestKeyboards
//                pageQml: "qrc:/hmi/sandbox/PageTestKeyboards.qml"
//                restrictionType: Restriction.RESTRICTION_TYPE_RESTRICTED
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestPickers
//                pageQml: "qrc:/hmi/sandbox/PageTestPickers.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestProgressIndicators
//                pageQml: "qrc:/hmi/sandbox/PageTestProgressIndicators.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestRadialGauges
//                pageQml: "qrc:/hmi/sandbox/PageTestGaugeRadialList.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestResources
//                pageQml: "qrc:/hmi/sandbox/PageTestResources.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestSliders
//                pageQml: "qrc:/hmi/sandbox/PageTestSlider.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestSwitchButton
//                pageQml: "qrc:/hmi/sandbox/PageTestSwitchButton.qml"
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestTabView
//                pageQml: "qrc:/hmi/sandbox/PageTestTabView.qml"
//                restrictionType: Restriction.RESTRICTION_TYPE_RESTRICTED
//            }
//            PageDefaultListElement
//            {
//                handleText: HandlesText.StrPagetestToggleGroupButton
//                pageQml: "qrc:/hmi/sandbox/PageTestToggleButtonGroup.qml"
//            }
//        }
//    }
//}