118 - Implement shared album feature (#124)

* New features 
  - Share album. Users can now create albums to share with existing people on the network.
  - Owner can delete the album.
  - Owner can invite the additional users to the album.
  - Shared users and the owner can add additional assets to the album.
* In the asset viewer, the user can swipe up to see detailed information and swip down to dismiss.
* Several UI enhancements.

mobile/lib/shared/models/user_info.model.dart

@@ -0,0 +1,60 @@
+import 'dart:convert';
+
+class UserInfo {
+  final String id;
+  final String email;
+  final String createdAt;
+
+  UserInfo({
+    required this.id,
+    required this.email,
+    required this.createdAt,
+  });
+
+  UserInfo copyWith({
+    String? id,
+    String? email,
+    String? createdAt,
+  }) {
+    return UserInfo(
+      id: id ?? this.id,
+      email: email ?? this.email,
+      createdAt: createdAt ?? this.createdAt,
+    );
+  }
+
+  Map<String, dynamic> toMap() {
+    final result = <String, dynamic>{};
+
+    result.addAll({'id': id});
+    result.addAll({'email': email});
+    result.addAll({'createdAt': createdAt});
+
+    return result;
+  }
+
+  factory UserInfo.fromMap(Map<String, dynamic> map) {
+    return UserInfo(
+      id: map['id'] ?? '',
+      email: map['email'] ?? '',
+      createdAt: map['createdAt'] ?? '',
+    );
+  }
+
+  String toJson() => json.encode(toMap());
+
+  factory UserInfo.fromJson(String source) => UserInfo.fromMap(json.decode(source));
+
+  @override
+  String toString() => 'UserInfo(id: $id, email: $email, createdAt: $createdAt)';
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(this, other)) return true;
+
+    return other is UserInfo && other.id == id && other.email == email && other.createdAt == createdAt;
+  }
+
+  @override
+  int get hashCode => id.hashCode ^ email.hashCode ^ createdAt.hashCode;
+}

mobile/lib/shared/providers/asset.provider.dart

@@ -0,0 +1,82 @@
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/modules/home/models/delete_asset_response.model.dart';
+import 'package:immich_mobile/modules/home/services/asset.service.dart';
+import 'package:immich_mobile/shared/models/immich_asset.model.dart';
+import 'package:immich_mobile/shared/services/device_info.service.dart';
+import 'package:collection/collection.dart';
+import 'package:intl/intl.dart';
+import 'package:photo_manager/photo_manager.dart';
+
+class AssetNotifier extends StateNotifier<List<ImmichAsset>> {
+  final AssetService _assetService = AssetService();
+  final DeviceInfoService _deviceInfoService = DeviceInfoService();
+  final Ref ref;
+
+  AssetNotifier(this.ref) : super([]);
+
+  getAllAsset() async {
+    List<ImmichAsset>? allAssets = await _assetService.getAllAsset();
+
+    if (allAssets != null) {
+      state = allAssets;
+    }
+  }
+
+  clearAllAsset() {
+    state = [];
+  }
+
+  onNewAssetUploaded(ImmichAsset newAsset) {
+    state = [...state, newAsset];
+  }
+
+  deleteAssets(Set<ImmichAsset> deleteAssets) async {
+    var deviceInfo = await _deviceInfoService.getDeviceInfo();
+    var deviceId = deviceInfo["deviceId"];
+    List<String> deleteIdList = [];
+    // Delete asset from device
+    for (var asset in deleteAssets) {
+      // Delete asset on device if present
+      if (asset.deviceId == deviceId) {
+        AssetEntity? localAsset = await AssetEntity.fromId(asset.deviceAssetId);
+
+        if (localAsset != null) {
+          deleteIdList.add(localAsset.id);
+        }
+      }
+    }
+
+    final List<String> result = await PhotoManager.editor.deleteWithIds(deleteIdList);
+
+    // Delete asset on server
+    List<DeleteAssetResponse>? deleteAssetResult = await _assetService.deleteAssets(deleteAssets);
+    if (deleteAssetResult == null) {
+      return;
+    }
+
+    for (var asset in deleteAssetResult) {
+      if (asset.status == 'success') {
+        state = state.where((immichAsset) => immichAsset.id != asset.id).toList();
+      }
+    }
+  }
+}
+
+final assetProvider = StateNotifierProvider<AssetNotifier, List<ImmichAsset>>((ref) {
+  return AssetNotifier(ref);
+});
+
+final assetGroupByDateTimeProvider = StateProvider((ref) {
+  var assets = ref.watch(assetProvider);
+
+  assets.sortByCompare<DateTime>((e) => DateTime.parse(e.createdAt), (a, b) => b.compareTo(a));
+  return assets.groupListsBy((element) => DateFormat('y-MM-dd').format(DateTime.parse(element.createdAt)));
+});
+
+final assetGroupByMonthYearProvider = StateProvider((ref) {
+  var assets = ref.watch(assetProvider);
+
+  assets.sortByCompare<DateTime>((e) => DateTime.parse(e.createdAt), (a, b) => b.compareTo(a));
+
+  return assets.groupListsBy((element) => DateFormat('MMMM, y').format(DateTime.parse(element.createdAt)));
+});

mobile/lib/shared/providers/websocket.provider.dart

@@ -3,7 +3,7 @@ import 'dart:convert';
 import 'package:flutter/foundation.dart';
 import 'package:hive/hive.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:immich_mobile/modules/home/providers/asset.provider.dart';
+import 'package:immich_mobile/shared/providers/asset.provider.dart';
 import 'package:immich_mobile/shared/models/immich_asset.model.dart';
 import 'package:socket_io_client/socket_io_client.dart';
 

mobile/lib/shared/services/network.service.dart

@@ -76,9 +76,10 @@ class NetworkService {
       return res;
     } on DioError catch (e) {
       debugPrint("DioError: ${e.response}");
-      return false;
+      return null;
     } catch (e) {
       debugPrint("ERROR BackupService: $e");
+      return null;
     }
   }
 

mobile/lib/shared/services/user.service.dart

@@ -0,0 +1,24 @@
+import 'dart:convert';
+
+import 'package:dio/dio.dart';
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/shared/models/user_info.model.dart';
+import 'package:immich_mobile/shared/services/network.service.dart';
+
+class UserService {
+  final NetworkService _networkService = NetworkService();
+
+  Future<List<UserInfo>> getAllUsersInfo() async {
+    try {
+      Response res = await _networkService.getRequest(url: 'user');
+      List<dynamic> decodedData = jsonDecode(res.toString());
+      List<UserInfo> result = List.from(decodedData.map((e) => UserInfo.fromMap(e)));
+
+      return result;
+    } catch (e) {
+      debugPrint("Error getAllUsersInfo  ${e.toString()}");
+    }
+
+    return [];
+  }
+}

mobile/lib/shared/ui/immich_loading_indicator.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_spinkit/flutter_spinkit.dart';
+
+class ImmichLoadingIndicator extends StatelessWidget {
+  const ImmichLoadingIndicator({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 60,
+      width: 60,
+      decoration: BoxDecoration(
+        color: Theme.of(context).primaryColor.withAlpha(200),
+        borderRadius: BorderRadius.circular(10),
+      ),
+      child: const SpinKitDancingSquare(
+        color: Colors.white,
+        size: 30.0,
+      ),
+    );
+  }
+}

mobile/lib/shared/ui/immich_sliver_persistent_app_bar_delegate.dart

@@ -0,0 +1,31 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+
+class ImmichSliverPersistentAppBarDelegate extends SliverPersistentHeaderDelegate {
+  final double minHeight;
+  final double maxHeight;
+  final Widget child;
+
+  ImmichSliverPersistentAppBarDelegate({
+    required this.minHeight,
+    required this.maxHeight,
+    required this.child,
+  });
+
+  @override
+  double get minExtent => minHeight;
+
+  @override
+  double get maxExtent => max(maxHeight, minHeight);
+
+  @override
+  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
+    return SizedBox.expand(child: child);
+  }
+
+  @override
+  bool shouldRebuild(ImmichSliverPersistentAppBarDelegate oldDelegate) {
+    return maxHeight != oldDelegate.maxHeight || minHeight != oldDelegate.minHeight || child != oldDelegate.child;
+  }
+}

mobile/lib/shared/views/immich_loading_overlay.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:immich_mobile/shared/ui/immich_loading_indicator.dart';
+
+class ImmichLoadingOverlay extends StatelessWidget {
+  const ImmichLoadingOverlay({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ValueListenableBuilder<bool>(
+      valueListenable: ImmichLoadingOverlayController.appLoader.loaderShowingNotifier,
+      builder: (context, shouldShow, child) {
+        if (shouldShow) {
+          return const Scaffold(
+            backgroundColor: Colors.black54,
+            body: Center(
+              child: ImmichLoadingIndicator(),
+            ),
+          );
+        } else {
+          return Container();
+        }
+      },
+    );
+  }
+}
+
+class ImmichLoadingOverlayController {
+  static final ImmichLoadingOverlayController appLoader = ImmichLoadingOverlayController();
+  ValueNotifier<bool> loaderShowingNotifier = ValueNotifier(false);
+  ValueNotifier<String> loaderTextNotifier = ValueNotifier('error message');
+
+  void show() {
+    loaderShowingNotifier.value = true;
+  }
+
+  void hide() {
+    loaderShowingNotifier.value = false;
+  }
+}

mobile/lib/shared/views/tab_controller_page.dart

@@ -15,6 +15,7 @@ class TabControllerPage extends ConsumerWidget {
       routes: [
         const HomeRoute(),
         SearchRoute(),
+        const SharingRoute(),
       ],
       builder: (context, child, animation) {
         final tabsRouter = AutoTabsRouter.of(context);
@@ -34,7 +35,8 @@ class TabControllerPage extends ConsumerWidget {
                   },
                   items: const [
                     BottomNavigationBarItem(label: 'Photos', icon: Icon(Icons.photo)),
-                    BottomNavigationBarItem(label: 'Seach', icon: Icon(Icons.search)),
+                    BottomNavigationBarItem(label: 'Search', icon: Icon(Icons.search)),
+                    BottomNavigationBarItem(label: 'Sharing', icon: Icon(Icons.group_outlined)),
                   ],
                 ),
         );