feat: full local assets / album sync

2024-10-17 23:33:00 +05:30
parent a09710ec7b
commit c91a2878dc
87 changed files with 2417 additions and 366 deletions
@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/domain/models/asset.model.dart';
+import 'package:immich_mobile/presentation/components/image/immich_image.widget.dart';
+import 'package:material_symbols_icons/symbols.dart';
+
+IconData _getStorageIcon(Asset asset) {
+  if (asset.isMerged) {
+    return Symbols.cloud_done_rounded;
+  } else if (asset.isRemote) {
+    return Symbols.cloud_rounded;
+  }
+  return Symbols.cloud_off_rounded;
+}
+
+class ImThumbnail extends StatelessWidget {
+  final Asset asset;
+  final double? width;
+  final double? height;
+
+  const ImThumbnail(this.asset, {this.width, this.height, super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        Positioned.fill(child: ImImage(asset, width: width, height: height)),
+        _PadAlignedIcon(
+          alignment: Alignment.bottomRight,
+          icon: _getStorageIcon(asset),
+        ),
+        if (!asset.isImage)
+          const _PadAlignedIcon(
+            alignment: Alignment.topLeft,
+            icon: Symbols.play_circle_rounded,
+            filled: true,
+          ),
+      ],
+    );
+  }
+}
+
+class _PadAlignedIcon extends StatelessWidget {
+  final Alignment alignment;
+  final IconData icon;
+  final bool? filled;
+
+  const _PadAlignedIcon({
+    required this.alignment,
+    required this.icon,
+    this.filled,
+  });
+
+  double _calculateLeft(Alignment align) {
+    return align.x == -1 ? 5 : 0;
+  }
+
+  double _calculateTop(Alignment align) {
+    return align.y == -1 ? 4 : 0;
+  }
+
+  double _calculateRight(Alignment align) {
+    return align.x == 1 ? 5 : 0;
+  }
+
+  double _calculateBottom(Alignment align) {
+    return align.y == 1 ? 4 : 0;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Positioned(
+      left: _calculateLeft(alignment),
+      top: _calculateTop(alignment),
+      right: _calculateRight(alignment),
+      bottom: _calculateBottom(alignment),
+      child: Align(
+        alignment: alignment,
+        child: Icon(
+          icon,
+          color: Colors.white,
+          size: 20,
+          fill: (filled != null && filled!) ? 1 : null,
+        ),
+      ),
+    );
+  }
+}