inventree-app/lib/widget/part/part_detail.dart

import "package:flutter/material.dart";
import "package:flutter_speed_dial/flutter_speed_dial.dart";
import "package:flutter_tabler_icons/flutter_tabler_icons.dart";

import "package:inventree/app_colors.dart";
import "package:inventree/barcode/barcode.dart";
import "package:inventree/l10.dart";
import "package:inventree/helpers.dart";

import "package:inventree/inventree/bom.dart";
import "package:inventree/inventree/part.dart";
import "package:inventree/inventree/stock.dart";
import "package:inventree/labels.dart";
import "package:inventree/preferences.dart";

import "package:inventree/widget/attachment_widget.dart";
import "package:inventree/widget/part/bom_list.dart";
import "package:inventree/widget/part/part_list.dart";
import "package:inventree/widget/notes_widget.dart";
import "package:inventree/widget/part/part_parameter_widget.dart";
import "package:inventree/widget/part/part_pricing.dart";
import "package:inventree/widget/progress.dart";
import "package:inventree/widget/part/category_display.dart";
import "package:inventree/widget/refreshable_state.dart";
import "package:inventree/widget/part/part_image_widget.dart";
import "package:inventree/widget/snacks.dart";
import "package:inventree/widget/stock/stock_list.dart";
import "package:inventree/widget/company/supplier_part_list.dart";

/*
 * Widget for displaying a detail view of a single Part instance
 */
class PartDetailWidget extends StatefulWidget {
  const PartDetailWidget(this.part, {Key? key}) : super(key: key);

  final InvenTreePart part;

  @override
  _PartDisplayState createState() => _PartDisplayState(part);
}

class _PartDisplayState extends RefreshableState<PartDetailWidget> {
  _PartDisplayState(this.part);

  InvenTreePart part;

  InvenTreePart? parentPart;

  int parameterCount = 0;

  bool allowLabelPrinting = false;
  bool showParameters = false;
  bool showBom = false;
  bool showPricing = false;

  int attachmentCount = 0;
  int bomCount = 0;
  int usedInCount = 0;
  int variantCount = 0;

  InvenTreePartPricing? partPricing;

  List<Map<String, dynamic>> labels = [];

  @override
  String getAppBarTitle() => L10().partDetails;

  @override
  List<Widget> appBarActions(BuildContext context) {
    List<Widget> actions = [];

    if (InvenTreePart().canEdit) {
      actions.add(IconButton(
          icon: Icon(TablerIcons.edit),
          tooltip: L10().editPart,
          onPressed: () {
            _editPartDialog(context);
          }));
    }
    return actions;
  }

  @override
  List<SpeedDialChild> barcodeButtons(BuildContext context) {
    List<SpeedDialChild> actions = [];

    if (InvenTreePart().canEdit) {
      actions.add(customBarcodeAction(
          context, this, widget.part.customBarcode, "part", widget.part.pk));
    }

    return actions;
  }

  @override
  List<SpeedDialChild> actionButtons(BuildContext context) {
    List<SpeedDialChild> actions = [];

    if (InvenTreeStockItem().canCreate) {
      actions.add(SpeedDialChild(
          child: Icon(TablerIcons.packages),
          label: L10().stockItemCreate,
          onTap: () {
            _newStockItem(context);
          }));
    }

    if (labels.isNotEmpty) {
      actions.add(SpeedDialChild(
          child: Icon(TablerIcons.printer),
          label: L10().printLabel,
          onTap: () async {
            selectAndPrintLabel(context, labels, widget.part.pk, "part",
                "part=${widget.part.pk}");
          }));
    }

    return actions;
  }

  @override
  Future<void> onBuild(BuildContext context) async {
    refresh(context);

    if (mounted) {
      setState(() {});
    }
  }

  @override
  Future<void> request(BuildContext context) async {
    final bool result = await part.reload();

    // Load page settings from local storage
    showPricing =
        await InvenTreeSettingsManager().getBool(INV_PART_SHOW_PRICING, true);
    showParameters = await InvenTreeSettingsManager()
        .getBool(INV_PART_SHOW_PARAMETERS, true);
    showBom = await InvenTreeSettingsManager().getBool(INV_PART_SHOW_BOM, true);
    allowLabelPrinting = await InvenTreeSettingsManager()
        .getBool(INV_ENABLE_LABEL_PRINTING, true);

    if (!result || part.pk == -1) {
      // Part could not be loaded, for some reason
      Navigator.of(context).pop();
      return;
    }

    // If the part points to a parent "template" part, request that too
    int? templatePartId = part.variantOf;

    if (templatePartId == null) {
      parentPart = null;
    } else {
      final result = await InvenTreePart().get(templatePartId);

      if (result != null && result is InvenTreePart) {
        parentPart = result;
      } else {
        parentPart = null;
      }
    }

    // Request part test templates
    part.getTestTemplates().then((value) {
      if (mounted) {
        setState(() {});
      }
    });

    // Request the number of attachments
    InvenTreePartAttachment().countAttachments(part.pk).then((int value) {
      if (mounted) {
        setState(() {
          attachmentCount = value;
        });
      }
    });

    // If show pricing information?
    if (showPricing) {
      part.getPricing().then((InvenTreePartPricing? pricing) {
        if (mounted) {
          setState(() {
            partPricing = pricing;
          });
        }
      });
    }

    // Request the number of BOM items
    InvenTreePart().count(filters: {
      "in_bom_for": part.pk.toString(),
    }).then((int value) {
      if (mounted) {
        setState(() {
          bomCount = value;
        });
      }
    });

    // Request number of "used in" parts
    InvenTreeBomItem().count(filters: {
      "uses": part.pk.toString(),
    }).then((int value) {
      if (mounted) {
        setState(() {
          usedInCount = value;
        });
      }
    });

    // Request the number of variant items
    InvenTreePart().count(filters: {
      "variant_of": part.pk.toString(),
    }).then((int value) {
      if (mounted) {
        setState(() {
          variantCount = value;
        });
      }
    });

    List<Map<String, dynamic>> _labels = [];
    allowLabelPrinting &= api.supportsMixin("labels");

    if (allowLabelPrinting) {
      String model_type =
          api.supportsModernLabelPrinting ? InvenTreePart.MODEL_TYPE : "part";
      String item_key = api.supportsModernLabelPrinting ? "items" : "part";

      _labels = await getLabelTemplates(
          model_type, {item_key: widget.part.pk.toString()});
    }

    if (mounted) {
      setState(() {
        labels = _labels;
      });
    }
  }

  void _editPartDialog(BuildContext context) {
    part.editForm(context, L10().editPart, onSuccess: (data) async {
      refresh(context);
      showSnackIcon(L10().partEdited, success: true);
    });
  }

  Widget headerTile() {
    return Card(
      child: ListTile(
        title: Text(part.fullname),
        subtitle: Text(part.description),
        trailing: Text(part.stockString(),
            style: TextStyle(
              fontSize: 20,
            )),
        leading: GestureDetector(
            child: api.getImage(part.thumbnail),
            onTap: () {
              Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) => PartImageWidget(part)))
                  .then((value) {
                refresh(context);
              });
            }),
      ),
    );
  }

  /*
   * Build a list of tiles to display under the part description
   */
  List<Widget> partTiles() {
    List<Widget> tiles = [];

    // Image / name / description
    tiles.add(headerTile());

    if (loading) {
      tiles.add(progressIndicator());
      return tiles;
    }

    if (!part.isActive) {
      tiles.add(ListTile(
        title: Text(L10().inactive, style: TextStyle(color: COLOR_DANGER)),
        subtitle:
            Text(L10().inactiveDetail, style: TextStyle(color: COLOR_DANGER)),
        leading: Icon(TablerIcons.exclamation_circle, color: COLOR_DANGER),
      ));
    }

    if (parentPart != null) {
      tiles.add(ListTile(
          title: Text(L10().templatePart),
          subtitle: Text(parentPart!.fullname),
          leading: api.getImage(
            parentPart!.thumbnail,
            width: 32,
            height: 32,
          ),
          onTap: () {
            parentPart?.goToDetailPage(context);
          }));
    }

    // Category information
    if (part.categoryName.isNotEmpty) {
      tiles.add(ListTile(
        title: Text(L10().partCategory),
        subtitle: Text("${part.categoryName}"),
        leading: Icon(TablerIcons.sitemap, color: COLOR_ACTION),
        onTap: () async {
          if (part.categoryId > 0) {
            showLoadingOverlay();
            var cat = await InvenTreePartCategory().get(part.categoryId);
            hideLoadingOverlay();

            if (cat is InvenTreePartCategory) {
              cat.goToDetailPage(context);
            }
          }
        },
      ));
    } else {
      tiles.add(ListTile(
        title: Text(L10().partCategory),
        subtitle: Text(L10().partCategoryTopLevel),
        leading: Icon(TablerIcons.sitemap, color: COLOR_ACTION),
        onTap: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => CategoryDisplayWidget(null)));
        },
      ));
    }

    // Display number of "variant" parts if any exist
    if (variantCount > 0) {
      tiles.add(ListTile(
        title: Text(L10().variants),
        leading: Icon(TablerIcons.versions, color: COLOR_ACTION),
        trailing: Text(variantCount.toString()),
        onTap: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => PartList({
                        "variant_of": part.pk.toString(),
                      }, title: L10().variants)));
        },
      ));
    }

    tiles.add(
      ListTile(
        title: Text(L10().availableStock),
        subtitle: Text(L10().stockDetails),
        leading: Icon(TablerIcons.packages),
        trailing: Text(
          part.stockString(),
          style: TextStyle(
            fontWeight: FontWeight.bold,
          ),
        ),
      ),
    );

    if (showPricing && partPricing != null) {
      String pricing = formatPriceRange(
          partPricing?.overallMin, partPricing?.overallMax,
          currency: partPricing?.currency);

      tiles.add(
        ListTile(
          title: Text(L10().partPricing),
          leading: Icon(TablerIcons.currency_dollar, color: COLOR_ACTION),
          trailing: Text(
            pricing.isNotEmpty ? pricing : L10().noPricingAvailable,
            style: TextStyle(
              fontWeight: FontWeight.bold,
            ),
          ),
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) =>
                    PartPricingWidget(part: part, partPricing: partPricing),
              ),
            );
          },
        ),
      );
    }

    // Tiles for "purchaseable" parts
    if (part.isPurchaseable) {
      // On order
      tiles.add(ListTile(
        title: Text(L10().onOrder),
        subtitle: Text(L10().onOrderDetails),
        leading: Icon(TablerIcons.shopping_cart),
        trailing: Text("${part.onOrderString}"),
        onTap: () {
          // TODO - Order views
        },
      ));
    }

    // Tiles for an "assembly" part
    if (part.isAssembly) {
      if (showBom && bomCount > 0) {
        tiles.add(ListTile(
          title: Text(L10().billOfMaterials),
          leading: Icon(TablerIcons.list_tree, color: COLOR_ACTION),
          trailing: Text(bomCount.toString()),
          onTap: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) =>
                        BillOfMaterialsWidget(part, isParentComponent: true)));
          },
        ));
      }

      if (part.building > 0) {
        tiles.add(ListTile(
          title: Text(L10().building),
          leading: Icon(TablerIcons.tools),
          trailing: Text("${simpleNumberString(part.building)}"),
          onTap: () {
            // TODO
          },
        ));
      }
    }

    if (part.isComponent) {
      if (showBom && usedInCount > 0) {
        tiles.add(ListTile(
            title: Text(L10().usedIn),
            subtitle: Text(L10().usedInDetails),
            leading: Icon(TablerIcons.stack_2, color: COLOR_ACTION),
            trailing: Text(usedInCount.toString()),
            onTap: () {
              Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) => BillOfMaterialsWidget(part,
                          isParentComponent: false)));
            }));
      }
    }

    // Keywords?
    if (part.keywords.isNotEmpty) {
      tiles.add(ListTile(
        title: Text("${part.keywords}"),
        leading: Icon(TablerIcons.tags),
      ));
    }

    // External link?
    if (part.link.isNotEmpty) {
      tiles.add(ListTile(
        title: Text("${part.link}"),
        leading: Icon(TablerIcons.link, color: COLOR_ACTION),
        onTap: () {
          part.openLink();
        },
      ));
    }

    // Tiles for "component" part
    if (part.isComponent && part.usedInCount > 0) {
      tiles.add(ListTile(
        title: Text(L10().usedIn),
        subtitle: Text(L10().usedInDetails),
        leading: Icon(TablerIcons.sitemap),
        trailing: Text("${part.usedInCount}"),
        onTap: () {
          // TODO
        },
      ));
    }

    if (part.isPurchaseable) {
      if (part.supplierCount > 0) {
        tiles.add(ListTile(
          title: Text(L10().suppliers),
          leading: Icon(TablerIcons.building_factory, color: COLOR_ACTION),
          trailing: Text("${part.supplierCount}"),
          onTap: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) =>
                        SupplierPartList({"part": part.pk.toString()})));
          },
        ));
      }
    }

    // Notes field
    tiles.add(ListTile(
      title: Text(L10().notes),
      leading: Icon(TablerIcons.note, color: COLOR_ACTION),
      trailing: Text(""),
      onTap: () {
        Navigator.push(context,
            MaterialPageRoute(builder: (context) => NotesWidget(part)));
      },
    ));

    tiles.add(ListTile(
      title: Text(L10().attachments),
      leading: Icon(TablerIcons.file, color: COLOR_ACTION),
      trailing: attachmentCount > 0 ? Text(attachmentCount.toString()) : null,
      onTap: () {
        Navigator.push(
            context,
            MaterialPageRoute(
                builder: (context) => AttachmentWidget(
                    InvenTreePartAttachment(),
                    part.pk,
                    L10().part,
                    part.canEdit)));
      },
    ));

    return tiles;
  }

  // Return tiles for each stock item
  List<Widget> stockTiles() {
    List<Widget> tiles = [];

    tiles.add(headerTile());

    tiles.add(ListTile(
      title: Text(
        L10().stockItems,
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      subtitle:
          part.stockItems.isEmpty ? Text(L10().stockItemsNotAvailable) : null,
      trailing:
          part.stockItems.isNotEmpty ? Text("${part.stockItems.length}") : null,
    ));

    return tiles;
  }

  /*
   * Launch a form to create a new StockItem for this part
   */
  Future<void> _newStockItem(BuildContext context) async {
    var fields = InvenTreeStockItem().formFields();

    // Serial number cannot be directly edited here
    fields.remove("serial");

    // Hide the "part" field
    fields["part"]?["hidden"] = true;

    int? default_location = part.defaultLocation;

    Map<String, dynamic> data = {"part": part.pk.toString()};

    if (default_location != null) {
      data["location"] = default_location;
    }

    if (part.isTrackable) {
      // read the next available serial number
      showLoadingOverlay();
      var response = await api.get("/api/part/${part.pk}/serial-numbers/",
          expectedStatusCode: null);
      hideLoadingOverlay();

      if (response.isValid() && response.statusCode == 200) {
        data["serial_numbers"] =
            response.data["next"] ?? response.data["latest"];
      }

      print("response: " +
          response.statusCode.toString() +
          response.data.toString());
    } else {
      // Cannot set serial numbers for non-trackable parts
      fields.remove("serial_numbers");
    }

    print("data: ${data.toString()}");

    InvenTreeStockItem().createForm(context, L10().stockItemCreate,
        fields: fields, data: data, onSuccess: (result) async {
      Map<String, dynamic> data = result as Map<String, dynamic>;

      if (data.containsKey("pk")) {
        var item = InvenTreeStockItem.fromJson(data);
        item.goToDetailPage(context);
      }
    });
  }

  @override
  List<Widget> getTabIcons(BuildContext context) {
    List<Widget> icons = [Tab(text: L10().details), Tab(text: L10().stock)];

    if (showParameters) {
      icons.add(Tab(text: L10().parameters));
    }

    return icons;
  }

  @override
  List<Widget> getTabs(BuildContext context) {
    List<Widget> tabs = [
      SingleChildScrollView(
          physics: AlwaysScrollableScrollPhysics(),
          child: Column(
            children: partTiles(),
          )),
      PaginatedStockItemList({"part": part.pk.toString()})
    ];

    if (showParameters) {
      tabs.add(PaginatedParameterList({"part": part.pk.toString()}));
    }

    return tabs;
  }
}