Tutorial updates

- Add ability to exit tutorial early
- Update and clarify many of the tutorials

1 files changed, 55 insertions, 0 deletions

diff --git a/src/tutorials/TutorialCanceller.qml b/src/tutorials/TutorialCanceller.qml
new file mode 100644
index 00000000..b2e88fae
--- /dev/null
+++ b/src/tutorials/TutorialCanceller.qml
@@ -0,0 +1,55 @@
+import QtQuick 2.7
+
+// rectangle for description texts
+Rectangle {
+    property alias text: textBox.text
+    property alias cancelVisible: cancelIcon.visible
+    property int innerWidth;
+    signal clicked
+
+    anchors.horizontalCenter: parent.horizontalCenter
+    anchors.bottom: parent.bottom
+    anchors.bottomMargin: 70
+    width: textBox.width + 30
+    height: textBox.height + 8
+    border.color: "black"
+    border.width: 3
+    smooth: true
+    //opacity: 0.9
+    z: 10000
+    color: "#FF707070"
+
+    Image {
+        id: cancelIcon
+        anchors.bottom: parent.bottom
+        anchors.bottomMargin: 5
+        anchors.right: parent.right
+        anchors.rightMargin: 5
+        source: "qrc:/MO/gui/multiply_red"
+
+        SequentialAnimation on opacity {
+            loops: Animation.Infinite
+
+            PauseAnimation { duration: 500 }
+            PropertyAnimation { easing.type: Easing.InOutSine; duration: 400; to: 0.0 }
+            PropertyAnimation { easing.type: Easing.OutInSine; duration: 400; to: 1.0 }
+        }
+    }
+
+    Text {
+        id: textBox
+        text: "Exit Tutorial"
+        font.pointSize: 12
+        font.bold: false
+        width: innerWidth
+        font.family: "Courier"
+        wrapMode: Text.WordWrap
+        anchors.centerIn: parent
+    }
+
+    MouseArea {
+        id: clickArea
+        anchors.fill: parent
+        onClicked: parent.clicked()
+    }
+}