inventree-app/lib/widget/attachment_widget.dart

import "dart:io";

import "package:flutter/material.dart";
import "package:font_awesome_flutter/font_awesome_flutter.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";
import "package:inventree/l10.dart";
import "package:url_launcher/url_launcher.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.attachment, this.referenceId, this.hasUploadPermission) : super();

  final InvenTreeAttachment attachment;
  final int referenceId;
  final bool hasUploadPermission;

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


class _AttachmentWidgetState extends RefreshableState<AttachmentWidget> {

  _AttachmentWidgetState();

  List<InvenTreeAttachment> attachments = [];

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

  @override
  List<Widget> getAppBarActions(BuildContext context) {

    List<Widget> actions = [];

    if (widget.hasUploadPermission) {
      // File upload
      actions.add(
          IconButton(
            icon: FaIcon(FontAwesomeIcons.plusCircle),
            onPressed: () async {
              FilePickerDialog.pickFile(
                  onPicked: (File file) async {
                    await upload(context, file);
                  }
              );
            },
          )
      );
    }

    return actions;
  }

  Future<void> upload(BuildContext context, File file) async {

    showLoadingOverlay(context);
    final bool result = await widget.attachment.uploadAttachment(file, widget.referenceId);
    hideLoadingOverlay();

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

    refresh(context);
  }

  @override
  Future<void> request(BuildContext context) async {

    await widget.attachment.list(
      filters: {
        widget.attachment.REFERENCE_FIELD: widget.referenceId.toString()
      }
    ).then((var results) {

      attachments.clear();

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

  @override
  Widget getBody(BuildContext context) {
    return Center(
        child: ListView(
          children: ListTile.divideTiles(
              context: context,
              tiles: attachmentTiles(context)
          ).toList(),
        )
    );
  }


  List<Widget> attachmentTiles(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: FaIcon(attachment.icon, color: COLOR_CLICK),
          onTap: () async {
            showLoadingOverlay(context);
            await attachment.downloadAttachment();
            hideLoadingOverlay();
          },
        ));
      }

      else if (attachment.link.isNotEmpty) {
        tiles.add(ListTile(
          title: Text(attachment.link),
          subtitle: Text(attachment.comment),
          leading: FaIcon(FontAwesomeIcons.link, color: COLOR_CLICK),
          onTap: () async {
            if (await canLaunch(attachment.link)) {
              await launch(attachment.link);
            }
          }
        ));
      }
    }

    if (tiles.isEmpty) {
      tiles.add(ListTile(
        title: Text(L10().attachmentNone),
        subtitle: Text(
          L10().attachmentNoneDetail,
          style: TextStyle(fontStyle: FontStyle.italic),
        ),
      ));
    }

    return tiles;
  }
}