120 lines
2.6 KiB
QML
120 lines
2.6 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Controls.Material 2.15
|
|
|
|
Rectangle {
|
|
id: control
|
|
|
|
property var flowchartData: ({})
|
|
|
|
// always unlock in debug mode
|
|
property bool unlocked: appSettings.read("speedBackendPurchase") === "1"
|
|
|
|
state: "hidden"
|
|
|
|
anchors {
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
left: parent.right
|
|
}
|
|
|
|
width: parent.width
|
|
height: parent.height
|
|
|
|
color: Material.background
|
|
|
|
onStateChanged: reloadState()
|
|
onUnlockedChanged: reloadState()
|
|
|
|
function toggle() {
|
|
if(control.state === "hidden"){
|
|
control.state = "visible"
|
|
}
|
|
else {
|
|
control.state = "hidden"
|
|
}
|
|
}
|
|
|
|
function isVisible() {
|
|
return control.state === "visible"
|
|
}
|
|
|
|
function reloadState() {
|
|
if(state === "visible" && unlocked) {
|
|
speedFlowChartLoader.sourceComponent = speedFlowChartComponent
|
|
}
|
|
else if(state === "visible" && !unlocked) {
|
|
speedFlowChartLoader.sourceComponent = speedFlowChartLockerComponent
|
|
}
|
|
else {
|
|
speedFlowChartLoader.sourceComponent = undefined
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: speedFlowChartProduct
|
|
function onPurchaseRestored() {
|
|
control.unlocked = appSettings.read("speedBackendPurchase") === "1"
|
|
}
|
|
|
|
function onPurchaseSucceeded() {
|
|
control.unlocked = appSettings.read("speedBackendPurchase") === "1"
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: speedFlowChartLoader
|
|
|
|
anchors.fill: parent
|
|
|
|
Component {
|
|
id: speedFlowChartComponent
|
|
SpeedFlowChart {
|
|
anchors.fill: parent
|
|
anchors.margins: 10
|
|
|
|
flowchartData: control.flowchartData
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: speedFlowChartLockerComponent
|
|
|
|
SpeedFlowChartLocker {
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
name: "hidden"
|
|
PropertyChanges {
|
|
target: control
|
|
opacity: 0
|
|
anchors.leftMargin: 0
|
|
}
|
|
},
|
|
|
|
State {
|
|
name: "visible"
|
|
PropertyChanges {
|
|
target: control
|
|
opacity: 1
|
|
anchors.leftMargin: -parent.width
|
|
}
|
|
}
|
|
]
|
|
|
|
transitions: [
|
|
Transition {
|
|
NumberAnimation {
|
|
properties: "opacity,scale,anchors.leftMargin"
|
|
duration: 200
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
]
|
|
}
|