main.qml

import QtQuick 2.7
import QtQuick.Controls 2.2
import QtQuick.Controls.Material 2.2
import QtQuick.Layouts 1.3

ApplicationWindow {
    id: mainWindow
    visible: true

    width: 1200
    height: 800

    title: instanceName

    flags: Qt.Window | Qt.FramelessWindowHint | Qt.WindowMinMaxButtonsHint

    Material.theme: arkzilla.darkTheme ? Material.Dark : Material.Light
    Material.primary: Material.Green
    Material.accent: Material.LightGreen
    Material.elevation: 6

    FontLoader { id: faSolid; source: 'fa-solid-900.ttf'}

    font.pixelSize: 18

    readonly property string appName: 'ARKZilla'
    readonly property string instanceName: arkzilla.host.length ? appName + ' (' + arkzilla.host + ')' : appName

    header: ToolBar {
        opacity: active ? 1.0 : 0.5

        RowLayout {
            anchors.fill: parent
            IconButton {
                text: ''
                color: 'white'
                onClicked: stackWindow.pop()
                visible: (stackWindow.depth > 1) ? true : false
            }
            Item {
                Layout.fillWidth: true
                Layout.fillHeight: true
                MouseArea {
                    anchors.fill: parent
                    property variant clickPos
                    property variant window
                    onPressed: {
                        clickPos = { x: arkzilla.cursorPos.x, y: arkzilla.cursorPos.y }
                        window = { x: mainWindow.x, y: mainWindow.y }
                    }
                    onPositionChanged: {
                        mainWindow.setX(window.x + arkzilla.cursorPos.x - clickPos.x)
                        mainWindow.setY(window.y + arkzilla.cursorPos.y - clickPos.y)
                    }
                    onDoubleClicked: {
                        mainWindow.showMinimized()
                    }
                }
            }
            IconButton {
                text: ''
                color: 'white'
                ToolTip.text: qsTr('Open settings')
                ToolTip.delay: 1000
                ToolTip.timeout: 5000
                ToolTip.visible: hovered
                visible: mainWindow.title != qsTr('Settings')
                onClicked: stackWindow.push(settingsUI)
            }
            IconButton {
                text: ''
                color: 'white'
                ToolTip.text: qsTr('Quit')
                ToolTip.delay: 1000
                ToolTip.timeout: 5000
                ToolTip.visible: hovered
                onClicked: Qt.quit()
            }
        }
        Label {
            anchors.centerIn: parent
            text: mainWindow.title
            color: 'white'
            elide: Label.ElideRight
        }
    }

    StackView {
        id: stackWindow
        anchors.fill: parent
        initialItem: backupUI

        Component.onCompleted: {
            if (!arkzilla.host.length) {
                stackWindow.push(settingsUI)
            }
        }

        Component { id: backupUI; BackupUI {} }
        Component { id: tamedUI; TamedUI {} }
        Component { id: settingsUI; SettingsUI {} }
    }

    ToastManager { id: toast  }

    Label {
        height: width
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        rotation: -45
        color: Material.primary
        font.pixelSize: 40
        font.family: faSolid.name
        text: ''
        MouseArea {
            anchors.fill: parent
            cursorShape: Qt.SizeFDiagCursor
            property variant clickPos
            property variant window
            onPressed: {
                clickPos = { x: arkzilla.cursorPos.x, y: arkzilla.cursorPos.y }
                window = { w: mainWindow.width, h: mainWindow.height }
            }
            onPositionChanged: {
                mainWindow.setWidth(window.w + arkzilla.cursorPos.x - clickPos.x)
                mainWindow.setHeight(window.h + arkzilla.cursorPos.y - clickPos.y)
            }
        }
    }
}