Cura/resources/qml/PrintSetupSelector/Recommended/RecommendedInfillDensitySelector.qml

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

import QtQuick 2.7
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

import UM 1.2 as UM
import Cura 1.0 as Cura


//
// Infill
//
Item
{
    id: infillRow
    height: childrenRect.height

    property real labelColumnWidth: Math.round(width / 3)

    // Here are the elements that are shown in the left column
    Cura.IconWithText
    {
        id: infillRowTitle
        anchors.top: parent.top
        anchors.left: parent.left
        source: UM.Theme.getIcon("category_infill")
        text: catalog.i18nc("@label", "Infill") + " (%)"
        width: labelColumnWidth
    }

    Rectangle
    {
        anchors.fill: infillSliderContainer
        color: "red"
        opacity: 0.5
    }

    Item
    {
        id: infillSliderContainer
        height: childrenRect.height

        anchors
        {
            left: infillRowTitle.right
            right: parent.right
            verticalCenter: infillRowTitle.verticalCenter
        }

        Slider
        {
            id: infillSlider

            width: parent.width
            height: UM.Theme.getSize("print_setup_slider_handle").height // The handle is the widest element of the slider

            minimumValue: 0
            maximumValue: 100
            stepSize: 1
            tickmarksEnabled: true

            // disable slider when gradual support is enabled
            enabled: parseInt(infillSteps.properties.value) == 0

            // set initial value from stack
            value: parseInt(infillDensity.properties.value)

            style: SliderStyle
            {
                //Draw line
                groove: Item
                {
                    Rectangle
                    {
                        height: UM.Theme.getSize("print_setup_slider_groove").height
                        width: control.width - UM.Theme.getSize("print_setup_slider_handle").width
                        anchors.horizontalCenter: parent.horizontalCenter
                        anchors.verticalCenter: parent.verticalCenter
                        color: control.enabled ? UM.Theme.getColor("quality_slider_available") : UM.Theme.getColor("quality_slider_unavailable")
                    }
                }

                handle: Rectangle
                {
                    id: handleButton
                    color: control.enabled ? UM.Theme.getColor("primary") : UM.Theme.getColor("quality_slider_unavailable")
                    implicitWidth: UM.Theme.getSize("print_setup_slider_handle").width
                    implicitHeight: implicitWidth
                    radius: Math.round(implicitWidth / 2)
                }

                tickmarks: Repeater
                {
                    id: repeater
                    model: control.maximumValue / control.stepSize + 1

                    Rectangle
                    {
                        color: control.enabled ? UM.Theme.getColor("quality_slider_available") : UM.Theme.getColor("quality_slider_unavailable")
                        implicitWidth: UM.Theme.getSize("print_setup_slider_tickmarks").width
                        implicitHeight: UM.Theme.getSize("print_setup_slider_tickmarks").height
                        anchors.verticalCenter: parent.verticalCenter

                        // Do not use Math.round otherwise the tickmarks won't be aligned
                        x: ((styleData.handleWidth / 2) - (implicitWidth / 2) + (index * ((repeater.width - styleData.handleWidth) / (repeater.count-1))))
                        radius: Math.round(implicitWidth / 2)
                        visible: (index % 10) == 0 // Only show steps of 10%

                        Label
                        {
                            text: index
                            visible: (index % 20) == 0 // Only show steps of 20%
                            anchors.horizontalCenter: parent.horizontalCenter
                            y: UM.Theme.getSize("thin_margin").height
                            renderType: Text.NativeRendering
                        }
                    }
                }
            }

            onValueChanged:
            {
                // Don't round the value if it's already the same
                if (parseInt(infillDensity.properties.value) == infillSlider.value)
                {
                    return
                }

                // Round the slider value to the nearest multiple of 10 (simulate step size of 10)
                var roundedSliderValue = Math.round(infillSlider.value / 10) * 10

                // Update the slider value to represent the rounded value
                infillSlider.value = roundedSliderValue

                // Update value only if the Recomended mode is Active,
                // Otherwise if I change the value in the Custom mode the Recomended view will try to repeat
                // same operation
                var active_mode = UM.Preferences.getValue("cura/active_mode")

                if (active_mode == 0 || active_mode == "simple")
                {
                    Cura.MachineManager.setSettingForAllExtruders("infill_sparse_density", "value", roundedSliderValue)
                    Cura.MachineManager.resetSettingForAllExtruders("infill_line_distance")
                }
            }
        }
    }

    //  Gradual Support Infill Checkbox
    CheckBox
    {
        id: enableGradualInfillCheckBox
        property alias _hovered: enableGradualInfillMouseArea.containsMouse

        anchors.top: infillSliderContainer.bottom
        anchors.topMargin: UM.Theme.getSize("wide_margin").height
        anchors.left: infillSliderContainer.left

        style: UM.Theme.styles.checkbox
        enabled: base.settingsEnabled
        visible: infillSteps.properties.enabled == "True"
        checked: parseInt(infillSteps.properties.value) > 0

        MouseArea
        {
            id: enableGradualInfillMouseArea

            anchors.fill: parent
            hoverEnabled: true
            enabled: true

            property var previousInfillDensity: parseInt(infillDensity.properties.value)

            onClicked:
            {
                // Set to 90% only when enabling gradual infill
                var newInfillDensity;
                if (parseInt(infillSteps.properties.value) == 0)
                {
                    previousInfillDensity = parseInt(infillDensity.properties.value)
                    newInfillDensity = 90
                } else {
                    newInfillDensity = previousInfillDensity
                }
                Cura.MachineManager.setSettingForAllExtruders("infill_sparse_density", "value", String(newInfillDensity))

                var infill_steps_value = 0
                if (parseInt(infillSteps.properties.value) == 0)
                {
                    infill_steps_value = 5
                }

                Cura.MachineManager.setSettingForAllExtruders("gradual_infill_steps", "value", infill_steps_value)
            }

            onEntered: base.showTooltip(enableGradualInfillCheckBox, Qt.point(-infillSliderContainer.x - UM.Theme.getSize("thick_margin").width, 0),
                    catalog.i18nc("@label", "Gradual infill will gradually increase the amount of infill towards the top."))

            onExited: base.hideTooltip()
        }

        Label
        {
            id: gradualInfillLabel
            height: parent.height
            anchors.left: enableGradualInfillCheckBox.right
            anchors.leftMargin: UM.Theme.getSize("default_margin").width
            verticalAlignment: Text.AlignVCenter
            text: catalog.i18nc("@label", "Enable gradual")
            font: UM.Theme.getFont("default")
            color: UM.Theme.getColor("text")
            renderType: Text.NativeRendering
        }
    }

//        Rectangle
//        {
//            id: infillIcon
//
//            width: Math.round((parent.width / 5) - (UM.Theme.getSize("thick_margin").width))
//            height: width
//
//            anchors.right: parent.right
//            anchors.top: parent.top
//            anchors.topMargin: Math.round(UM.Theme.getSize("thick_margin").height / 2)
//
//            // we loop over all density icons and only show the one that has the current density and steps
//            Repeater
//            {
//                id: infillIconList
//                model: infillModel
//                anchors.fill: parent
//
//                function activeIndex ()
//                {
//                    for (var i = 0; i < infillModel.count; i++)
//                    {
//                        var density = Math.round(infillDensity.properties.value)
//                        var steps = Math.round(infillSteps.properties.value)
//                        var infillModelItem = infillModel.get(i)
//
//                        if (infillModelItem != "undefined"
//                            && density >= infillModelItem.percentageMin
//                            && density <= infillModelItem.percentageMax
//                            && steps >= infillModelItem.stepsMin
//                            && steps <= infillModelItem.stepsMax)
//                        {
//                            return i
//                        }
//                    }
//                    return -1
//                }
//
//                Rectangle
//                {
//                    anchors.fill: parent
//                    visible: infillIconList.activeIndex() == index
//
//                    border.width: UM.Theme.getSize("default_lining").width
//                    border.color: UM.Theme.getColor("quality_slider_unavailable")
//
//                    UM.RecolorImage
//                    {
//                        anchors.fill: parent
//                        anchors.margins: 2 * screenScaleFactor
//                        sourceSize.width: width
//                        sourceSize.height: width
//                        source: UM.Theme.getIcon(model.icon)
//                        color: UM.Theme.getColor("quality_slider_unavailable")
//                    }
//                }
//            }
//        }
//
//        //  Infill list model for mapping icon
//        ListModel
//        {
//            id: infillModel
//            Component.onCompleted:
//            {
//                infillModel.append({
//                    percentageMin: -1,
//                    percentageMax: 0,
//                    stepsMin: -1,
//                    stepsMax: 0,
//                    icon: "hollow"
//                })
//                infillModel.append({
//                    percentageMin: 0,
//                    percentageMax: 40,
//                    stepsMin: -1,
//                    stepsMax: 0,
//                    icon: "sparse"
//                })
//                infillModel.append({
//                    percentageMin: 40,
//                    percentageMax: 89,
//                    stepsMin: -1,
//                    stepsMax: 0,
//                    icon: "dense"
//                })
//                infillModel.append({
//                    percentageMin: 90,
//                    percentageMax: 9999999999,
//                    stepsMin: -1,
//                    stepsMax: 0,
//                    icon: "solid"
//                })
//                infillModel.append({
//                    percentageMin: 0,
//                    percentageMax: 9999999999,
//                    stepsMin: 1,
//                    stepsMax: 9999999999,
//                    icon: "gradual"
//                })
//            }
//        }

    UM.SettingPropertyProvider
    {
        id: infillDensity
        containerStackId: Cura.MachineManager.activeStackId
        key: "infill_sparse_density"
        watchedProperties: [ "value" ]
        storeIndex: 0
    }

    UM.SettingPropertyProvider
    {
        id: infillSteps
        containerStackId: Cura.MachineManager.activeStackId
        key: "gradual_infill_steps"
        watchedProperties: ["value", "enabled"]
        storeIndex: 0
    }
}