import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.0
import QtQuick.Controls.Styles 1.2
import CodeEditorExtensionManager 1.0

Rectangle {
    anchors.fill: parent
    height: parent.height
    width: parent.width;
    id:root
    SplitView {
        anchors.fill: parent
        orientation: Qt.Vertical        
        Rectangle {
            anchors.top : parent.top
            id: contentView
            width: parent.width
            height: parent.height * 0.7
            TextArea {
                id: codeEditor
                height: parent.height
                font.family: "Verdana"
                font.pointSize: 9
                width: parent.width
                anchors.centerIn: parent
                tabChangesFocus: false
                Keys.onPressed: {
                        if (event.key === Qt.Key_Tab) {
                            codeEditor.insert(codeEditor.cursorPosition, "\t");
                            event.accepted = true;
                        }
                    }
            }
        }
        Rectangle {
            anchors.bottom: parent.bottom
            id: contextualView
            width: parent.width
            Layout.minimumHeight: 20
            height: parent.height * 0.3
            TabView {
                id: contextualTabs
                antialiasing: true
                anchors.fill: parent
                style: TabStyle{}
            }
        }
        CodeEditorExtensionManager{
            tabView: contextualTabs
            editor: codeEditor
        }
    }
}