language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-10-02 06:41:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Make it possible to expand print queue item details

Browse source 
TODO: Animate the appearance/disappearance somehow...
This commit is contained in:
Simon Hausmann 2021-02-16 11:35:12 +01:00 • committed by Olivier Goffart
parent f72e82254b
commit 3ccd2712f4
1 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
examples/printerdemo/ui/home_page.60
View file

@ -43,6 +43,17 @@ ActionButton := Rectangle {
TouchArea { clicked => { root.clicked() } } TouchArea { clicked => { root.clicked() } }
} }
PrintQueueDetailsLabel := Text {
font-weight: 500;
color: #122F7B;
}
PrintQueueSeparator := Rectangle {
height: 1px;
border-width: 1px;
border-color: #BDC0D1;
}
PrinterQueue := Rectangle { PrinterQueue := Rectangle {
property <[PrinterQueueItem]> printer_queue; property <[PrinterQueueItem]> printer_queue;
@ -69,6 +80,8 @@ PrinterQueue := Rectangle {
border-width: 2px; border-width: 2px;
background: DemoPalette.printer_queue_item_background_color; background: DemoPalette.printer_queue_item_background_color;
property <bool> expanded;
VerticalLayout { VerticalLayout {
padding: parent.border_radius; padding: parent.border_radius;
spacing: 4px; spacing: 4px;
@ -83,6 +96,62 @@ PrinterQueue := Rectangle {
overflow: elide; overflow: elide;
font-weight: 800; font-weight: 800;
} }
if (expanded) : GridLayout {
Row {
PrintQueueDetailsLabel {
text: "Owner";
}
Text {
text: queue_item.owner;
}
}
Row {
PrintQueueSeparator {
colspan: 2;
}
}
Row {
PrintQueueDetailsLabel {
text: "Pages";
}
Text {
text: queue_item.pages;
}
}
Row {
PrintQueueSeparator {
colspan: 2;
}
}
Row {
PrintQueueDetailsLabel {
text: "Size";
}
Text {
text: queue_item.pages;
}
}
Row {
PrintQueueSeparator {
colspan: 2;
}
}
Row {
PrintQueueDetailsLabel {
text: "Submitted";
}
Text {
text: queue_item.submission_date;
}
}
}
}
TouchArea {
clicked => {
expanded = !expanded;
}
} }
} }
} }