Improve supplier part detail screen (#326)

* Improve supplier part detail screen

* Update release notes

assets/release_notes.md

@@ -3,6 +3,7 @@
 
 - Fix background image transparency for dark mode
 - Fix link to Bill of Materials from Part screen
+- Improvements to supplier part detail screen
 
 
 ### 0.11.4 - April 2023

lib/inventree/company.dart

@@ -148,6 +148,8 @@ class InvenTreeSupplierPart extends InvenTreeModel {
     return _filters();
   }
 
+  int get manufacturerId => (jsondata["manufacturer_detail"]["pk"] ?? -1) as int;
+
   String get manufacturerName => (jsondata["manufacturer_detail"]?["name"] ?? "") as String;
 
   String get MPN => (jsondata["manufacturer_part_detail"]?["MPN"] ?? "") as String;

lib/l10n/app_en.arb

@@ -464,6 +464,9 @@
   "inProductionDetail": "This stock item is in production",
   "@inProductionDetail": {},
 
+  "internalPart": "Internal Part",
+  "@internalPart": {},
+
   "invalidHost": "Invalid hostname",
   "@invalidHost": {},
 
@@ -555,6 +558,12 @@
   "lost": "Lost",
   "@lost": {},
 
+  "manufacturerPartNumber": "Manufacturer Part Number",
+  "@manufacturerPartNumber": {},
+
+  "manufacturer": "Manufacturer",
+  "@manufacturer": {},
+
   "manufacturers": "Manufacturers",
   "@manufacturers": {},
 
@@ -1146,6 +1155,9 @@
   "supplierPartEdit": "Edit Supplier Part",
   "@supplierPartEdit": {},
 
+  "supplierPartNumber": "Supplier Part Number",
+  "@supplierPartNumber": {},
+
   "supplierPartUpdated": "Supplier Part Updated",
   "@supplierPartUpdated": {},
 

lib/widget/supplier_part_detail.dart

@@ -3,6 +3,7 @@ import "package:flutter_speed_dial/flutter_speed_dial.dart";
 import "package:font_awesome_flutter/font_awesome_flutter.dart";
 
 import "package:inventree/api.dart";
+import "package:inventree/app_colors.dart";
 import "package:inventree/barcode.dart";
 import "package:inventree/l10.dart";
 
@@ -117,9 +118,10 @@ class _SupplierPartDisplayState extends RefreshableState<SupplierPartDetailWidge
     // Internal Part
     tiles.add(
         ListTile(
-          title: Text(widget.supplierPart.partName),
-          subtitle: Text(widget.supplierPart.partDescription),
-          leading: InvenTreeAPI().getImage(
+          title: Text(L10().internalPart),
+          subtitle: Text(widget.supplierPart.partName),
+          leading: FaIcon(FontAwesomeIcons.shapes, color: COLOR_ACTION),
+          trailing: InvenTreeAPI().getImage(
             widget.supplierPart.partImage,
             width: 40,
             height: 40,
@@ -140,9 +142,9 @@ class _SupplierPartDisplayState extends RefreshableState<SupplierPartDetailWidge
     // Supplier details
     tiles.add(
       ListTile(
-        title: Text(widget.supplierPart.SKU),
+        title: Text(L10().supplier),
         subtitle: Text(widget.supplierPart.supplierName),
-        leading: FaIcon(FontAwesomeIcons.building),
+        leading: FaIcon(FontAwesomeIcons.building, color: COLOR_ACTION),
         trailing: InvenTreeAPI().getImage(
           widget.supplierPart.supplierImage,
           width: 40,
@@ -162,18 +164,46 @@ class _SupplierPartDisplayState extends RefreshableState<SupplierPartDetailWidge
       )
     );
 
+    // SKU (part number)
+    tiles.add(
+        ListTile(
+          title: Text(L10().supplierPartNumber),
+          subtitle: Text(widget.supplierPart.SKU),
+          leading: FaIcon(FontAwesomeIcons.barcode),
+        )
+    );
+
     // Manufacturer information
     if (widget.supplierPart.manufacturerPartId > 0) {
       tiles.add(
         ListTile(
+          title: Text(L10().manufacturer),
           subtitle: Text(widget.supplierPart.manufacturerName),
-          title: Text(widget.supplierPart.MPN),
-          leading: FaIcon(FontAwesomeIcons.industry),
+          leading: FaIcon(FontAwesomeIcons.industry, color: COLOR_ACTION),
           trailing: InvenTreeAPI().getImage(
             widget.supplierPart.manufacturerImage,
             width: 40,
             height: 40,
-          )
+          ),
+          onTap: () async {
+            showLoadingOverlay(context);
+            var supplier = await InvenTreeCompany().get(widget.supplierPart.manufacturerId);
+            hideLoadingOverlay();
+
+            if (supplier is InvenTreeCompany) {
+              Navigator.push(context, MaterialPageRoute(
+                builder: (context) => CompanyDetailWidget(supplier)
+              ));
+            }
+          }
+        )
+      );
+
+      tiles.add(
+        ListTile(
+          title: Text(L10().manufacturerPartNumber),
+          subtitle: Text(widget.supplierPart.MPN),
+          leading: FaIcon(FontAwesomeIcons.barcode),
         )
       );
     }
@@ -182,7 +212,7 @@ class _SupplierPartDisplayState extends RefreshableState<SupplierPartDetailWidge
       tiles.add(
         ListTile(
           title: Text(widget.supplierPart.link),
-          leading: FaIcon(FontAwesomeIcons.link),
+          leading: FaIcon(FontAwesomeIcons.link, color: COLOR_ACTION),
           onTap: () async {
             var uri = Uri.tryParse(widget.supplierPart.link);
             if (uri != null && await canLaunchUrl(uri)) {