import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Layouts 1.2
import QtQuick.XmlListModel 2.0
import Qt.labs.controls 1.0

//////window containing the application
ApplicationWindow {

    visible:true
    id:window
    width: 800
    height: 600

    Drawer {
        id: drawer
        anchors.fill: parent
        //edge: Qt.topEdge;
        ListView {
            id: listview

            width: window.width / 3 * 2
            height: window.height

            ButtonGroup {
                id: effect
            }

            model: VisualItemModel {
                Label {
                    text: "Settings"
                    x: 6
                    width: parent.width - 12
                    lineHeight: 2.0
                    color: Theme.accentColor
                    verticalAlignment: Text.AlignVCenter
                }
                Rectangle { width: parent.width; height: 1; color: Theme.frameColor }
                Switch {
                    id: dim
                    text: "Dim"
                    checked: true
                    width: parent.width
                    layoutDirection: Qt.RightToLeft
                    enabled: effect.current != uncover
                }
                Rectangle { width: parent.width; height: 1; color: Theme.frameColor }
                RadioButton {
                    id: overlay
                    text: "Overlay"
                    checked: true
                    width: parent.width
                    ButtonGroup.group: effect
                    layoutDirection: Qt.RightToLeft
                }
                RadioButton {
                    id: push
                    text: "Push"
                    width: parent.width
                    ButtonGroup.group: effect
                    layoutDirection: Qt.RightToLeft
                }
                RadioButton {
                    id: uncover
                    text: "Uncover"
                    width: parent.width
                    ButtonGroup.group: effect
                    layoutDirection: Qt.RightToLeft
                }
                Rectangle { width: parent.width; height: 1; color: Theme.frameColor }
            }
            Rectangle {
                z: -1
                anchors.fill: parent
                anchors.topMargin: -1
                anchors.bottomMargin: -1
                border.color: Theme.frameColor
            }

            transform: Translate {
                x: effect.current === uncover ? (1.0 - drawer.position) * listview.width : 0
            }
        }

        background.visible: dim.checked

        onClicked: close()
    }

#include <QGuiApplication>
#include <QQmlApplicationEngine>
int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQmlApplicationEngine* engine = new QQmlApplicationEngine();
    engine->load(QUrl("qrc:/qml/test.qml"));

    return app.exec();
}