Browse Source

Add manage printer link

Contributes to CS-251
Ian Paschal 5 years ago
parent
commit
1aed8a1fa5
1 changed files with 51 additions and 2 deletions
  1. 51 2
      plugins/UM3NetworkPrinting/resources/qml/MonitorPrinterCard.qml

+ 51 - 2
plugins/UM3NetworkPrinting/resources/qml/MonitorPrinterCard.qml

@@ -39,7 +39,8 @@ Item
     {
         id: background
         anchors.fill: parent
-        color: UM.Theme.getColor("monitor_card_background")
+        // color: UM.Theme.getColor("monitor_card_background")
+        color: "red"
         border
         {
             color: UM.Theme.getColor("monitor_card_border")
@@ -90,7 +91,7 @@ Item
                     verticalCenter: parent.verticalCenter
                 }
                 width: 180 * screenScaleFactor // TODO: Theme!
-                height: printerNameLabel.height + printerFamilyPill.height + 6 * screenScaleFactor // TODO: Theme!
+                height: childrenRect.height
 
                 Rectangle
                 {
@@ -135,6 +136,54 @@ Item
                     }
                     text: printer ? printer.type : ""
                 }
+                Item
+                {
+                    id: managePrinterLink
+                    anchors {
+                        top: printerFamilyPill.bottom
+                        topMargin: 6 * screenScaleFactor
+                    }
+                    height: 18 * screenScaleFactor // TODO: Theme!
+                    width: childrenRect.width
+  
+                    Label
+                    {
+                        id: managePrinterText
+                        anchors.verticalCenter: managePrinterLink.verticalCenter
+                        color: UM.Theme.getColor("monitor_text_link")
+                        font: UM.Theme.getFont("default")
+                        linkColor: UM.Theme.getColor("monitor_text_link")
+                        text: catalog.i18nc("@label link to Connect and Cloud interfaces", "Manage printer")
+                        renderType: Text.NativeRendering
+                    }
+                    UM.RecolorImage
+                    {
+                        id: externalLinkIcon
+                        anchors
+                        {
+                            left: managePrinterText.right
+                            leftMargin: 6 * screenScaleFactor
+                            verticalCenter: managePrinterText.verticalCenter
+                        }
+                        color: UM.Theme.getColor("monitor_text_link")
+                        source: UM.Theme.getIcon("external_link")
+                        width: 12 * screenScaleFactor
+                        height: 12 * screenScaleFactor
+                    }
+                }
+                MouseArea
+                {
+                    anchors.fill: managePrinterLink
+                    onClicked: OutputDevice.openPrintJobControlPanel()
+                    onEntered:
+                    {
+                        manageQueueText.font.underline = true
+                    }
+                    onExited:
+                    {
+                        manageQueueText.font.underline = false
+                    }
+                }
             }
 
             MonitorPrinterConfiguration