mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-07 15:07:28 -06:00
ec1cf4065e
Apparently, the qtquickcontrols 2 Label no longer defaults to using renderType: Text.NativeRendering This causes text to render with QtRendering which looks subtly different on Windows and succinctly broken on some OSX installations.
642 lines
22 KiB
QML
642 lines
22 KiB
QML
// Copyright (c) 2017 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.7
|
|
import QtQuick.Controls 2.0
|
|
import QtQuick.Layouts 1.3
|
|
|
|
import UM 1.2 as UM
|
|
import Cura 1.0 as Cura
|
|
import "Menus"
|
|
|
|
Rectangle
|
|
{
|
|
id: base
|
|
|
|
property int currentModeIndex
|
|
property bool hideSettings: PrintInformation.preSliced
|
|
property bool hideView: Cura.MachineManager.activeMachineName == ""
|
|
|
|
// Is there an output device for this printer?
|
|
property bool printerConnected: Cura.MachineManager.printerOutputDevices.length != 0
|
|
property bool printerAcceptsCommands: printerConnected && Cura.MachineManager.printerOutputDevices[0].acceptsCommands
|
|
property var connectedPrinter: Cura.MachineManager.printerOutputDevices.length >= 1 ? Cura.MachineManager.printerOutputDevices[0] : null
|
|
|
|
property bool monitoringPrint: UM.Controller.activeStage.stageId == "MonitorStage"
|
|
|
|
property variant printDuration: PrintInformation.currentPrintTime
|
|
property variant printMaterialLengths: PrintInformation.materialLengths
|
|
property variant printMaterialWeights: PrintInformation.materialWeights
|
|
property variant printMaterialCosts: PrintInformation.materialCosts
|
|
property variant printMaterialNames: PrintInformation.materialNames
|
|
|
|
color: UM.Theme.getColor("sidebar")
|
|
UM.I18nCatalog { id: catalog; name:"cura"}
|
|
|
|
Timer {
|
|
id: tooltipDelayTimer
|
|
interval: 500
|
|
repeat: false
|
|
property var item
|
|
property string text
|
|
|
|
onTriggered:
|
|
{
|
|
base.showTooltip(base, {x: 0, y: item.y}, text);
|
|
}
|
|
}
|
|
|
|
function showTooltip(item, position, text)
|
|
{
|
|
tooltip.text = text;
|
|
position = item.mapToItem(base, position.x - UM.Theme.getSize("default_arrow").width, position.y);
|
|
tooltip.show(position);
|
|
}
|
|
|
|
function hideTooltip()
|
|
{
|
|
tooltip.hide();
|
|
}
|
|
|
|
function strPadLeft(string, pad, length) {
|
|
return (new Array(length + 1).join(pad) + string).slice(-length);
|
|
}
|
|
|
|
function getPrettyTime(time)
|
|
{
|
|
var hours = Math.round(time / 3600)
|
|
time -= hours * 3600
|
|
var minutes = Math.round(time / 60);
|
|
time -= minutes * 60
|
|
var seconds = Math.round(time);
|
|
|
|
var finalTime = strPadLeft(hours, "0", 2) + ':' + strPadLeft(minutes,'0',2)+ ':' + strPadLeft(seconds,'0',2);
|
|
return finalTime;
|
|
}
|
|
|
|
MouseArea
|
|
{
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.AllButtons
|
|
|
|
onWheel:
|
|
{
|
|
wheel.accepted = true;
|
|
}
|
|
}
|
|
|
|
MachineSelection {
|
|
id: machineSelection
|
|
width: base.width
|
|
height: UM.Theme.getSize("sidebar_header").height
|
|
anchors.top: base.top
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
SidebarHeader {
|
|
id: header
|
|
width: parent.width
|
|
visible: !hideSettings && (machineExtruderCount.properties.value > 1 || Cura.MachineManager.hasMaterials || Cura.MachineManager.hasVariants) && !monitoringPrint
|
|
anchors.top: machineSelection.bottom
|
|
|
|
onShowTooltip: base.showTooltip(item, location, text)
|
|
onHideTooltip: base.hideTooltip()
|
|
}
|
|
|
|
Rectangle {
|
|
id: headerSeparator
|
|
width: parent.width
|
|
visible: settingsModeSelection.visible && header.visible
|
|
height: visible ? UM.Theme.getSize("sidebar_lining").height : 0
|
|
color: UM.Theme.getColor("sidebar_lining")
|
|
anchors.top: header.bottom
|
|
anchors.topMargin: visible ? UM.Theme.getSize("sidebar_margin").height : 0
|
|
}
|
|
|
|
onCurrentModeIndexChanged:
|
|
{
|
|
UM.Preferences.setValue("cura/active_mode", currentModeIndex);
|
|
if(modesListModel.count > base.currentModeIndex)
|
|
{
|
|
sidebarContents.replace(modesListModel.get(base.currentModeIndex).item, { "replace": true })
|
|
}
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: settingsModeLabel
|
|
text: !hideSettings ? catalog.i18nc("@label:listbox", "Print Setup") : catalog.i18nc("@label:listbox", "Print Setup disabled\nG-code files cannot be modified")
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
|
|
anchors.top: hideSettings ? machineSelection.bottom : headerSeparator.bottom
|
|
anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
|
|
width: Math.round(parent.width * 0.45)
|
|
font: UM.Theme.getFont("large")
|
|
color: UM.Theme.getColor("text")
|
|
visible: !monitoringPrint && !hideView
|
|
}
|
|
|
|
// Settings mode selection toggle
|
|
Rectangle
|
|
{
|
|
id: settingsModeSelection
|
|
color: "transparent"
|
|
|
|
width: Math.round(parent.width * 0.55)
|
|
height: UM.Theme.getSize("sidebar_header_mode_toggle").height
|
|
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
|
|
anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
|
|
anchors.top:
|
|
{
|
|
if (settingsModeLabel.contentWidth >= parent.width - width - UM.Theme.getSize("sidebar_margin").width * 2)
|
|
{
|
|
return settingsModeLabel.bottom;
|
|
}
|
|
else
|
|
{
|
|
return headerSeparator.bottom;
|
|
}
|
|
}
|
|
|
|
visible: !monitoringPrint && !hideSettings && !hideView
|
|
|
|
Component
|
|
{
|
|
id: wizardDelegate
|
|
|
|
Button
|
|
{
|
|
id: control
|
|
|
|
height: settingsModeSelection.height
|
|
width: Math.round(parent.width / 2)
|
|
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: model.index * Math.round(settingsModeSelection.width / 2)
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
ButtonGroup.group: modeMenuGroup
|
|
|
|
checkable: true
|
|
checked: base.currentModeIndex == index
|
|
onClicked: base.currentModeIndex = index
|
|
|
|
onHoveredChanged:
|
|
{
|
|
if (hovered)
|
|
{
|
|
tooltipDelayTimer.item = settingsModeSelection
|
|
tooltipDelayTimer.text = model.tooltipText
|
|
tooltipDelayTimer.start()
|
|
}
|
|
else
|
|
{
|
|
tooltipDelayTimer.stop()
|
|
base.hideTooltip()
|
|
}
|
|
}
|
|
|
|
background: Rectangle
|
|
{
|
|
border.width: control.checked ? UM.Theme.getSize("default_lining").width * 2 : UM.Theme.getSize("default_lining").width
|
|
border.color: (control.checked || control.pressed) ? UM.Theme.getColor("action_button_active_border") : control.hovered ? UM.Theme.getColor("action_button_hovered_border"): UM.Theme.getColor("action_button_border")
|
|
|
|
// for some reason, QtQuick decided to use the color of the background property as text color for the contentItem, so here it is
|
|
color: (control.checked || control.pressed) ? UM.Theme.getColor("action_button_active") : control.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("action_button")
|
|
}
|
|
|
|
contentItem: Label
|
|
{
|
|
text: model.text
|
|
font: UM.Theme.getFont("default")
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
renderType: Text.NativeRendering
|
|
elide: Text.ElideRight
|
|
color:
|
|
{
|
|
if(control.pressed)
|
|
{
|
|
return UM.Theme.getColor("action_button_active_text");
|
|
}
|
|
else if(control.hovered)
|
|
{
|
|
return UM.Theme.getColor("action_button_hovered_text");
|
|
}
|
|
return UM.Theme.getColor("action_button_text");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ButtonGroup
|
|
{
|
|
id: modeMenuGroup
|
|
}
|
|
|
|
ListView
|
|
{
|
|
id: modesList
|
|
property var index: 0
|
|
model: modesListModel
|
|
delegate: wizardDelegate
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
width: parent.width
|
|
}
|
|
}
|
|
|
|
StackView
|
|
{
|
|
id: sidebarContents
|
|
|
|
anchors.bottom: footerSeparator.top
|
|
anchors.top: settingsModeSelection.bottom
|
|
anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
|
|
anchors.left: base.left
|
|
anchors.right: base.right
|
|
visible: !monitoringPrint && !hideSettings
|
|
|
|
replaceEnter: Transition {
|
|
PropertyAnimation {
|
|
property: "opacity"
|
|
from: 0
|
|
to:1
|
|
duration: 100
|
|
}
|
|
}
|
|
|
|
replaceExit: Transition {
|
|
PropertyAnimation {
|
|
property: "opacity"
|
|
from: 1
|
|
to:0
|
|
duration: 100
|
|
}
|
|
}
|
|
}
|
|
|
|
Loader
|
|
{
|
|
id: controlItem
|
|
anchors.bottom: footerSeparator.top
|
|
anchors.top: monitoringPrint ? machineSelection.bottom : headerSeparator.bottom
|
|
anchors.left: base.left
|
|
anchors.right: base.right
|
|
sourceComponent:
|
|
{
|
|
if(monitoringPrint && connectedPrinter != null)
|
|
{
|
|
if(connectedPrinter.controlItem != null)
|
|
{
|
|
return connectedPrinter.controlItem
|
|
}
|
|
}
|
|
return null
|
|
}
|
|
}
|
|
|
|
Loader
|
|
{
|
|
anchors.bottom: footerSeparator.top
|
|
anchors.top: monitoringPrint ? machineSelection.bottom : headerSeparator.bottom
|
|
anchors.left: base.left
|
|
anchors.right: base.right
|
|
source:
|
|
{
|
|
if(controlItem.sourceComponent == null)
|
|
{
|
|
if(monitoringPrint)
|
|
{
|
|
return "PrintMonitor.qml"
|
|
} else
|
|
{
|
|
return "SidebarContents.qml"
|
|
}
|
|
}
|
|
else
|
|
{
|
|
return ""
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle
|
|
{
|
|
id: footerSeparator
|
|
width: parent.width
|
|
height: UM.Theme.getSize("sidebar_lining").height
|
|
color: UM.Theme.getColor("sidebar_lining")
|
|
anchors.bottom: printSpecs.top
|
|
anchors.bottomMargin: Math.round(UM.Theme.getSize("sidebar_margin").height * 2 + UM.Theme.getSize("progressbar").height + UM.Theme.getFont("default_bold").pixelSize)
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: printSpecs
|
|
anchors.left: parent.left
|
|
anchors.bottom: parent.bottom
|
|
anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
|
|
anchors.bottomMargin: UM.Theme.getSize("sidebar_margin").height
|
|
height: timeDetails.height + costSpec.height
|
|
width: base.width - (saveButton.buttonRowWidth + UM.Theme.getSize("sidebar_margin").width)
|
|
visible: !monitoringPrint
|
|
clip: true
|
|
|
|
Label
|
|
{
|
|
id: timeDetails
|
|
anchors.left: parent.left
|
|
anchors.bottom: costSpec.top
|
|
font: UM.Theme.getFont("large")
|
|
color: UM.Theme.getColor("text_subtext")
|
|
text: (!base.printDuration || !base.printDuration.valid) ? catalog.i18nc("@label Hours and minutes", "00h 00min") : base.printDuration.getDisplayString(UM.DurationFormat.Short)
|
|
renderType: Text.NativeRendering
|
|
|
|
MouseArea
|
|
{
|
|
id: timeDetailsMouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
onEntered:
|
|
{
|
|
if(base.printDuration.valid && !base.printDuration.isTotalDurationZero)
|
|
{
|
|
// All the time information for the different features is achieved
|
|
var print_time = PrintInformation.getFeaturePrintTimes();
|
|
var total_seconds = parseInt(base.printDuration.getDisplayString(UM.DurationFormat.Seconds))
|
|
|
|
// A message is created and displayed when the user hover the time label
|
|
var tooltip_html = "<b>%1</b><br/><table width=\"100%\">".arg(catalog.i18nc("@tooltip", "Time specification"));
|
|
for(var feature in print_time)
|
|
{
|
|
if(!print_time[feature].isTotalDurationZero)
|
|
{
|
|
tooltip_html += "<tr><td>" + feature + ":</td>" +
|
|
"<td align=\"right\" valign=\"bottom\"> %1</td>".arg(print_time[feature].getDisplayString(UM.DurationFormat.ISO8601).slice(0,-3)) +
|
|
"<td align=\"right\" valign=\"bottom\"> %1%</td>".arg(Math.round(100 * parseInt(print_time[feature].getDisplayString(UM.DurationFormat.Seconds)) / total_seconds)) +
|
|
"</td></tr>";
|
|
}
|
|
}
|
|
tooltip_html += "</table>";
|
|
|
|
base.showTooltip(parent, Qt.point(-UM.Theme.getSize("sidebar_margin").width, 0), tooltip_html);
|
|
}
|
|
}
|
|
onExited:
|
|
{
|
|
base.hideTooltip();
|
|
}
|
|
}
|
|
}
|
|
|
|
Label
|
|
{
|
|
function formatRow(items)
|
|
{
|
|
var row_html = "<tr>";
|
|
for(var item = 0; item < items.length; item++)
|
|
{
|
|
if (item == 0)
|
|
{
|
|
row_html += "<td valign=\"bottom\">%1</td>".arg(items[item]);
|
|
}
|
|
else
|
|
{
|
|
row_html += "<td align=\"right\" valign=\"bottom\"> %1</td>".arg(items[item]);
|
|
}
|
|
}
|
|
row_html += "</tr>";
|
|
return row_html;
|
|
}
|
|
|
|
function getSpecsData()
|
|
{
|
|
var lengths = [];
|
|
var total_length = 0;
|
|
var weights = [];
|
|
var total_weight = 0;
|
|
var costs = [];
|
|
var total_cost = 0;
|
|
var some_costs_known = false;
|
|
var names = [];
|
|
if(base.printMaterialLengths)
|
|
{
|
|
for(var index = 0; index < base.printMaterialLengths.length; index++)
|
|
{
|
|
if(base.printMaterialLengths[index] > 0)
|
|
{
|
|
names.push(base.printMaterialNames[index]);
|
|
lengths.push(base.printMaterialLengths[index].toFixed(2));
|
|
weights.push(String(Math.round(base.printMaterialWeights[index])));
|
|
var cost = base.printMaterialCosts[index] == undefined ? 0 : base.printMaterialCosts[index].toFixed(2);
|
|
costs.push(cost);
|
|
if(cost > 0)
|
|
{
|
|
some_costs_known = true;
|
|
}
|
|
|
|
total_length += base.printMaterialLengths[index];
|
|
total_weight += base.printMaterialWeights[index];
|
|
total_cost += base.printMaterialCosts[index];
|
|
}
|
|
}
|
|
}
|
|
if(lengths.length == 0)
|
|
{
|
|
lengths = ["0.00"];
|
|
weights = ["0"];
|
|
costs = ["0.00"];
|
|
}
|
|
|
|
var tooltip_html = "<b>%1</b><br/><table width=\"100%\">".arg(catalog.i18nc("@label", "Cost specification"));
|
|
for(var index = 0; index < lengths.length; index++)
|
|
{
|
|
tooltip_html += formatRow([
|
|
"%1:".arg(names[index]),
|
|
catalog.i18nc("@label m for meter", "%1m").arg(lengths[index]),
|
|
catalog.i18nc("@label g for grams", "%1g").arg(weights[index]),
|
|
"%1 %2".arg(UM.Preferences.getValue("cura/currency")).arg(costs[index]),
|
|
]);
|
|
}
|
|
if(lengths.length > 1)
|
|
{
|
|
tooltip_html += formatRow([
|
|
catalog.i18nc("@label", "Total:"),
|
|
catalog.i18nc("@label m for meter", "%1m").arg(total_length.toFixed(2)),
|
|
catalog.i18nc("@label g for grams", "%1g").arg(Math.round(total_weight)),
|
|
"%1 %2".arg(UM.Preferences.getValue("cura/currency")).arg(total_cost.toFixed(2)),
|
|
]);
|
|
}
|
|
tooltip_html += "</table>";
|
|
tooltipText = tooltip_html;
|
|
|
|
return tooltipText
|
|
}
|
|
|
|
id: costSpec
|
|
anchors.left: parent.left
|
|
anchors.bottom: parent.bottom
|
|
font: UM.Theme.getFont("very_small")
|
|
renderType: Text.NativeRendering
|
|
color: UM.Theme.getColor("text_subtext")
|
|
elide: Text.ElideMiddle
|
|
width: parent.width
|
|
property string tooltipText
|
|
text:
|
|
{
|
|
var lengths = [];
|
|
var weights = [];
|
|
var costs = [];
|
|
var someCostsKnown = false;
|
|
if(base.printMaterialLengths) {
|
|
for(var index = 0; index < base.printMaterialLengths.length; index++)
|
|
{
|
|
if(base.printMaterialLengths[index] > 0)
|
|
{
|
|
lengths.push(base.printMaterialLengths[index].toFixed(2));
|
|
weights.push(String(Math.round(base.printMaterialWeights[index])));
|
|
var cost = base.printMaterialCosts[index] == undefined ? 0 : base.printMaterialCosts[index].toFixed(2);
|
|
costs.push(cost);
|
|
if(cost > 0)
|
|
{
|
|
someCostsKnown = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if(lengths.length == 0)
|
|
{
|
|
lengths = ["0.00"];
|
|
weights = ["0"];
|
|
costs = ["0.00"];
|
|
}
|
|
if(someCostsKnown)
|
|
{
|
|
return catalog.i18nc("@label Print estimates: m for meters, g for grams, %4 is currency and %3 is print cost", "%1m / ~ %2g / ~ %4 %3").arg(lengths.join(" + "))
|
|
.arg(weights.join(" + ")).arg(costs.join(" + ")).arg(UM.Preferences.getValue("cura/currency"));
|
|
}
|
|
else
|
|
{
|
|
return catalog.i18nc("@label Print estimates: m for meters, g for grams", "%1m / ~ %2g").arg(lengths.join(" + ")).arg(weights.join(" + "));
|
|
}
|
|
}
|
|
MouseArea
|
|
{
|
|
id: costSpecMouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
onEntered:
|
|
{
|
|
|
|
if(base.printDuration.valid && !base.printDuration.isTotalDurationZero)
|
|
{
|
|
var show_data = costSpec.getSpecsData()
|
|
|
|
base.showTooltip(parent, Qt.point(-UM.Theme.getSize("sidebar_margin").width, 0), show_data);
|
|
}
|
|
}
|
|
onExited:
|
|
{
|
|
base.hideTooltip();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// SaveButton and MonitorButton are actually the bottom footer panels.
|
|
// "!monitoringPrint" currently means "show-settings-mode"
|
|
SaveButton
|
|
{
|
|
id: saveButton
|
|
implicitWidth: base.width
|
|
anchors.top: footerSeparator.bottom
|
|
anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
|
|
anchors.bottom: parent.bottom
|
|
visible: !monitoringPrint
|
|
}
|
|
|
|
MonitorButton
|
|
{
|
|
id: monitorButton
|
|
implicitWidth: base.width
|
|
anchors.top: footerSeparator.bottom
|
|
anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
|
|
anchors.bottom: parent.bottom
|
|
visible: monitoringPrint
|
|
}
|
|
|
|
SidebarTooltip
|
|
{
|
|
id: tooltip
|
|
}
|
|
|
|
// Setting mode: Recommended or Custom
|
|
ListModel
|
|
{
|
|
id: modesListModel
|
|
}
|
|
|
|
SidebarSimple
|
|
{
|
|
id: sidebarSimple
|
|
visible: false
|
|
|
|
onShowTooltip: base.showTooltip(item, location, text)
|
|
onHideTooltip: base.hideTooltip()
|
|
}
|
|
|
|
SidebarAdvanced
|
|
{
|
|
id: sidebarAdvanced
|
|
visible: false
|
|
|
|
onShowTooltip: base.showTooltip(item, location, text)
|
|
onHideTooltip: base.hideTooltip()
|
|
}
|
|
|
|
Component.onCompleted:
|
|
{
|
|
modesListModel.append({
|
|
text: catalog.i18nc("@title:tab", "Recommended"),
|
|
tooltipText: catalog.i18nc("@tooltip", "<b>Recommended Print Setup</b><br/><br/>Print with the recommended settings for the selected printer, material and quality."),
|
|
item: sidebarSimple
|
|
})
|
|
modesListModel.append({
|
|
text: catalog.i18nc("@title:tab", "Custom"),
|
|
tooltipText: catalog.i18nc("@tooltip", "<b>Custom Print Setup</b><br/><br/>Print with finegrained control over every last bit of the slicing process."),
|
|
item: sidebarAdvanced
|
|
})
|
|
sidebarContents.replace(modesListModel.get(base.currentModeIndex).item, { "immediate": true })
|
|
|
|
var index = Math.round(UM.Preferences.getValue("cura/active_mode"))
|
|
if(index)
|
|
{
|
|
currentModeIndex = index;
|
|
}
|
|
}
|
|
|
|
UM.SettingPropertyProvider
|
|
{
|
|
id: machineExtruderCount
|
|
|
|
containerStackId: Cura.MachineManager.activeMachineId
|
|
key: "machine_extruder_count"
|
|
watchedProperties: [ "value" ]
|
|
storeIndex: 0
|
|
}
|
|
|
|
UM.SettingPropertyProvider
|
|
{
|
|
id: machineHeatedBed
|
|
|
|
containerStackId: Cura.MachineManager.activeMachineId
|
|
key: "machine_heated_bed"
|
|
watchedProperties: [ "value" ]
|
|
storeIndex: 0
|
|
}
|
|
}
|