Cura/plugins/SimulationView/SimulationSliderLabel.qml

// Copyright (c) 2022 Ultimaker B.V.
// Cura is released under the terms of the LGPLv3 or higher.

import QtQuick 2.5
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.1

import UM 1.0 as UM
import Cura 1.0 as Cura

UM.PointingRectangle
{
    id: sliderLabelRoot

    // custom properties
    property real maximumValue: 100
    property real value: 0
    property var setValue // Function
    property bool busy: false
    property int startFrom: 1
    property real layerHeight: 0.0  // Height in mm to display

    target: Qt.point(parent.width, y + height / 2)
    arrowSize: UM.Theme.getSize("button_tooltip_arrow").height
    height: parent.height
    width: valueLabel.width
    visible: false

    color: UM.Theme.getColor("tool_panel_background")
    borderColor: UM.Theme.getColor("lining")
    borderWidth: UM.Theme.getSize("default_lining").width

    Behavior on height { NumberAnimation { duration: 50 } }

    // catch all mouse events so they're not handled by underlying 3D scene
    MouseArea
    {
        anchors.fill: parent
    }

    TextMetrics
    {
        id:     maxValueMetrics
        font:   valueLabel.font
        text:   maximumValue + 1 // layers are 0 based, add 1 for display value
    }

    TextField
    {
        id: valueLabel

        anchors.centerIn: parent

        //width: maxValueMetrics.contentWidth + 2 * UM.Theme.getSize("default_margin").width
        text: sliderLabelRoot.value + startFrom // the current handle value, add 1 because layers is an array
        horizontalAlignment: TextInput.AlignHCenter
        leftPadding: UM.Theme.getSize("narrow_margin").width
        rightPadding: UM.Theme.getSize("narrow_margin").width

        // key bindings, work when label is currently focused (active handle in LayerSlider)
        Keys.onUpPressed: sliderLabelRoot.setValue(sliderLabelRoot.value + ((event.modifiers & Qt.ShiftModifier) ? 10 : 1))
        Keys.onDownPressed: sliderLabelRoot.setValue(sliderLabelRoot.value - ((event.modifiers & Qt.ShiftModifier) ? 10 : 1))
        color: UM.Theme.getColor("text")
        font: UM.Theme.getFont("default")
        renderType: Text.NativeRendering
        background: Item {}
        selectByMouse: true

        onEditingFinished: {

            // Ensure that the cursor is at the first position. On some systems the text isn't fully visible
            // Seems to have to do something with different dpi densities that QML doesn't quite handle.
            // Another option would be to increase the size even further, but that gives pretty ugly results.
            cursorPosition = 0

            if (valueLabel.text != "") {
                // -startFrom because we need to convert back to an array structure
                sliderLabelRoot.setValue(parseInt(valueLabel.text) - startFrom)

            }
        }

        validator: IntValidator
        {
            bottom: startFrom
            top: sliderLabelRoot.maximumValue + startFrom // +startFrom because maybe we want to start in a different value rather than 0
        }

        Rectangle
        {
            id: layerHeightBackground
            x: -(width + UM.Theme.getSize("narrow_margin").width)
            y: (parent.height - height) / 2
            width: layerHeightText.width + 2 * UM.Theme.getSize("narrow_margin").width
            height: layerHeightText.height + 2 * UM.Theme.getSize("narrow_margin").height
            color: UM.Theme.getColor("tool_panel_background")
            radius: UM.Theme.getSize("default_radius").width
            border.color: UM.Theme.getColor("lining")
            border.width: UM.Theme.getSize("default_lining").width

            Text
            {
                id: layerHeightText
                anchors.centerIn: parent
                text: sliderLabelRoot.layerHeight.toFixed(2) + "mm"
                color: UM.Theme.getColor("text")
                font: UM.Theme.getFont("default")
                renderType: Text.NativeRendering
            }
        }
    }
    BusyIndicator
    {
        id: busyIndicator

        anchors
        {
            left: parent.right
            leftMargin: Math.round(UM.Theme.getSize("default_margin").width / 2)
            verticalCenter: parent.verticalCenter
        }

        width: sliderLabelRoot.height
        height: width

        visible: sliderLabelRoot.busy
        running: sliderLabelRoot.busy
    }
}