src/tutorials/TutorialOverlay.qml


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

// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
import "tutorials.js" as Logic

Rectangle  {
    color: "transparent"

    property int step : 0
    property alias description: tutDescription
    property alias highlight: tutHighlight
    property alias text: tutDescription.text
    property alias boxOpacity: tutDescription.opacity
    property int offsetBottom: 50
    property int maxWidth: 400

    function init() {
        Logic.init()
        Logic.nextStep()
    }

    function enableBackground(enabled) {
        disabledBackground.visible = enabled
    }

    signal nextStep

    onNextStep: {
        if (step == 0) {
            Logic.init()
        }

        Logic.nextStep()
    }

    TutorialDescription {
        id: tutDescription
        innerWidth: maxWidth
        anchors.bottomMargin: offsetBottom
        onClicked: {
            Logic.clickNext()
        }
    }

    Rectangle {
        id: disabledBackground
        anchors.fill: parent
        opacity: 0.2
        color: "#808080"
    }

    Highlight { id: tutHighlight }

}