2
0
mirror of https://github.com/inventree/inventree-app.git synced 2025-04-28 13:36:50 +00:00

Better layout mechanic for Part display

- Now works well even if it overflows the available screen space
This commit is contained in:
Oliver Walters 2020-04-06 12:09:27 +10:00
parent 5652926a38
commit fb1fb799d2

View File

@ -30,14 +30,17 @@ class _PartDisplayState extends State<PartDisplayWidget> {
InvenTreePart part; InvenTreePart part;
/* /*
* Construct a list of detail elements about this part. * Build a list of tiles to display under the part description
* Not all elements are set for each part, so only add the ones that are important.
*/ */
List<Widget> partDetails() { List<Widget> partTiles() {
List<Widget> widgets = [
List<Widget> tiles = [
];
// Image / name / description // Image / name / description
ListTile( tiles.add(
Card(
child: ListTile(
title: Text("${part.fullname}"), title: Text("${part.fullname}"),
subtitle: Text("${part.description}"), subtitle: Text("${part.description}"),
leading: Image( leading: Image(
@ -48,31 +51,13 @@ class _PartDisplayState extends State<PartDisplayWidget> {
onPressed: null, onPressed: null,
), ),
) )
];
return widgets;
}
/*
* Build a list of tiles to display under the part description
*/
List<Widget> partTiles() {
List<Widget> tiles = [
Card(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: partDetails(),
) )
), );
];
// Category information // Category information
if (part.categoryName.isNotEmpty) { if (part.categoryName.isNotEmpty) {
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("Part Category"), title: Text("Part Category"),
subtitle: Text("${part.categoryName}"), subtitle: Text("${part.categoryName}"),
leading: FaIcon(FontAwesomeIcons.stream), leading: FaIcon(FontAwesomeIcons.stream),
@ -82,105 +67,86 @@ class _PartDisplayState extends State<PartDisplayWidget> {
}); });
}, },
) )
)
); );
} }
// External link? // External link?
if (part.link.isNotEmpty) { if (part.link.isNotEmpty) {
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("${part.link}"), title: Text("${part.link}"),
leading: FaIcon(FontAwesomeIcons.link), leading: FaIcon(FontAwesomeIcons.link),
trailing: Text(""), trailing: Text(""),
onTap: null, onTap: null,
) )
)
); );
} }
// Stock information // Stock information
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("Stock"), title: Text("Stock"),
leading: FaIcon(FontAwesomeIcons.boxes), leading: FaIcon(FontAwesomeIcons.boxes),
trailing: Text("${part.inStock}"), trailing: Text("${part.inStock}"),
onTap: null, onTap: null,
), ),
)
); );
// Parts on order // Parts on order
if (part.isPurchaseable) { if (part.isPurchaseable) {
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("On Order"), title: Text("On Order"),
leading: FaIcon(FontAwesomeIcons.shoppingCart), leading: FaIcon(FontAwesomeIcons.shoppingCart),
trailing: Text("${part.onOrder}"), trailing: Text("${part.onOrder}"),
onTap: null, onTap: null,
) )
)
); );
} }
// Parts being built // Parts being built
if (part.isAssembly) { if (part.isAssembly) {
tiles.add( tiles.add(ListTile(
Card(
child: ListTile(
title: Text("Bill of Materials"), title: Text("Bill of Materials"),
leading: FaIcon(FontAwesomeIcons.thList), leading: FaIcon(FontAwesomeIcons.thList),
trailing: Text("${part.bomItemCount}"), trailing: Text("${part.bomItemCount}"),
onTap: null, onTap: null,
) )
)
); );
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("Building"), title: Text("Building"),
leading: FaIcon(FontAwesomeIcons.tools), leading: FaIcon(FontAwesomeIcons.tools),
trailing: Text("${part.building}"), trailing: Text("${part.building}"),
onTap: null, onTap: null,
) )
)
); );
} }
if (part.isComponent) { if (part.isComponent) {
tiles.add( tiles.add(ListTile(
Card(
child: ListTile(
title: Text("Used In"), title: Text("Used In"),
leading: FaIcon(FontAwesomeIcons.sitemap), leading: FaIcon(FontAwesomeIcons.sitemap),
trailing: Text("${part.usedInCount}"), trailing: Text("${part.usedInCount}"),
onTap: null, onTap: null,
) )
)
); );
} }
// Notes field? // Notes field?
if (part.notes.isNotEmpty) { if (part.notes.isNotEmpty) {
tiles.add( tiles.add(
Card( ListTile(
child: ListTile(
title: Text("Notes"), title: Text("Notes"),
leading: FaIcon(FontAwesomeIcons.stickyNote), leading: FaIcon(FontAwesomeIcons.stickyNote),
trailing: Text(""), trailing: Text(""),
onTap: null, onTap: null,
) )
)
); );
} }
tiles.add(Spacer());
return tiles; return tiles;
} }
@ -193,9 +159,7 @@ class _PartDisplayState extends State<PartDisplayWidget> {
), ),
drawer: new InvenTreeDrawer(context), drawer: new InvenTreeDrawer(context),
body: Center( body: Center(
child: Column( child: ListView(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.max,
children: partTiles(), children: partTiles(),
), ),
) )