SlidingMenu.qml

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1
import "component-utils.js" as Utils


Rectangle {
    id: containerRect

    width: 330
    //height: 230
    height: 180

    Rectangle {
        id: gv_
        //anchors.centerIn: parent
        // 160 when not shown fully, 280 when fully shown
        // width: 160
        width: 280
        height: 140
        border.color: "lightgrey"
        radius: 5
        x: 40
        //y: 40
        property bool menu_shown: true

        Component.onCompleted:{
            Utils.update_data_type(progName);
        }


        // do we want to expand the menu, comment if not
        //Behavior on width { PropertyAnimation { target: gv_; properties: "width"; duration: 300; easing.type: Easing.InOutBack } }

        /* this rectangle contains the "menu" */
        Rectangle {

            id: menu_view_

            anchors.top: parent.top

            width: 135

            anchors.left: parent.left

            transform: Translate {
                id: slide_menu
                //x: 100
                x: 140
                Behavior on x { NumberAnimation { duration: 400; easing.type: Easing.OutQuad } }
            }

            /* menu content */
            ListView {
                id: genomeGroupList
                opacity: gv_.menu_shown ? 1 : 0.3
                Behavior on opacity { NumberAnimation { duration: 400 } }


                enabled: gv_.menu_shown ? 1 : 0
                anchors { fill: parent; margins: 10 }

                GroupBox
                {
                    // id
                    id: genomeGroup
                    objectName: "genomeGroup"

                    width: 115
                    title: "Genome versions: "