mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-08 15:37:27 -06:00
Organize MonitorStage.qml better
This commit is contained in:
Ian Paschal
parent
9814deaeab
commit
cb6e4ff2d1
2 changed files with 169 additions and 157 deletions
167
plugins/UM3NetworkPrinting/resources/qml/MonitorQueue.qml
Normal file
167
plugins/UM3NetworkPrinting/resources/qml/MonitorQueue.qml
Normal file
|
|
@ -0,0 +1,167 @@
|
||||||
|
// Copyright (c) 2018 Ultimaker B.V.
|
||||||
|
// Cura is released under the terms of the LGPLv3 or higher.
|
||||||
|
|
||||||
|
import QtQuick 2.2
|
||||||
|
import QtQuick.Controls 1.4
|
||||||
|
import QtQuick.Controls.Styles 1.4
|
||||||
|
import UM 1.3 as UM
|
||||||
|
import Cura 1.0 as Cura
|
||||||
|
|
||||||
|
/**
|
||||||
|
* This component contains the print job queue, extracted from the primary
|
||||||
|
* MonitorStage.qml file not for reusability but simply to keep it lean and more
|
||||||
|
* readable.
|
||||||
|
*/
|
||||||
|
Item
|
||||||
|
{
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
id: queuedLabel
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
left: queuedPrintJobs.left
|
||||||
|
top: parent.top
|
||||||
|
}
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
font: UM.Theme.getFont("large_nonbold")
|
||||||
|
text: catalog.i18nc("@label", "Queued")
|
||||||
|
}
|
||||||
|
|
||||||
|
Item
|
||||||
|
{
|
||||||
|
id: manageQueueLabel
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
right: queuedPrintJobs.right
|
||||||
|
verticalCenter: queuedLabel.verticalCenter
|
||||||
|
}
|
||||||
|
height: 18 * screenScaleFactor // TODO: Theme!
|
||||||
|
width: childrenRect.width
|
||||||
|
|
||||||
|
UM.RecolorImage
|
||||||
|
{
|
||||||
|
id: externalLinkIcon
|
||||||
|
anchors.verticalCenter: manageQueueLabel.verticalCenter
|
||||||
|
color: UM.Theme.getColor("primary")
|
||||||
|
source: "../svg/icons/external_link.svg"
|
||||||
|
width: 16 * screenScaleFactor // TODO: Theme! (Y U NO USE 18 LIKE ALL OTHER ICONS?!)
|
||||||
|
height: 16 * screenScaleFactor // TODO: Theme! (Y U NO USE 18 LIKE ALL OTHER ICONS?!)
|
||||||
|
}
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
id: manageQueueText
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
left: externalLinkIcon.right
|
||||||
|
leftMargin: 6 * screenScaleFactor // TODO: Theme!
|
||||||
|
verticalCenter: externalLinkIcon.verticalCenter
|
||||||
|
}
|
||||||
|
color: UM.Theme.getColor("primary")
|
||||||
|
font: UM.Theme.getFont("default") // 12pt, regular
|
||||||
|
linkColor: UM.Theme.getColor("primary")
|
||||||
|
text: catalog.i18nc("@label link to connect manager", "Manage queue in Cura Connect")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea
|
||||||
|
{
|
||||||
|
anchors.fill: manageQueueLabel
|
||||||
|
hoverEnabled: true
|
||||||
|
onClicked: Cura.MachineManager.printerOutputDevices[0].openPrintJobControlPanel()
|
||||||
|
onEntered:
|
||||||
|
{
|
||||||
|
manageQueueText.font.underline = true
|
||||||
|
}
|
||||||
|
onExited:
|
||||||
|
{
|
||||||
|
manageQueueText.font.underline = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row
|
||||||
|
{
|
||||||
|
id: printJobQueueHeadings
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
left: queuedPrintJobs.left
|
||||||
|
leftMargin: 6 * screenScaleFactor // TODO: Theme!
|
||||||
|
top: queuedLabel.bottom
|
||||||
|
topMargin: 24 * screenScaleFactor // TODO: Theme!
|
||||||
|
}
|
||||||
|
spacing: 18 * screenScaleFactor // TODO: Theme!
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
text: catalog.i18nc("@label", "Print jobs")
|
||||||
|
color: "#666666"
|
||||||
|
elide: Text.ElideRight
|
||||||
|
font: UM.Theme.getFont("medium") // 14pt, regular
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
width: 284 * screenScaleFactor // TODO: Theme! (Should match column size)
|
||||||
|
|
||||||
|
// FIXED-LINE-HEIGHT:
|
||||||
|
height: 18 * screenScaleFactor // TODO: Theme!
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
text: catalog.i18nc("@label", "Total print time")
|
||||||
|
color: "#666666"
|
||||||
|
elide: Text.ElideRight
|
||||||
|
font: UM.Theme.getFont("medium") // 14pt, regular
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
width: 216 * screenScaleFactor // TODO: Theme! (Should match column size)
|
||||||
|
|
||||||
|
// FIXED-LINE-HEIGHT:
|
||||||
|
height: 18 * screenScaleFactor // TODO: Theme!
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
text: catalog.i18nc("@label", "Waiting for")
|
||||||
|
color: "#666666"
|
||||||
|
elide: Text.ElideRight
|
||||||
|
font: UM.Theme.getFont("medium") // 14pt, regular
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
width: 216 * screenScaleFactor // TODO: Theme! (Should match column size)
|
||||||
|
|
||||||
|
// FIXED-LINE-HEIGHT:
|
||||||
|
height: 18 * screenScaleFactor // TODO: Theme!
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ScrollView
|
||||||
|
{
|
||||||
|
id: queuedPrintJobs
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
bottom: parent.bottom
|
||||||
|
horizontalCenter: parent.horizontalCenter
|
||||||
|
top: printJobQueueHeadings.bottom
|
||||||
|
topMargin: 12 * screenScaleFactor // TODO: Theme!
|
||||||
|
}
|
||||||
|
style: UM.Theme.styles.scrollview
|
||||||
|
visible: OutputDevice.receivedPrintJobs
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
ListView
|
||||||
|
{
|
||||||
|
id: printJobList
|
||||||
|
anchors.fill: parent
|
||||||
|
delegate: MonitorPrintJobCard
|
||||||
|
{
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
left: parent.left
|
||||||
|
right: parent.right
|
||||||
|
}
|
||||||
|
printJob: modelData
|
||||||
|
}
|
||||||
|
model: OutputDevice.queuedPrintJobs
|
||||||
|
spacing: 6 // TODO: Theme!
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -8,16 +8,13 @@ import UM 1.3 as UM
|
||||||
import Cura 1.0 as Cura
|
import Cura 1.0 as Cura
|
||||||
import QtGraphicalEffects 1.0
|
import QtGraphicalEffects 1.0
|
||||||
|
|
||||||
// Root component for the monitor tab (stage)
|
// This is the root component for the monitor stage.
|
||||||
Component
|
Component
|
||||||
{
|
{
|
||||||
Item
|
Item
|
||||||
{
|
{
|
||||||
id: monitorFrame
|
id: monitorFrame
|
||||||
|
|
||||||
property var emphasisColor: UM.Theme.getColor("setting_control_border_highlight")
|
|
||||||
property var cornerRadius: UM.Theme.getSize("monitor_corner_radius").width
|
|
||||||
|
|
||||||
height: maximumHeight
|
height: maximumHeight
|
||||||
onVisibleChanged:
|
onVisibleChanged:
|
||||||
{
|
{
|
||||||
|
|
@ -80,11 +77,10 @@ Component
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Item
|
MonitorQueue
|
||||||
{
|
{
|
||||||
id: queue
|
id: queue
|
||||||
width: Math.min(834 * screenScaleFactor, maximumWidth)
|
width: Math.min(834 * screenScaleFactor, maximumWidth)
|
||||||
|
|
||||||
anchors
|
anchors
|
||||||
{
|
{
|
||||||
bottom: parent.bottom
|
bottom: parent.bottom
|
||||||
|
|
@ -92,157 +88,6 @@ Component
|
||||||
top: printers.bottom
|
top: printers.bottom
|
||||||
topMargin: 48 * screenScaleFactor // TODO: Theme!
|
topMargin: 48 * screenScaleFactor // TODO: Theme!
|
||||||
}
|
}
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
id: queuedLabel
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
left: queuedPrintJobs.left
|
|
||||||
top: parent.top
|
|
||||||
}
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
font: UM.Theme.getFont("large_nonbold")
|
|
||||||
text: catalog.i18nc("@label", "Queued")
|
|
||||||
}
|
|
||||||
|
|
||||||
Item
|
|
||||||
{
|
|
||||||
id: manageQueueLabel
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
right: queuedPrintJobs.right
|
|
||||||
verticalCenter: queuedLabel.verticalCenter
|
|
||||||
}
|
|
||||||
height: 18 * screenScaleFactor // TODO: Theme!
|
|
||||||
width: childrenRect.width
|
|
||||||
|
|
||||||
UM.RecolorImage
|
|
||||||
{
|
|
||||||
id: externalLinkIcon
|
|
||||||
anchors.verticalCenter: manageQueueLabel.verticalCenter
|
|
||||||
color: UM.Theme.getColor("primary")
|
|
||||||
source: "../svg/icons/external_link.svg"
|
|
||||||
width: 16 * screenScaleFactor // TODO: Theme! (Y U NO USE 18 LIKE ALL OTHER ICONS?!)
|
|
||||||
height: 16 * screenScaleFactor // TODO: Theme! (Y U NO USE 18 LIKE ALL OTHER ICONS?!)
|
|
||||||
}
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
id: manageQueueText
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
left: externalLinkIcon.right
|
|
||||||
leftMargin: 6 * screenScaleFactor // TODO: Theme!
|
|
||||||
verticalCenter: externalLinkIcon.verticalCenter
|
|
||||||
}
|
|
||||||
color: UM.Theme.getColor("primary")
|
|
||||||
font: UM.Theme.getFont("default") // 12pt, regular
|
|
||||||
linkColor: UM.Theme.getColor("primary")
|
|
||||||
text: catalog.i18nc("@label link to connect manager", "Manage queue in Cura Connect")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
MouseArea
|
|
||||||
{
|
|
||||||
anchors.fill: manageQueueLabel
|
|
||||||
hoverEnabled: true
|
|
||||||
onClicked: Cura.MachineManager.printerOutputDevices[0].openPrintJobControlPanel()
|
|
||||||
onEntered:
|
|
||||||
{
|
|
||||||
manageQueueText.font.underline = true
|
|
||||||
}
|
|
||||||
onExited:
|
|
||||||
{
|
|
||||||
manageQueueText.font.underline = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Row
|
|
||||||
{
|
|
||||||
id: printJobQueueHeadings
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
left: queuedPrintJobs.left
|
|
||||||
leftMargin: 6 * screenScaleFactor // TODO: Theme!
|
|
||||||
top: queuedLabel.bottom
|
|
||||||
topMargin: 24 * screenScaleFactor // TODO: Theme!
|
|
||||||
}
|
|
||||||
spacing: 18 * screenScaleFactor // TODO: Theme!
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
text: catalog.i18nc("@label", "Print jobs")
|
|
||||||
color: "#666666"
|
|
||||||
elide: Text.ElideRight
|
|
||||||
font: UM.Theme.getFont("medium") // 14pt, regular
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
width: 284 * screenScaleFactor // TODO: Theme! (Should match column size)
|
|
||||||
|
|
||||||
// FIXED-LINE-HEIGHT:
|
|
||||||
height: 18 * screenScaleFactor // TODO: Theme!
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
text: catalog.i18nc("@label", "Total print time")
|
|
||||||
color: "#666666"
|
|
||||||
elide: Text.ElideRight
|
|
||||||
font: UM.Theme.getFont("medium") // 14pt, regular
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
width: 216 * screenScaleFactor // TODO: Theme! (Should match column size)
|
|
||||||
|
|
||||||
// FIXED-LINE-HEIGHT:
|
|
||||||
height: 18 * screenScaleFactor // TODO: Theme!
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
text: catalog.i18nc("@label", "Waiting for")
|
|
||||||
color: "#666666"
|
|
||||||
elide: Text.ElideRight
|
|
||||||
font: UM.Theme.getFont("medium") // 14pt, regular
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
width: 216 * screenScaleFactor // TODO: Theme! (Should match column size)
|
|
||||||
|
|
||||||
// FIXED-LINE-HEIGHT:
|
|
||||||
height: 18 * screenScaleFactor // TODO: Theme!
|
|
||||||
verticalAlignment: Text.AlignVCenter
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ScrollView
|
|
||||||
{
|
|
||||||
id: queuedPrintJobs
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
bottom: parent.bottom
|
|
||||||
horizontalCenter: parent.horizontalCenter
|
|
||||||
top: printJobQueueHeadings.bottom
|
|
||||||
topMargin: 12 * screenScaleFactor // TODO: Theme!
|
|
||||||
}
|
|
||||||
style: UM.Theme.styles.scrollview
|
|
||||||
visible: OutputDevice.receivedPrintJobs
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
ListView
|
|
||||||
{
|
|
||||||
id: printJobList
|
|
||||||
anchors.fill: parent
|
|
||||||
delegate: MonitorPrintJobCard
|
|
||||||
{
|
|
||||||
anchors
|
|
||||||
{
|
|
||||||
left: parent.left
|
|
||||||
right: parent.right
|
|
||||||
}
|
|
||||||
printJob: modelData
|
|
||||||
}
|
|
||||||
model: OutputDevice.queuedPrintJobs
|
|
||||||
spacing: 6
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
PrinterVideoStream
|
PrinterVideoStream
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue