ScreenPlay/ScreenPlaySysInfo/src/TestMain.qml

import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import QtQuick.Controls.Material
import ScreenPlaySysInfo 1.0

Window {
    id: root
    width: 1366
    height: 768
    visible: true
    title: qsTr("ScreenPlaySysInfo")
    color: "#19181E"

    property color accentColor: "#FF9800"
    property string fontFamily: "Arial"
    property int fontPointSize: 16

    SysInfo {
        id:sysInfo
    }

    Rectangle {
        anchors.fill: wrapper
        anchors.margins: -50
        color: "#212128"
        border.color: root.accentColor
        border.width: 10
    }

    ColumnLayout {
        id: wrapper
        anchors {
            horizontalCenter: parent.horizontalCenter
            verticalCenter: parent.verticalCenter
        }

        Text {
            id: txtGPU
            text: "GPU"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        RowLayout {
            Text {
                id: name
                text: sysInfo.gpu.vendor
                color: root.accentColor
                horizontalAlignment: Text.AlignHCenter
                font {
                    pointSize: 16
                    family: "Fira Code"
                }
            }
            Text {
                text: sysInfo.gpu.name
                color: root.accentColor
                horizontalAlignment: Text.AlignHCenter
                font {
                    pointSize: 16
                    family: root.fontFamily
                }
            }
        }

        Text {
            id: txtUptime
            text: "UPTIME"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        RowLayout {
            id: valuesLayout
            spacing: 20
            Text {
                id: txtYears
                text: "YEARS " + sysInfo.uptime.years
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "DAYS " + sysInfo.uptime.days
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "HOURS " + sysInfo.uptime.hours
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
            Text {
                text: "MINUTES " + sysInfo.uptime.minutes
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }

            Text {
                id: txtSeconds
                text: "SECONDS " + sysInfo.uptime.seconds
                color: root.accentColor
                font.family: root.fontFamily
                font.pointSize: root.fontPointSize
            }
        }
        Text {
            id: txtCPU
            text: "CPU"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }
        Row {
            id: row
            spacing: 10
            Layout.fillWidth: true
            Text {
                id: txtCPUValue
                text: Math.floor(sysInfo.cpu.usage)
                color: root.accentColor
                font.family: root.fontFamily
                width: 70
            }
            ProgressBar {
                from: 0
                to: 100
                value: Math.floor(sysInfo.cpu.usage)
                Layout.fillWidth: true
            }
        }

        Text {
            id: txtStorage
            text: "STORAGE"
            color: root.accentColor
            font.family: root.fontFamily
            font.pointSize: 60
            horizontalAlignment: Text.AlignHCenter
        }

        Item {
            Layout.fillWidth: true
            Layout.preferredHeight: 20
        }

        ListView {
            id: storageListView
            Layout.fillWidth: true
            Layout.preferredHeight: 100
            model: sysInfo.storage
            delegate: Item {
                width: storageListView.width
                height: 40
                Row {
                    spacing: 10
                    Text {
                        id: txtStorageName
                        text: name
                        color: root.accentColor
                        font.family: root.fontFamily
                        width: 70
                    }
                    ProgressBar {
                        from: 0
                        to: bytesTotal
                        value: bytesAvailable
                        width: storageListView.width - txtStorageName.width - row.spacing
                    }
                }
            }
        }
    }
}