CodeLeveling-OLD-/SideQuest.qml at main · Joyboy-b/CodeLeveling-OLD- · 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
import QtQuick 2.15
import QtQuick.Controls 2.15
import LogicHandler 1.0

ApplicationWindow {
    id: mainWindow
    visible: true
    width: 400
    height: 600
    title: "Side Quest"

    LogicHandler {
        id: logicHandler
    }

    Rectangle {
        width: 400
        height: 600
        anchors.fill: parent
        gradient: Gradient {
            GradientStop {
                position: 0.0
                color: "#0000FF" // Blue
            }
            GradientStop {
                position: 1.0
                color: "#FFFFFF" // White
            }
        }

        Text {
            y: 83
                text: "Side Quests"
                font.pixelSize: 24
                font.bold: true
                color: "#333333"
                horizontalAlignment: Text.AlignHCenter
                anchors.horizontalCenterOffset: -1
                anchors.horizontalCenter: parent.horizontalCenter
            }

        Text {
            y: 156
                text: "Choose a quest to improve your coding skills!"
                font.pixelSize: 16
                color: "#333333"
                horizontalAlignment: Text.AlignHCenter
                anchors.horizontalCenterOffset: 0
                anchors.horizontalCenter: parent.horizontalCenter
        }

            Button {
                x: 75
                y: 223
                text: "Learn Variables/Data Types"
                width: 250
                height: 50
                font.pixelSize: 16
                onClicked: {
                    Qt.openUrlExternally("https://cplusplus.com/doc/tutorial/variables/")
                    logicHandler.handleNavigation("sidequest1.qml", mainWindow)
                    console.log("Variables and Data Types quest selected")
                }
            }

            Button {
                x: 75
                y: 293
                text: "Understand Conditional Loops"
                width: 250
                height: 50
                font.pixelSize: 16
                onClicked: {
                    Qt.openUrlExternally("https://en.cppreference.com/w/cpp/language/for")
                    logicHandler.handleNavigation("sidequest4.qml", mainWindow)
                    console.log("Loops and Conditionals quest selected")
                }
            }

            Button {
                x: 75
                y: 360
                text: "Learn Functions Basics"
                width: 250
                height: 50
                font.pixelSize: 16
                onClicked: {
                    Qt.openUrlExternally("https://en.cppreference.com/w/cpp/language/functions")
                    logicHandler.handleNavigation("sidequest8.qml", mainWindow)
                    console.log("Functions Basics quest selected")
                }
            }

            Button {
                x: 75
                y: 505
                text: "Back"
                width: 250
                height: 50
                font.pixelSize: 16
                onClicked: {
                    logicHandler.handleNavigation("TrainingGround.qml", mainWindow)
                    console.log("Going Back..")
                }
            }
    }
}