QMLDashboard/main.qml at master · EricOuma/QMLDashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls 1.4 as ControlsOne
import QtQuick.Controls.Material 2.12
import QtCharts 2.12

import "./components"
import "./views"

Window {
    id: top
    visible: true
    width: 1280
    height: 720
    title: qsTr("Argon")
    // FONT MANENOS
    FontLoader { id: fontawesomeBrands; source: "qrc:/assets/fonts/brands.otf" }
    FontLoader { id: fontawesomeRegular; source: "qrc:/assets/fonts/regular.otf" }
    FontLoader { id: fontawesomeSolid; source: "qrc:/assets/fonts/solid.otf" }

    property alias fontawesomeBrands: fontawesomeBrands
    property alias fontawesomeeRegular: fontawesomeRegular
    property alias fontawesomeSolid: fontawesomeSolid
    // END OF FONT MANENOS

    property alias stackId: stack
    property int tabIndex: 1

    RowLayout {
        spacing: 0
        anchors.fill: parent
        //----------------THE SIDE BAR--------------------------------------
        Pane {
            id: sidebar
            Layout.fillHeight: true
            Layout.preferredWidth: 200

            ColumnLayout{

                spacing: 2
                anchors.fill: parent

                Pane {
                    Layout.preferredHeight: 100
                    Layout.fillWidth: true

                    Image {
                        height: 70;width: parent.width
                        fillMode: Image.PreserveAspectFit
                        source: "qrc:/assets/images/logo.png"
                    }
                }

                Pane {
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    Tabs{
                        id: tabs
                        anchors {
                            left: parent.left
                            right: parent.right
                        }
                    }
                }

            }
        }
        //----------------END OF THE THE SIDE BAR--------------------------------------

        //----------------THE THE MAIN BAR--------------------------------------
        Pane {
            id: mainbar
            Layout.margins: 0
            Layout.fillHeight: true
            Layout.fillWidth: true

            ColumnLayout {
                spacing: 1
                anchors.fill: parent
                //----------------THE TOP BAR--------------------------------------
                Pane {
                    Layout.preferredHeight: 80
                    Layout.fillWidth: true
                    Material.background: Material.Blue

                    TopBar {
                        anchors {
                            top: parent.top
                            left: parent.left
                            right: parent.right
                        }
                    }
                }
                //----------------END OF THE TOP BAR--------------------------------------

                //=============================THE BEGINNING OF STACKVIEW SECTION=============

                StackView {
                    id: stack
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    initialItem: Qt.resolvedUrl("qrc:/views/Dashboard.qml")

                }
                //====----------------THE END OF STACKVIEW SECTION--------------------------------------
                //=============================THE BEGINNING OF FOOTER SECTION=============
                Footer {
                    id: footer
                    Layout.preferredWidth: parent.width
                    Layout.preferredHeight: 80
                }

                //====----------------THE END OF FOOTER SECTION--------------------------------------

            }
        }
        //---------------=======-END OF THE MAIN BAR--------------------------------------

    }
}