ente/lib/ui/viewer/file/file_details_widget.dart

import "package:exif/exif.dart";
import "package:flutter/cupertino.dart";
import "package:flutter/material.dart";
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
import "package:logging/logging.dart";
import 'package:path/path.dart' as path;
import 'package:photo_manager/photo_manager.dart';
import "package:photos/core/configuration.dart";
import 'package:photos/db/files_db.dart';
import "package:photos/ente_theme_data.dart";
import "package:photos/models/collection.dart";
import "package:photos/models/collection_items.dart";
import "package:photos/models/file.dart";
import "package:photos/models/file_type.dart";
import "package:photos/models/gallery_type.dart";
import 'package:photos/services/collections_service.dart';
import "package:photos/services/feature_flag_service.dart";
import "package:photos/services/object_detection/object_detection_service.dart";
import "package:photos/theme/colors.dart";
import 'package:photos/theme/ente_theme.dart';
import "package:photos/ui/common/loading_widget.dart";
import "package:photos/ui/components/buttons/chip_button_widget.dart";
import 'package:photos/ui/components/buttons/icon_button_widget.dart';
import "package:photos/ui/components/buttons/inline_button_widget.dart";
import 'package:photos/ui/components/divider_widget.dart';
import "package:photos/ui/components/info_item_widget.dart";
import 'package:photos/ui/components/title_bar_widget.dart';
import "package:photos/ui/viewer/file/exif_info_dialog.dart";
import 'package:photos/ui/viewer/file/file_caption_widget.dart';
import "package:photos/ui/viewer/gallery/collection_page.dart";
import "package:photos/utils/date_time_util.dart";
import "package:photos/utils/exif_util.dart";
import "package:photos/utils/file_util.dart";
import "package:photos/utils/magic_util.dart";
import "package:photos/utils/navigation_util.dart";
import "package:photos/utils/thumbnail_util.dart";
import "package:photos/utils/toast_util.dart";

class FileDetailsWidget extends StatefulWidget {
  final File file;
  const FileDetailsWidget(
    this.file, {
    Key? key,
  }) : super(key: key);

  @override
  State<FileDetailsWidget> createState() => _FileDetailsWidgetState();
}

class _FileDetailsWidgetState extends State<FileDetailsWidget> {
  Map<String, IfdTag>? _exif;
  final Map<String, dynamic> _exifData = {
    "focalLength": null,
    "fNumber": null,
    "resolution": null,
    "takenOnDevice": null,
    "exposureTime": null,
    "ISO": null,
    "megaPixels": null
  };

  bool _isImage = false;
  int? _currentUserID;

  @override
  void initState() {
    debugPrint('file_info_dialog initState');
    _currentUserID = Configuration.instance.getUserID();
    _isImage = widget.file.fileType == FileType.image ||
        widget.file.fileType == FileType.livePhoto;
    if (_isImage) {
      getExif(widget.file).then((exif) {
        if (mounted) {
          setState(() {
            _exif = exif;
          });
        }
      });
    }
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    final subtitleTextTheme = getEnteTextTheme(context).smallMuted;
    final file = widget.file;
    final fileIsBackedup = file.uploadedFileID == null ? false : true;
    final bool isFileOwner =
        file.ownerID == null || file.ownerID == _currentUserID;
    late Future<Set<int>> allCollectionIDsOfFile;
    //Typing this as Future<Set<T>> as it would be easier to implement showing multiple device folders for a file in the future
    final Future<Set<String>> allDeviceFoldersOfFile =
        Future.sync(() => {file.deviceFolder ?? ''});
    if (fileIsBackedup) {
      allCollectionIDsOfFile = FilesDB.instance.getAllCollectionIDsOfFile(
        file.uploadedFileID!,
      );
    }
    final dateTime = DateTime.fromMicrosecondsSinceEpoch(file.creationTime!);
    final dateTimeForUpdationTime =
        DateTime.fromMicrosecondsSinceEpoch(file.updationTime!);

    if (_isImage && _exif != null) {
      _generateExifForDetails(_exif!);
    }
    final bool showExifListTile = _exifData["focalLength"] != null ||
        _exifData["fNumber"] != null ||
        _exifData["takenOnDevice"] != null ||
        _exifData["exposureTime"] != null ||
        _exifData["ISO"] != null;
    final bool showDimension =
        _exifData["resolution"] != null && _exifData["megaPixels"] != null;
    final listTiles = <Widget?>[
      !widget.file.isUploaded ||
              (!isFileOwner && (widget.file.caption?.isEmpty ?? true))
          ? const SizedBox.shrink()
          : Padding(
              padding: const EdgeInsets.only(top: 8, bottom: 24),
              child: isFileOwner
                  ? FileCaptionWidget(file: widget.file)
                  : FileCaptionReadyOnly(caption: widget.file.caption!),
            ),
      InfoItemWidget(
        key: const ValueKey("Creation time"),
        leadingIcon: Icons.calendar_today_outlined,
        title: getFullDate(
          DateTime.fromMicrosecondsSinceEpoch(file.creationTime!),
        ),
        subtitleSection: Future.value([
          Text(
            getTimeIn12hrFormat(dateTime) + "  " + dateTime.timeZoneName,
            style: subtitleTextTheme,
          ),
        ]),
        editOnTap: ((widget.file.ownerID == null ||
                    widget.file.ownerID == _currentUserID) &&
                widget.file.uploadedFileID != null)
            ? () {
                _showDateTimePicker(widget.file);
              }
            : null,
      ),
      InfoItemWidget(
        key: const ValueKey("File name and info"),
        leadingIcon:
            _isImage ? Icons.photo_outlined : Icons.video_camera_back_outlined,
        title: path.basenameWithoutExtension(file.displayName) +
            path.extension(file.displayName).toUpperCase(),
        subtitleSection: Future.value([
          if (showDimension)
            Text(
              "${_exifData["megaPixels"]}MP  "
              "${_exifData["resolution"]}  ",
              style: subtitleTextTheme,
            ),
          _getFileSize(),
          if ((file.fileType == FileType.video) &&
              (file.localID != null || file.duration != 0))
            _getVideoDuration(),
        ]),
        editOnTap: file.uploadedFileID == null || file.ownerID != _currentUserID
            ? null
            : () async {
                await editFilename(context, file);
                setState(() {});
              },
      ),
      showExifListTile
          ? InfoItemWidget(
              key: const ValueKey("Basic EXIF"),
              leadingIcon: Icons.camera_outlined,
              title: _exifData["takenOnDevice"] ?? "--",
              subtitleSection: Future.value([
                if (_exifData["fNumber"] != null)
                  Text(
                    'ƒ/' + _exifData["fNumber"].toString(),
                    style: subtitleTextTheme,
                  ),
                if (_exifData["exposureTime"] != null)
                  Text(
                    _exifData["exposureTime"],
                    style: subtitleTextTheme,
                  ),
                if (_exifData["focalLength"] != null)
                  Text(
                    _exifData["focalLength"].toString() + "mm",
                    style: subtitleTextTheme,
                  ),
                if (_exifData["ISO"] != null)
                  Text(
                    "ISO" + _exifData["ISO"].toString(),
                    style: subtitleTextTheme,
                  ),
              ]),
            )
          : null,
      _isImage
          ? InfoItemWidget(
              leadingIcon: Icons.text_snippet_outlined,
              title: "EXIF",
              subtitleSection: _exifButton(file, _exif),
            )
          : null,
      FeatureFlagService.instance.isInternalUserOrDebugBuild()
          ? InfoItemWidget(
              key: const ValueKey("Objects"),
              leadingIcon: Icons.image_search_outlined,
              title: "Objects",
              subtitleSection: _objectTags(file),
              hasChipButtons: true,
            )
          : null,
      (file.uploadedFileID != null && file.updationTime != null)
          ? InfoItemWidget(
              key: const ValueKey("Backup date"),
              leadingIcon: Icons.backup_outlined,
              title: getFullDate(
                DateTime.fromMicrosecondsSinceEpoch(file.updationTime!),
              ),
              subtitleSection: Future.value([
                Text(
                  getTimeIn12hrFormat(dateTimeForUpdationTime) +
                      "  " +
                      dateTimeForUpdationTime.timeZoneName,
                  style: subtitleTextTheme,
                ),
              ]),
            )
          : null,
      InfoItemWidget(
        key: const ValueKey("Albums"),
        leadingIcon: Icons.folder_outlined,
        title: "Albums",
        subtitleSection: fileIsBackedup
            ? _collectionsListOfFile(allCollectionIDsOfFile, _currentUserID!)
            : _deviceFoldersListOfFile(allDeviceFoldersOfFile),
        hasChipButtons: true,
      ),
    ];

    listTiles.removeWhere(
      (element) => element == null,
    );

    return SafeArea(
      top: false,
      child: Scrollbar(
        thickness: 4,
        radius: const Radius.circular(2),
        thumbVisibility: true,
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: CustomScrollView(
            physics: const ClampingScrollPhysics(),
            shrinkWrap: true,
            slivers: <Widget>[
              TitleBarWidget(
                isFlexibleSpaceDisabled: true,
                title: "Details",
                isOnTopOfScreen: false,
                backgroundColor: getEnteColorScheme(context).backgroundElevated,
                leading: IconButtonWidget(
                  icon: Icons.expand_more_outlined,
                  iconButtonType: IconButtonType.primary,
                  onTap: () => Navigator.pop(context),
                ),
              ),
              SliverToBoxAdapter(child: addedBy(widget.file)),
              SliverList(
                delegate: SliverChildBuilderDelegate(
                  (context, index) {
                    //Dividers occupy odd indexes
                    if (index.isOdd) {
                      return index == 1
                          ? const SizedBox.shrink()
                          : const Padding(
                              padding: EdgeInsets.symmetric(vertical: 15.5),
                              child: DividerWidget(
                                dividerType: DividerType.menu,
                                divColorHasBlur: false,
                              ),
                            );
                    } else {
                      return listTiles[index ~/ 2];
                    }
                  },
                  childCount: (listTiles.length * 2) - 1,
                ),
              )
            ],
          ),
        ),
      ),
    );
  }

  Future<List<InlineButtonWidget>> _exifButton(
    File file,
    Map<String, IfdTag>? exif,
  ) {
    late final String label;
    late final VoidCallback? onTap;
    if (exif == null) {
      label = "Loading EXIF data...";
      onTap = null;
    } else if (exif.isNotEmpty) {
      label = "View all EXIF data";
      onTap = () => showDialog(
            context: context,
            builder: (BuildContext context) {
              return ExifInfoDialog(file);
            },
            barrierColor: backdropFaintDark,
          );
    } else {
      label = "No EXIF data";
      onTap = () => showShortToast(context, "This image has no exif data");
    }
    return Future.value([
      InlineButtonWidget(
        label,
        onTap,
      )
    ]);
  }

  Future<List<ChipButtonWidget>> _objectTags(File file) async {
    try {
      final chipButtons = <ChipButtonWidget>[];
      final objectTags = await getThumbnail(file).then((data) {
        return ObjectDetectionService.instance.predict(data!);
      });
      for (String objectTag in objectTags) {
        chipButtons.add(ChipButtonWidget(objectTag));
      }
      if (chipButtons.isEmpty) {
        return const [
          ChipButtonWidget(
            "No results",
            noChips: true,
          )
        ];
      }
      return chipButtons;
    } catch (e, s) {
      Logger("FileInfoWidget").info(e, s);
      return [];
    }
  }

  Future<List<ChipButtonWidget>> _deviceFoldersListOfFile(
    Future<Set<String>> allDeviceFoldersOfFile,
  ) async {
    try {
      final chipButtons = <ChipButtonWidget>[];
      final List<String> deviceFolders =
          (await allDeviceFoldersOfFile).toList();
      for (var deviceFolder in deviceFolders) {
        chipButtons.add(
          ChipButtonWidget(
            deviceFolder,
          ),
        );
      }
      return chipButtons;
    } catch (e, s) {
      Logger("FileInfoWidget").info(e, s);
      return [];
    }
  }

  Future<List<ChipButtonWidget>> _collectionsListOfFile(
    Future<Set<int>> allCollectionIDsOfFile,
    int currentUserID,
  ) async {
    try {
      final chipButtons = <ChipButtonWidget>[];
      final Set<int> collectionIDs = await allCollectionIDsOfFile;
      final collections = <Collection>[];
      for (var collectionID in collectionIDs) {
        final c = CollectionsService.instance.getCollectionByID(collectionID);
        collections.add(c!);
        chipButtons.add(
          ChipButtonWidget(
            c.isHidden() ? "Hidden" : c.name,
            onTap: () {
              if (c.isHidden()) {
                return;
              }
              routeToPage(
                context,
                CollectionPage(
                  CollectionWithThumbnail(c, null),
                  appBarType: c.isOwner(currentUserID)
                      ? GalleryType.ownedCollection
                      : GalleryType.sharedCollection,
                ),
              );
            },
          ),
        );
      }
      return chipButtons;
    } catch (e, s) {
      Logger("FileInfoWidget").info(e, s);
      return [];
    }
  }

  Widget addedBy(File file) {
    if (file.uploadedFileID == null) {
      return const SizedBox.shrink();
    }
    String? addedBy;
    if (file.ownerID == _currentUserID) {
      if (file.pubMagicMetadata!.uploaderName != null) {
        addedBy = file.pubMagicMetadata!.uploaderName;
      }
    } else {
      final fileOwner = CollectionsService.instance
          .getFileOwner(file.ownerID!, file.collectionID);
      addedBy = fileOwner.email;
    }
    if (addedBy == null || addedBy.isEmpty) {
      return const SizedBox.shrink();
    }
    final enteTheme = Theme.of(context).colorScheme.enteTheme;
    return Padding(
      padding: const EdgeInsets.only(top: 4.0, bottom: 4.0, left: 16),
      child: Text(
        "Added by $addedBy",
        style: enteTheme.textTheme.mini
            .copyWith(color: enteTheme.colorScheme.textMuted),
      ),
    );
  }

  _generateExifForDetails(Map<String, IfdTag> exif) {
    if (exif["EXIF FocalLength"] != null) {
      _exifData["focalLength"] =
          (exif["EXIF FocalLength"]!.values.toList()[0] as Ratio).numerator /
              (exif["EXIF FocalLength"]!.values.toList()[0] as Ratio)
                  .denominator;
    }

    if (exif["EXIF FNumber"] != null) {
      _exifData["fNumber"] =
          (exif["EXIF FNumber"]!.values.toList()[0] as Ratio).numerator /
              (exif["EXIF FNumber"]!.values.toList()[0] as Ratio).denominator;
    }
    final imageWidth = exif["EXIF ExifImageWidth"] ?? exif["Image ImageWidth"];
    final imageLength = exif["EXIF ExifImageLength"] ??
        exif["Image "
            "ImageLength"];
    if (imageWidth != null && imageLength != null) {
      _exifData["resolution"] = '$imageWidth x $imageLength';
      _exifData['megaPixels'] =
          ((imageWidth.values.firstAsInt() * imageLength.values.firstAsInt()) /
                  1000000)
              .toStringAsFixed(1);
    } else {
      debugPrint("No image width/height");
    }
    if (exif["Image Make"] != null && exif["Image Model"] != null) {
      _exifData["takenOnDevice"] =
          exif["Image Make"].toString() + " " + exif["Image Model"].toString();
    }

    if (exif["EXIF ExposureTime"] != null) {
      _exifData["exposureTime"] = exif["EXIF ExposureTime"].toString();
    }
    if (exif["EXIF ISOSpeedRatings"] != null) {
      _exifData['ISO'] = exif["EXIF ISOSpeedRatings"].toString();
    }
  }

  Widget _getFileSize() {
    Future<int> fileSizeFuture;
    if (widget.file.fileSize != null) {
      fileSizeFuture = Future.value(widget.file.fileSize);
    } else {
      fileSizeFuture = getFile(widget.file).then((f) => f!.length());
    }
    return FutureBuilder<int>(
      future: fileSizeFuture,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          return Text(
            (snapshot.data! / (1024 * 1024)).toStringAsFixed(2) + " MB",
            style: getEnteTextTheme(context).smallMuted,
          );
        } else {
          return SizedBox.fromSize(
            size: const Size.square(16),
            child: EnteLoadingWidget(
              is20pts: true,
              color: getEnteColorScheme(context).strokeMuted,
            ),
          );
        }
      },
    );
  }

  Widget _getVideoDuration() {
    if (widget.file.duration != 0) {
      return Text(
        secondsToHHMMSS(widget.file.duration!),
        style: getEnteTextTheme(context).smallMuted,
      );
    }
    return FutureBuilder<AssetEntity?>(
      future: widget.file.getAsset,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          return Text(
            snapshot.data!.videoDuration.toString().split(".")[0],
            style: getEnteTextTheme(context).smallMuted,
          );
        } else {
          return Center(
            child: SizedBox.fromSize(
              size: const Size.square(24),
              child: const CupertinoActivityIndicator(
                radius: 8,
              ),
            ),
          );
        }
      },
    );
  }

  void _showDateTimePicker(File file) async {
    final dateResult = await DatePicker.showDatePicker(
      context,
      minTime: DateTime(1800, 1, 1),
      maxTime: DateTime.now(),
      currentTime: DateTime.fromMicrosecondsSinceEpoch(file.creationTime!),
      locale: LocaleType.en,
      theme: Theme.of(context).colorScheme.dateTimePickertheme,
    );
    if (dateResult == null) {
      return;
    }
    final dateWithTimeResult = await DatePicker.showTime12hPicker(
      context,
      showTitleActions: true,
      currentTime: dateResult,
      locale: LocaleType.en,
      theme: Theme.of(context).colorScheme.dateTimePickertheme,
    );
    if (dateWithTimeResult != null) {
      if (await editTime(
        context,
        List.of([widget.file]),
        dateWithTimeResult.microsecondsSinceEpoch,
      )) {
        widget.file.creationTime = dateWithTimeResult.microsecondsSinceEpoch;
        setState(() {});
      }
    }
  }
}