CURA-4870 Frontend formatting to show the configurations

This commit is contained in:
Diego Prado Gesto 2018-03-05 11:44:26 +01:00
parent b8ad0959a7
commit 871f0a130e
4 changed files with 101 additions and 28 deletions

View file

@ -7,29 +7,76 @@ import QtQuick.Controls 2.0
import UM 1.2 as UM
Item
Column
{
id: extruderInfo
property var printCoreConfiguration
spacing: Math.round(UM.Theme.getSize("default_margin").height / 2)
height: childrenRect.height
Item
{
id: extruder
width: parent.width
height: childrenRect.height
Label
{
id: extruderLabel
text: catalog.i18nc("@label:extruder label", "Extruder")
elide: Text.ElideRight
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
font: UM.Theme.getFont("small")
}
// Rounded item to show the extruder number
Item
{
id: extruderIconItem
anchors.verticalCenter: parent.verticalCenter
anchors.left: extruderLabel.right
anchors.leftMargin: Math.round(UM.Theme.getSize("default_margin").width / 2)
width: UM.Theme.getSize("section_icon").width
height: UM.Theme.getSize("section_icon").height
UM.RecolorImage {
id: mainCircle
anchors.fill: parent
sourceSize.width: parent.width
sourceSize.height: parent.height
source: UM.Theme.getIcon("extruder_button")
color: extruderNumberText.color
}
Label
{
id: extruderNumberText
anchors.centerIn: parent
text: printCoreConfiguration.position + 1
font: UM.Theme.getFont("small")
}
}
}
Label
{
id: materialLabel
text: printCoreConfiguration.material
elide: Text.ElideRight
width: parent.width
font: UM.Theme.getFont("very_small")
font: UM.Theme.getFont("small")
}
Label
{
id: printCoreLabel
id: printCoreTypeLabel
text: printCoreConfiguration.hotendID
anchors.top: materialLabel.bottom
elide: Text.ElideRight
width: parent.width
font: UM.Theme.getFont("very_small")
opacity: 0.5
}
}