file_details_widget.dart 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. import "package:exif/exif.dart";
  2. import "package:flutter/material.dart";
  3. import "package:logging/logging.dart";
  4. import "package:photos/core/configuration.dart";
  5. import "package:photos/models/file.dart";
  6. import "package:photos/models/file_type.dart";
  7. import "package:photos/models/magic_metadata.dart";
  8. import "package:photos/services/feature_flag_service.dart";
  9. import "package:photos/services/file_magic_service.dart";
  10. import 'package:photos/theme/ente_theme.dart';
  11. import 'package:photos/ui/components/buttons/icon_button_widget.dart';
  12. import "package:photos/ui/components/divider_widget.dart";
  13. import 'package:photos/ui/components/title_bar_widget.dart';
  14. import 'package:photos/ui/viewer/file/file_caption_widget.dart';
  15. import "package:photos/ui/viewer/file_details/added_by_widget.dart";
  16. import "package:photos/ui/viewer/file_details/albums_item_widget.dart";
  17. import 'package:photos/ui/viewer/file_details/backed_up_time_item_widget.dart';
  18. import "package:photos/ui/viewer/file_details/creation_time_item_widget.dart";
  19. import 'package:photos/ui/viewer/file_details/exif_item_widgets.dart';
  20. import "package:photos/ui/viewer/file_details/file_properties_item_widget.dart";
  21. import "package:photos/ui/viewer/file_details/location_tags_widget.dart";
  22. import "package:photos/ui/viewer/file_details/objects_item_widget.dart";
  23. import "package:photos/utils/exif_util.dart";
  24. class FileDetailsWidget extends StatefulWidget {
  25. final File file;
  26. const FileDetailsWidget(
  27. this.file, {
  28. Key? key,
  29. }) : super(key: key);
  30. @override
  31. State<FileDetailsWidget> createState() => _FileDetailsWidgetState();
  32. }
  33. class _FileDetailsWidgetState extends State<FileDetailsWidget> {
  34. final ValueNotifier<Map<String, IfdTag>?> _exifNotifier = ValueNotifier(null);
  35. final Map<String, dynamic> _exifData = {
  36. "focalLength": null,
  37. "fNumber": null,
  38. "resolution": null,
  39. "takenOnDevice": null,
  40. "exposureTime": null,
  41. "ISO": null,
  42. "megaPixels": null,
  43. "lat": null,
  44. "long": null,
  45. "latRef": null,
  46. "longRef": null,
  47. };
  48. bool _isImage = false;
  49. late int _currentUserID;
  50. bool showExifListTile = false;
  51. final ValueNotifier<bool> hasLocationData = ValueNotifier(false);
  52. final Logger _logger = Logger("_FileDetailsWidgetState");
  53. @override
  54. void initState() {
  55. debugPrint('file_details_sheet initState');
  56. _currentUserID = Configuration.instance.getUserID()!;
  57. hasLocationData.value = widget.file.hasLocation;
  58. _isImage = widget.file.fileType == FileType.image ||
  59. widget.file.fileType == FileType.livePhoto;
  60. _exifNotifier.addListener(() {
  61. if (_exifNotifier.value != null && !widget.file.hasLocation) {
  62. _updateLocationFromExif(_exifNotifier.value!).ignore();
  63. }
  64. });
  65. if (_isImage) {
  66. _exifNotifier.addListener(() {
  67. if (_exifNotifier.value != null) {
  68. _generateExifForDetails(_exifNotifier.value!);
  69. }
  70. showExifListTile = _exifData["focalLength"] != null ||
  71. _exifData["fNumber"] != null ||
  72. _exifData["takenOnDevice"] != null ||
  73. _exifData["exposureTime"] != null ||
  74. _exifData["ISO"] != null;
  75. });
  76. }
  77. getExif(widget.file).then((exif) {
  78. _exifNotifier.value = exif;
  79. });
  80. super.initState();
  81. }
  82. @override
  83. void dispose() {
  84. _exifNotifier.dispose();
  85. super.dispose();
  86. }
  87. @override
  88. Widget build(BuildContext context) {
  89. final file = widget.file;
  90. final bool isFileOwner =
  91. file.ownerID == null || file.ownerID == _currentUserID;
  92. //Make sure the bottom most tile is always the same one, that is it should
  93. //not be rendered only if a condition is met.
  94. final fileDetailsTiles = <Widget>[];
  95. fileDetailsTiles.add(
  96. !widget.file.isUploaded ||
  97. (!isFileOwner && (widget.file.caption?.isEmpty ?? true))
  98. ? const SizedBox(height: 16)
  99. : Padding(
  100. padding: const EdgeInsets.only(top: 8, bottom: 24),
  101. child: isFileOwner
  102. ? FileCaptionWidget(file: widget.file)
  103. : FileCaptionReadyOnly(caption: widget.file.caption!),
  104. ),
  105. );
  106. fileDetailsTiles.addAll([
  107. CreationTimeItem(file, _currentUserID),
  108. const FileDetailsDivider(),
  109. ValueListenableBuilder(
  110. valueListenable: _exifNotifier,
  111. builder: (context, _, __) => FilePropertiesItemWidget(
  112. file,
  113. _isImage,
  114. _exifData,
  115. _currentUserID,
  116. ),
  117. ),
  118. const FileDetailsDivider(),
  119. ]);
  120. fileDetailsTiles.add(
  121. ValueListenableBuilder(
  122. valueListenable: _exifNotifier,
  123. builder: (context, value, _) {
  124. return showExifListTile
  125. ? Column(
  126. children: [
  127. BasicExifItemWidget(_exifData),
  128. const FileDetailsDivider(),
  129. ],
  130. )
  131. : const SizedBox.shrink();
  132. },
  133. ),
  134. );
  135. fileDetailsTiles.addAll([
  136. ValueListenableBuilder(
  137. valueListenable: hasLocationData,
  138. builder: (context, bool value, __) {
  139. return value
  140. ? Column(
  141. children: [
  142. LocationTagsWidget(
  143. widget.file.location!,
  144. ),
  145. const FileDetailsDivider(),
  146. ],
  147. )
  148. : const SizedBox.shrink();
  149. },
  150. )
  151. ]);
  152. if (_isImage) {
  153. fileDetailsTiles.addAll([
  154. ValueListenableBuilder(
  155. valueListenable: _exifNotifier,
  156. builder: (context, value, _) {
  157. return Column(
  158. children: [
  159. AllExifItemWidget(file, _exifNotifier.value),
  160. const FileDetailsDivider(),
  161. ],
  162. );
  163. },
  164. )
  165. ]);
  166. }
  167. if (FeatureFlagService.instance.isInternalUserOrDebugBuild()) {
  168. fileDetailsTiles.addAll([
  169. ObjectsItemWidget(file),
  170. const FileDetailsDivider(),
  171. ]);
  172. }
  173. if (file.uploadedFileID != null && file.updationTime != null) {
  174. fileDetailsTiles.addAll(
  175. [
  176. BackedUpTimeItemWidget(file),
  177. const FileDetailsDivider(),
  178. ],
  179. );
  180. }
  181. fileDetailsTiles.add(AlbumsItemWidget(file, _currentUserID));
  182. return SafeArea(
  183. top: false,
  184. child: Scrollbar(
  185. thickness: 4,
  186. radius: const Radius.circular(2),
  187. thumbVisibility: true,
  188. child: Padding(
  189. padding: const EdgeInsets.all(8.0),
  190. child: CustomScrollView(
  191. physics: const ClampingScrollPhysics(),
  192. shrinkWrap: true,
  193. slivers: <Widget>[
  194. TitleBarWidget(
  195. isFlexibleSpaceDisabled: true,
  196. title: "Details",
  197. isOnTopOfScreen: false,
  198. backgroundColor: getEnteColorScheme(context).backgroundElevated,
  199. leading: IconButtonWidget(
  200. icon: Icons.expand_more_outlined,
  201. iconButtonType: IconButtonType.primary,
  202. onTap: () => Navigator.pop(context),
  203. ),
  204. ),
  205. SliverToBoxAdapter(
  206. child: AddedByWidget(
  207. widget.file,
  208. _currentUserID,
  209. ),
  210. ),
  211. SliverList(
  212. delegate: SliverChildBuilderDelegate(
  213. (context, index) {
  214. return fileDetailsTiles[index];
  215. },
  216. childCount: fileDetailsTiles.length,
  217. ),
  218. )
  219. ],
  220. ),
  221. ),
  222. ),
  223. );
  224. }
  225. //This code is for updating the location of files in which location data is
  226. //missing and the EXIF has location data. This is only happens for a
  227. //certain specific minority of devices.
  228. Future<void> _updateLocationFromExif(Map<String, IfdTag> exif) async {
  229. try {
  230. final locationDataFromExif = locationFromExif(exif);
  231. if (locationDataFromExif?.latitude != null &&
  232. locationDataFromExif?.longitude != null) {
  233. widget.file.location = locationDataFromExif;
  234. await FileMagicService.instance.updatePublicMagicMetadata([
  235. widget.file
  236. ], {
  237. pubMagicKeyLat: locationDataFromExif!.latitude,
  238. pubMagicKeyLong: locationDataFromExif.longitude
  239. });
  240. hasLocationData.value = true;
  241. }
  242. } catch (e, s) {
  243. _logger.severe("Error while updating location from EXIF", e, s);
  244. }
  245. }
  246. _generateExifForDetails(Map<String, IfdTag> exif) {
  247. if (exif["EXIF FocalLength"] != null) {
  248. _exifData["focalLength"] =
  249. (exif["EXIF FocalLength"]!.values.toList()[0] as Ratio).numerator /
  250. (exif["EXIF FocalLength"]!.values.toList()[0] as Ratio)
  251. .denominator;
  252. }
  253. if (exif["EXIF FNumber"] != null) {
  254. _exifData["fNumber"] =
  255. (exif["EXIF FNumber"]!.values.toList()[0] as Ratio).numerator /
  256. (exif["EXIF FNumber"]!.values.toList()[0] as Ratio).denominator;
  257. }
  258. final imageWidth = exif["EXIF ExifImageWidth"] ?? exif["Image ImageWidth"];
  259. final imageLength = exif["EXIF ExifImageLength"] ??
  260. exif["Image "
  261. "ImageLength"];
  262. if (imageWidth != null && imageLength != null) {
  263. _exifData["resolution"] = '$imageWidth x $imageLength';
  264. _exifData['megaPixels'] =
  265. ((imageWidth.values.firstAsInt() * imageLength.values.firstAsInt()) /
  266. 1000000)
  267. .toStringAsFixed(1);
  268. } else {
  269. debugPrint("No image width/height");
  270. }
  271. if (exif["Image Make"] != null && exif["Image Model"] != null) {
  272. _exifData["takenOnDevice"] =
  273. exif["Image Make"].toString() + " " + exif["Image Model"].toString();
  274. }
  275. if (exif["EXIF ExposureTime"] != null) {
  276. _exifData["exposureTime"] = exif["EXIF ExposureTime"].toString();
  277. }
  278. if (exif["EXIF ISOSpeedRatings"] != null) {
  279. _exifData['ISO'] = exif["EXIF ISOSpeedRatings"].toString();
  280. }
  281. }
  282. }
  283. class FileDetailsDivider extends StatelessWidget {
  284. const FileDetailsDivider({super.key});
  285. @override
  286. Widget build(BuildContext context) {
  287. const dividerPadding = EdgeInsets.symmetric(vertical: 15.5);
  288. return const DividerWidget(
  289. dividerType: DividerType.menu,
  290. divColorHasBlur: false,
  291. padding: dividerPadding,
  292. );
  293. }
  294. }