mirror of
https://github.com/immich-app/immich.git
synced 2025-07-09 03:04:16 -04:00
* reduce timeline rebuilds * feat: adds bottom sheet map and actions (#19692) * adds bottom sheet map and actions * PR feedbacks * only reload the asset viewer if asset is changed * styling tweak --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com> * rename singleton and remove event prefix * adds bottom sheet map and actions * PR feedbacks * refactor: use provider for viewer state * feat: adds top and bottom app bar * add safe area to bottom app bar * change app and bottom bar color * viewer - always have black background * use the full width for the bottom sheet on landscape as well * constraint the bottom sheet to not expand all the way * add padding for location details in landscape --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com>
77 lines
2.1 KiB
Dart
77 lines
2.1 KiB
Dart
import 'package:riverpod_annotation/riverpod_annotation.dart';
|
|
|
|
class AssetViewerState {
|
|
final int backgroundOpacity;
|
|
final bool showingBottomSheet;
|
|
final bool showingControls;
|
|
|
|
const AssetViewerState({
|
|
this.backgroundOpacity = 255,
|
|
this.showingBottomSheet = false,
|
|
this.showingControls = true,
|
|
});
|
|
|
|
AssetViewerState copyWith({
|
|
int? backgroundOpacity,
|
|
bool? showingBottomSheet,
|
|
bool? showingControls,
|
|
}) {
|
|
return AssetViewerState(
|
|
backgroundOpacity: backgroundOpacity ?? this.backgroundOpacity,
|
|
showingBottomSheet: showingBottomSheet ?? this.showingBottomSheet,
|
|
showingControls: showingControls ?? this.showingControls,
|
|
);
|
|
}
|
|
|
|
@override
|
|
String toString() {
|
|
return 'AssetViewerState(opacity: $backgroundOpacity, bottomSheet: $showingBottomSheet, controls: $showingControls)';
|
|
}
|
|
|
|
@override
|
|
bool operator ==(Object other) {
|
|
if (identical(this, other)) return true;
|
|
if (other.runtimeType != runtimeType) return false;
|
|
return other is AssetViewerState &&
|
|
other.backgroundOpacity == backgroundOpacity &&
|
|
other.showingBottomSheet == showingBottomSheet &&
|
|
other.showingControls == showingControls;
|
|
}
|
|
|
|
@override
|
|
int get hashCode =>
|
|
backgroundOpacity.hashCode ^
|
|
showingBottomSheet.hashCode ^
|
|
showingControls.hashCode;
|
|
}
|
|
|
|
class AssetViewerStateNotifier extends AutoDisposeNotifier<AssetViewerState> {
|
|
@override
|
|
AssetViewerState build() {
|
|
return const AssetViewerState();
|
|
}
|
|
|
|
void setOpacity(int opacity) {
|
|
state = state.copyWith(
|
|
backgroundOpacity: opacity,
|
|
showingControls: opacity == 255 ? true : state.showingControls,
|
|
);
|
|
}
|
|
|
|
void setBottomSheet(bool showing) {
|
|
state = state.copyWith(
|
|
showingBottomSheet: showing,
|
|
showingControls: showing ? true : state.showingControls,
|
|
);
|
|
}
|
|
|
|
void toggleControls() {
|
|
state = state.copyWith(showingControls: !state.showingControls);
|
|
}
|
|
}
|
|
|
|
final assetViewerProvider =
|
|
AutoDisposeNotifierProvider<AssetViewerStateNotifier, AssetViewerState>(
|
|
AssetViewerStateNotifier.new,
|
|
);
|