inventree-app/lib/widget/attachment_widget.dart

import "dart:io";

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

import "package:inventree/api.dart";
import "package:inventree/l10.dart";
import "package:inventree/app_colors.dart";

import "package:inventree/inventree/model.dart";

import "package:inventree/widget/fields.dart";
import "package:inventree/widget/progress.dart";
import "package:inventree/widget/snacks.dart";
import "package:inventree/widget/refreshable_state.dart";

/*
 * A generic widget for displaying a list of attachments.
 *
 * To allow use with different "types" of attachments,
 * we pass a subclassed instance of the InvenTreeAttachment model.
 */
class AttachmentWidget extends StatefulWidget {
  const AttachmentWidget(
    this.attachmentClass,
    this.modelId,
    this.imagePrefix,
    this.hasUploadPermission,
  ) : super();

  final InvenTreeAttachment attachmentClass;
  final int modelId;
  final bool hasUploadPermission;
  final String imagePrefix;

  @override
  _AttachmentWidgetState createState() => _AttachmentWidgetState();
}

class _AttachmentWidgetState extends RefreshableState<AttachmentWidget> {
  _AttachmentWidgetState();

  List<InvenTreeAttachment> attachments = [];

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

  @override
  List<Widget> appBarActions(BuildContext context) {
    if (!widget.hasUploadPermission) return [];

    return [
      IconButton(
        icon: Icon(TablerIcons.camera),
        onPressed: () async {
          widget.attachmentClass.uploadImage(
            widget.modelId,
            prefix: widget.imagePrefix,
          );
          FilePickerDialog.pickImageFromCamera().then((File? file) {
            upload(context, file).then((_) {
              refresh(context);
            });
          });
        },
      ),
      IconButton(
        icon: Icon(TablerIcons.file_upload),
        onPressed: () async {
          FilePickerDialog.pickFileFromDevice().then((File? file) {
            upload(context, file).then((_) {
              refresh(context);
            });
          });
        },
      ),
    ];
  }

  Future<void> upload(BuildContext context, File? file) async {
    if (file == null) return;

    showLoadingOverlay();

    final bool result = await widget.attachmentClass.uploadAttachment(
      file,
      widget.modelId,
    );

    hideLoadingOverlay();

    if (result) {
      showSnackIcon(L10().uploadSuccess, success: true);
    } else {
      showSnackIcon(L10().uploadFailed, success: false);
    }

    refresh(context);
  }

  Future<void> editAttachment(
    BuildContext context,
    InvenTreeAttachment attachment,
  ) async {
    attachment
        .editForm(context, L10().editAttachment)
        .then((result) => {refresh(context)});
  }

  /*
   * Delete the specified attachment
   */
  Future<void> deleteAttachment(
    BuildContext context,
    InvenTreeAttachment attachment,
  ) async {
    final bool result = await attachment.delete();

    showSnackIcon(
      result ? L10().deleteSuccess : L10().deleteFailed,
      success: result,
    );

    refresh(context);
  }

  /*
   * Display an option context menu for the selected attachment
   */
  Future<void> showOptionsMenu(
    BuildContext context,
    InvenTreeAttachment attachment,
  ) async {
    OneContext().showDialog(
      builder: (BuildContext ctx) {
        return SimpleDialog(
          title: Text(L10().attachments),
          children: [
            Divider(),
            SimpleDialogOption(
              onPressed: () async {
                OneContext().popDialog();
                editAttachment(context, attachment);
              },
              child: ListTile(
                title: Text(L10().edit),
                leading: Icon(TablerIcons.edit),
              ),
            ),
            SimpleDialogOption(
              onPressed: () async {
                OneContext().popDialog();
                deleteAttachment(context, attachment);
              },
              child: ListTile(
                title: Text(L10().delete),
                leading: Icon(TablerIcons.trash, color: COLOR_DANGER),
              ),
            ),
          ],
        );
      },
    );
  }

  @override
  Future<void> request(BuildContext context) async {
    Map<String, String> filters = {};

    if (InvenTreeAPI().supportsModernAttachments) {
      filters["model_type"] = widget.attachmentClass.REF_MODEL_TYPE;
      filters["model_id"] = widget.modelId.toString();
    } else {
      filters[widget.attachmentClass.REFERENCE_FIELD] = widget.modelId
          .toString();
    }

    await widget.attachmentClass.list(filters: filters).then((var results) {
      attachments.clear();

      for (var result in results) {
        if (result is InvenTreeAttachment) {
          attachments.add(result);
        }
      }
    });

    setState(() {});
  }

  @override
  List<Widget> getTiles(BuildContext context) {
    List<Widget> tiles = [];

    // An "attachment" can either be a file, or a URL
    for (var attachment in attachments) {
      if (attachment.filename.isNotEmpty) {
        tiles.add(
          ListTile(
            title: Text(attachment.filename),
            subtitle: Text(attachment.comment),
            leading: Icon(attachment.icon, color: COLOR_ACTION),
            onTap: () async {
              showLoadingOverlay();
              await attachment.downloadAttachment();
              hideLoadingOverlay();
            },
            onLongPress: () {
              showOptionsMenu(context, attachment);
            },
          ),
        );
      } else if (attachment.hasLink) {
        tiles.add(
          ListTile(
            title: Text(attachment.link),
            subtitle: Text(attachment.comment),
            leading: Icon(TablerIcons.link, color: COLOR_ACTION),
            onTap: () async {
              attachment.openLink();
            },
            onLongPress: () {
              showOptionsMenu(context, attachment);
            },
          ),
        );
      }
    }

    if (tiles.isEmpty) {
      tiles.add(
        ListTile(
          leading: Icon(TablerIcons.file_x, color: COLOR_WARNING),
          title: Text(L10().attachmentNone),
        ),
      );
    }

    return tiles;
  }
}