Convergence window Menu

import QtQuick 2.4
import Ubuntu.Components 1.3
MainView {
    width: units.gu(100)
    height: units.gu(60)
    AdaptivePageLayout {
        id: mainPageStack
        property bool childPageOpened: false

        anchors.fill: parent
        primaryPageSource: page1Component
        layouts: PageColumnsLayout {
            when: width > units.gu(100) && mainPageStack.childPageOpened

            // column #0
            PageColumn {
                fillWidth: true
            }
            // column #1
            PageColumn {
                minimumWidth: units.gu(30)
                maximumWidth: units.gu(60)
                preferredWidth: units.gu(40)
            }
        }
        Component {
            id: page1Component
            Page {
                id: page1
                header: PageHeader {
                    id: header
                    title: "Main page"
                }
                Column {
                    anchors.top: header.bottom
                    Button {
                        text: "close 3 " + page1.title;
                        onClicked: {
                            mainPageStack.childPageOpened = false;
                            pageStack.removePages(page3);
                        }
                    }
                    Button {
                        text: "Add Page3 next to " + page1.title;
                        onClicked: {
                            mainPageStack.childPageOpened = true;
                            page1.pageStack.addPageToNextColumn(page1, page3);
                        }
                    }
                }
            }
        }
        Page {
            id: page3
            header: PageHeader {
                title: "Page #3"
                leadingActionBar {
                    numberOfSlots: 1
                    actions: [
                        Action {
                            id: actionSettings
                            iconName: "back"
                            text: i18n.tr("Back")
                            onTriggered: {
                                onClicked: {
                                    mainPageStack.childPageOpened = false;
                                    mainPageStack.removePages(page3);
                                }
                            }
                        }
                    ]
                }
            }
        }
    }
}