metabuilder/qml/qt6/App.qml

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Qt.labs.settings 1.0
import QmlComponents 1.0
import "qmllib/dbal"
import "qmllib/MetaBuilder"
import "qmllib/MetaBuilder/AppLogic.js" as Logic

ApplicationWindow {
    id: appWindow
    objectName: "appWindow"
    visible: true; width: 1400; height: 900
    title: "MetaBuilder Observatory"
    color: Theme.background
    Accessible.role: Accessible.Window
    Accessible.name: "MetaBuilder"

    DBALProvider { id: dbalProvider }

    property var appConfig: null
    property string currentTheme: "dark"
    property bool dbalConnected:
        dbalProvider.connected
    property int currentLevel: 1
    property string currentUser: ""
    property string currentRole: "public"
    property bool loggedIn: false
    property string authToken: ""
    property string currentView: "frontpage"
    property var users:
        appConfig ? appConfig.seedUsers : []
    readonly property var staticViews:
        appConfig ? appConfig.staticViews : []
    readonly property bool isDark:
        Theme.mode === "dark"

    function login(u, p) {
        return Logic.login(appWindow, u, p)
    }
    function logout() {
        Logic.logout(appWindow, dbalProvider)
    }
    function viewIndex(v) {
        return Logic.viewIndex(appWindow)
    }
    function packageViewName(pkg) {
        return Logic.packageViewName(pkg)
    }

    header: CAppBar {
        objectName: "appBar"
        height: 48
        RowLayout {
            anchors.fill: parent
            anchors.leftMargin: 16
            anchors.rightMargin: 12; spacing: 6
            CText {
                text: "MetaBuilder"
                font.pixelSize: 15
                font.weight: Font.Bold
                font.letterSpacing: -0.5
            }
            Rectangle {
                width: 6; height: 6; radius: 3
                color: dbalProvider.connected
                    ? "#22C55E" : "#F43F5E"
                Layout.leftMargin: 2
            }
            Item { Layout.fillWidth: true }
            CNavBar {
                currentView: appWindow.currentView
                currentLevel: appWindow.currentLevel
                onNavigate: function(view) {
                    appWindow.currentView = view
                }
            }
            Item { Layout.fillWidth: true }
            Item { width: 4 }
            CLanguageSelector {
                visible: loggedIn
                isDark: appWindow.isDark
            }
            CNotificationBell {
                visible: loggedIn
                isDark: appWindow.isDark
                hasNotifications: true
            }
            CButton {
                visible: !loggedIn; text: "Login"
                variant: "primary"; size: "sm"
                activeFocusOnTab: true
                Accessible.role: Accessible.Button
                Accessible.name: "Login"
                Accessible.description: "Open login"
                Keys.onReturnPressed: currentView = "login"
                Keys.onSpacePressed: currentView = "login"
                onClicked: currentView = "login"
            }
            CUserMenu {
                visible: loggedIn
                username: currentUser
                level: currentLevel
                role: currentRole
                isDark: appWindow.isDark
                onNavigateTo: function(view) {
                    appWindow.currentView = view
                }
                onSignOut: logout()
            }
        }
    }

    Rectangle {
        id: dbalBanner; visible: !dbalConnected
        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
        }
        height: 28; color: "#e65100"; z: 10
        CText {
            anchors.centerIn: parent
            variant: "caption"; color: "#fff"
            text: "DBAL Offline \u2014 "
                + "showing cached data"
        }
    }

    RowLayout {
        anchors.fill: parent; spacing: 0
        anchors.topMargin:
            dbalBanner.visible ? 28 : 0
        CSidebar {
            objectName: "sidebar"
            currentView: appWindow.currentView
            currentLevel: appWindow.currentLevel
            loggedIn: appWindow.loggedIn
            Layout.preferredWidth: 220
            Layout.fillHeight: true
            packageViewName:
                appWindow.packageViewName
            onNavigate: function(view) {
                appWindow.currentView = view
            }
        }
        Rectangle {
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: "transparent"
            StackLayout {
                objectName: "mainContent"
                anchors.fill: parent
                currentIndex:
                    viewIndex(currentView)
                FrontPage {}
                LoginView {}
                DashboardView {}
                ProfileView {}
                ModeratorView {}
                AdminView {}
                GodPanel {}
                SuperGodPanel {}
                SettingsView {}
                CommentsView {}
                Repeater {
                    model: PackageLoader
                        .navigablePackages()
                    delegate: PackageViewLoader {
                        packageId:
                            modelData.packageId
                    }
                }
            }
        }
    }

    Settings {
        id: windowSettings
        category: "MetaBuilder"
        property alias windowWidth:
            appWindow.width
        property alias windowHeight:
            appWindow.height
        property alias windowX: appWindow.x
        property alias windowY: appWindow.y
        property alias theme:
            appWindow.currentTheme
        property alias authToken:
            appWindow.authToken
    }

    onCurrentThemeChanged: {
        if (typeof Theme.setTheme === "function")
            Theme.setTheme(currentTheme)
    }
    Component.onCompleted:
        Logic.autoLogin(appWindow, dbalProvider)
    CKeyboardShortcuts { appWindow: appWindow }
}