c2c/immich
c2c/immich
2
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

Source Code added

Browse source
This commit is contained in:
Fr4nz D13trich 2026-02-02 15:06:40 +01:00
parent 800376eafd
commit 9efa9bc6dd
3912 changed files with 754770 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

142
mobile/lib/widgets/settings/networking_settings/endpoint_input.dart Normal file
View file

@ -0,0 +1,142 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/models/auth/auxilary_endpoint.model.dart';
import 'package:immich_mobile/providers/auth.provider.dart';
import 'package:immich_mobile/widgets/settings/networking_settings/networking_settings.dart';
class EndpointInput extends StatefulHookConsumerWidget {
const EndpointInput({
super.key,
required this.initialValue,
required this.index,
required this.onValidated,
required this.onDismissed,
this.enabled = true,
});
final AuxilaryEndpoint initialValue;
final int index;
final Function(String url, int index, AuxCheckStatus status) onValidated;
final Function(int index) onDismissed;
final bool enabled;
@override
EndpointInputState createState() => EndpointInputState();
}
class EndpointInputState extends ConsumerState<EndpointInput> {
late final TextEditingController controller;
late final FocusNode focusNode;
late AuxCheckStatus auxCheckStatus;
bool isInputValid = false;
@override
void initState() {
super.initState();
controller = TextEditingController(text: widget.initialValue.url);
focusNode = FocusNode()..addListener(_onOutFocus);
setState(() {
auxCheckStatus = widget.initialValue.status;
});
}
@override
void dispose() {
focusNode.removeListener(_onOutFocus);
focusNode.dispose();
controller.dispose();
super.dispose();
}
void _onOutFocus() {
if (!focusNode.hasFocus && isInputValid) {
validateAuxilaryServerUrl();
}
}
Future<void> validateAuxilaryServerUrl() async {
final url = controller.text;
setState(() => auxCheckStatus = AuxCheckStatus.loading);
final isValid = await ref.read(authProvider.notifier).validateAuxilaryServerUrl(url);
setState(() {
if (mounted) {
auxCheckStatus = isValid ? AuxCheckStatus.valid : AuxCheckStatus.error;
}
});
widget.onValidated(url, widget.index, auxCheckStatus);
}
String? validateUrl(String? url) {
try {
if (url == null || url.isEmpty || !Uri.parse(url).isAbsolute) {
isInputValid = false;
return 'validate_endpoint_error'.tr();
}
} catch (_) {
isInputValid = false;
return 'validate_endpoint_error'.tr();
}
isInputValid = true;
return null;
}
@override
Widget build(BuildContext context) {
return Dismissible(
key: ValueKey(widget.index.toString()),
direction: DismissDirection.endToStart,
onDismissed: (_) => widget.onDismissed(widget.index),
background: Container(
color: Colors.red,
alignment: Alignment.centerRight,
padding: const EdgeInsets.only(right: 16),
child: const Icon(Icons.delete, color: Colors.white),
),
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
trailing: ReorderableDragStartListener(
enabled: widget.enabled,
index: widget.index,
child: const Icon(Icons.drag_handle_rounded),
),
leading: NetworkStatusIcon(
key: ValueKey('status_$auxCheckStatus'),
status: auxCheckStatus,
enabled: widget.enabled,
),
subtitle: TextFormField(
enabled: widget.enabled,
onTapOutside: (_) => focusNode.unfocus(),
autovalidateMode: AutovalidateMode.onUserInteraction,
validator: validateUrl,
keyboardType: TextInputType.url,
style: const TextStyle(fontFamily: 'GoogleSansCode', fontSize: 14),
decoration: InputDecoration(
hintText: 'http(s)://immich.domain.com',
contentPadding: const EdgeInsets.all(16),
filled: true,
fillColor: context.colorScheme.surfaceContainer,
border: const OutlineInputBorder(borderRadius: BorderRadius.all(Radius.circular(16))),
errorBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.red[300]!),
borderRadius: const BorderRadius.all(Radius.circular(16)),
),
disabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: context.isDarkTheme ? Colors.grey[900]! : Colors.grey[300]!),
borderRadius: const BorderRadius.all(Radius.circular(16)),
),
),
controller: controller,
focusNode: focusNode,
),
),
);
}
}

157
mobile/lib/widgets/settings/networking_settings/external_network_preference.dart Normal file
View file

@ -0,0 +1,157 @@
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart' hide Store;
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/domain/models/store.model.dart';
import 'package:immich_mobile/entities/store.entity.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/extensions/translate_extensions.dart';
import 'package:immich_mobile/models/auth/auxilary_endpoint.model.dart';
import 'package:immich_mobile/widgets/settings/networking_settings/endpoint_input.dart';
class ExternalNetworkPreference extends HookConsumerWidget {
const ExternalNetworkPreference({super.key, required this.enabled});
final bool enabled;
@override
Widget build(BuildContext context, WidgetRef ref) {
final entries = useState([const AuxilaryEndpoint(url: '', status: AuxCheckStatus.unknown)]);
final canSave = useState(false);
saveEndpointList() {
canSave.value = entries.value.every((e) => e.status == AuxCheckStatus.valid);
final endpointList = entries.value.where((url) => url.status == AuxCheckStatus.valid).toList();
final jsonString = jsonEncode(endpointList);
Store.put(StoreKey.externalEndpointList, jsonString);
}
updateValidationStatus(String url, int index, AuxCheckStatus status) {
entries.value[index] = entries.value[index].copyWith(url: url, status: status);
saveEndpointList();
}
handleReorder(int oldIndex, int newIndex) {
if (oldIndex < newIndex) {
newIndex -= 1;
}
final entry = entries.value.removeAt(oldIndex);
entries.value.insert(newIndex, entry);
entries.value = [...entries.value];
saveEndpointList();
}
handleDismiss(int index) {
entries.value = [...entries.value..removeAt(index)];
saveEndpointList();
}
Widget proxyDecorator(Widget child, int index, Animation<double> animation) {
return AnimatedBuilder(
animation: animation,
builder: (BuildContext context, Widget? child) {
return Material(
color: context.colorScheme.surfaceContainerHighest,
shadowColor: context.colorScheme.primary.withValues(alpha: 0.2),
child: child,
);
},
child: child,
);
}
useEffect(() {
final jsonString = Store.tryGet(StoreKey.externalEndpointList);
if (jsonString == null) {
return null;
}
final List<dynamic> jsonList = jsonDecode(jsonString);
entries.value = jsonList.map((e) => AuxilaryEndpoint.fromJson(e)).toList();
return null;
}, const []);
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Container(
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(16)),
color: context.colorScheme.surfaceContainerLow,
border: Border.all(color: context.colorScheme.surfaceContainerHighest, width: 1),
),
child: Stack(
children: [
Positioned(
bottom: -36,
right: -36,
child: Icon(Icons.dns_rounded, size: 120, color: context.primaryColor.withValues(alpha: 0.05)),
),
ListView(
padding: const EdgeInsets.symmetric(vertical: 16.0),
physics: const ClampingScrollPhysics(),
shrinkWrap: true,
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 4.0, horizontal: 24),
child: Text("external_network_sheet_info".t(context: context), style: context.textTheme.bodyMedium),
),
const SizedBox(height: 4),
Divider(color: context.colorScheme.surfaceContainerHighest),
Form(
key: GlobalKey<FormState>(),
child: ReorderableListView.builder(
buildDefaultDragHandles: false,
proxyDecorator: proxyDecorator,
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
itemCount: entries.value.length,
onReorder: handleReorder,
itemBuilder: (context, index) {
return EndpointInput(
key: Key(index.toString()),
index: index,
initialValue: entries.value[index],
onValidated: updateValidationStatus,
onDismissed: handleDismiss,
enabled: enabled,
);
},
),
),
const SizedBox(height: 24),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24.0),
child: SizedBox(
height: 48,
child: OutlinedButton.icon(
icon: const Icon(Icons.add),
label: Text('add_endpoint'.t(context: context)),
onPressed: enabled
? () {
entries.value = [
...entries.value,
const AuxilaryEndpoint(url: '', status: AuxCheckStatus.unknown),
];
}
: null,
),
),
),
],
),
],
),
),
);
}
}

207
mobile/lib/widgets/settings/networking_settings/local_network_preference.dart Normal file
View file

@ -0,0 +1,207 @@
import 'dart:async';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/extensions/translate_extensions.dart';
import 'package:immich_mobile/providers/auth.provider.dart';
import 'package:immich_mobile/providers/network.provider.dart';
class LocalNetworkPreference extends HookConsumerWidget {
const LocalNetworkPreference({super.key, required this.enabled});
final bool enabled;
Future<String?> _showEditDialog(BuildContext context, String title, String hintText, String initialValue) {
final controller = TextEditingController(text: initialValue);
return showDialog<String>(
context: context,
builder: (context) => AlertDialog(
title: Text(title),
content: TextField(
controller: controller,
autofocus: true,
decoration: InputDecoration(border: const OutlineInputBorder(), hintText: hintText),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: Text('cancel'.tr().toUpperCase(), style: const TextStyle(color: Colors.red)),
),
TextButton(onPressed: () => Navigator.pop(context, controller.text), child: Text('save'.tr().toUpperCase())),
],
),
);
}
@override
Widget build(BuildContext context, WidgetRef ref) {
final wifiNameText = useState("");
final localEndpointText = useState("");
useEffect(() {
final wifiName = ref.read(authProvider.notifier).getSavedWifiName();
final localEndpoint = ref.read(authProvider.notifier).getSavedLocalEndpoint();
if (wifiName != null) {
wifiNameText.value = wifiName;
}
if (localEndpoint != null) {
localEndpointText.value = localEndpoint;
}
return null;
}, []);
saveWifiName(String wifiName) {
wifiNameText.value = wifiName;
return ref.read(authProvider.notifier).saveWifiName(wifiName);
}
saveLocalEndpoint(String url) {
localEndpointText.value = url;
return ref.read(authProvider.notifier).saveLocalEndpoint(url);
}
handleEditWifiName() async {
final wifiName = await _showEditDialog(context, "wifi_name".tr(), "your_wifi_name".tr(), wifiNameText.value);
if (wifiName != null) {
await saveWifiName(wifiName);
}
}
handleEditServerEndpoint() async {
final localEndpoint = await _showEditDialog(
context,
"server_endpoint".tr(),
"http://local-ip:2283",
localEndpointText.value,
);
if (localEndpoint != null) {
await saveLocalEndpoint(localEndpoint);
}
}
autofillCurrentNetwork() async {
final wifiName = await ref.read(networkProvider.notifier).getWifiName();
if (wifiName == null) {
context.showSnackBar(
SnackBar(
content: Text(
"get_wifiname_error".tr(),
style: context.textTheme.bodyMedium?.copyWith(
fontWeight: FontWeight.w500,
color: context.colorScheme.onSecondary,
),
),
backgroundColor: context.colorScheme.secondary,
),
);
} else {
unawaited(saveWifiName(wifiName));
}
final serverEndpoint = ref.read(authProvider.notifier).getServerEndpoint();
if (serverEndpoint != null) {
unawaited(saveLocalEndpoint(serverEndpoint));
}
}
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Stack(
children: [
Container(
clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(16)),
color: context.colorScheme.surfaceContainerLow,
border: Border.all(color: context.colorScheme.surfaceContainerHighest, width: 1),
),
child: Stack(
children: [
Positioned(
bottom: -36,
right: -36,
child: Icon(Icons.home_outlined, size: 120, color: context.primaryColor.withValues(alpha: 0.05)),
),
ListView(
padding: const EdgeInsets.symmetric(vertical: 16.0),
physics: const ClampingScrollPhysics(),
shrinkWrap: true,
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 4.0, horizontal: 24),
child: Text("local_network_sheet_info".tr(), style: context.textTheme.bodyMedium),
),
const SizedBox(height: 4),
Divider(color: context.colorScheme.surfaceContainerHighest),
ListTile(
enabled: enabled,
contentPadding: const EdgeInsets.only(left: 24, right: 8),
leading: const Icon(Icons.wifi_rounded),
title: Text("wifi_name".tr()),
subtitle: wifiNameText.value.isEmpty
? Text("enter_wifi_name".tr())
: Text(
wifiNameText.value,
style: context.textTheme.labelLarge?.copyWith(
fontWeight: FontWeight.bold,
color: enabled ? context.primaryColor : context.colorScheme.onSurface.withAlpha(100),
fontFamily: 'GoogleSansCode',
),
),
trailing: IconButton(
onPressed: enabled ? handleEditWifiName : null,
icon: const Icon(Icons.edit_rounded),
),
),
ListTile(
enabled: enabled,
contentPadding: const EdgeInsets.only(left: 24, right: 8),
leading: const Icon(Icons.lan_rounded),
title: Text("server_endpoint".t(context: context)),
subtitle: localEndpointText.value.isEmpty
? const Text("http://local-ip:2283")
: Text(
localEndpointText.value,
style: context.textTheme.labelLarge?.copyWith(
color: enabled ? context.primaryColor : context.colorScheme.onSurface.withAlpha(100),
fontFamily: 'GoogleSansCode',
),
),
trailing: IconButton(
onPressed: enabled ? handleEditServerEndpoint : null,
icon: const Icon(Icons.edit_rounded),
),
),
const SizedBox(height: 16),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24.0),
child: SizedBox(
height: 48,
child: OutlinedButton.icon(
icon: const Icon(Icons.wifi_find_rounded),
label: Text('use_current_connection'.t(context: context)),
onPressed: enabled ? autofillCurrentNetwork : null,
),
),
),
],
),
],
),
),
],
),
);
}
}

177
mobile/lib/widgets/settings/networking_settings/networking_settings.dart Normal file
View file

@ -0,0 +1,177 @@
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart' hide Store;
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/extensions/translate_extensions.dart';
import 'package:immich_mobile/models/auth/auxilary_endpoint.model.dart';
import 'package:immich_mobile/providers/network.provider.dart';
import 'package:immich_mobile/services/app_settings.service.dart';
import 'package:immich_mobile/utils/hooks/app_settings_update_hook.dart';
import 'package:immich_mobile/utils/url_helper.dart';
import 'package:immich_mobile/widgets/settings/networking_settings/external_network_preference.dart';
import 'package:immich_mobile/widgets/settings/networking_settings/local_network_preference.dart';
import 'package:immich_mobile/widgets/settings/setting_group_title.dart';
import 'package:immich_mobile/widgets/settings/settings_switch_list_tile.dart';
class NetworkingSettings extends HookConsumerWidget {
const NetworkingSettings({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final currentEndpoint = getServerUrl();
final featureEnabled = useAppSettingsState(AppSettingsEnum.autoEndpointSwitching);
Future<void> checkWifiReadPermission() async {
final [hasLocationInUse, hasLocationAlways] = await Future.wait([
ref.read(networkProvider.notifier).getWifiReadPermission(),
ref.read(networkProvider.notifier).getWifiReadBackgroundPermission(),
]);
bool? isGrantLocationAlwaysPermission;
if (!hasLocationInUse) {
await showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: Text("location_permission".tr()),
content: Text("location_permission_content".tr()),
actions: [
TextButton(
onPressed: () async {
final isGrant = await ref.read(networkProvider.notifier).requestWifiReadPermission();
Navigator.pop(context, isGrant);
},
child: Text("grant_permission".tr()),
),
],
);
},
);
}
if (!hasLocationAlways) {
isGrantLocationAlwaysPermission = await showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: Text("background_location_permission".tr()),
content: Text("background_location_permission_content".tr()),
actions: [
TextButton(
onPressed: () async {
final isGrant = await ref.read(networkProvider.notifier).requestWifiReadBackgroundPermission();
Navigator.pop(context, isGrant);
},
child: Text("grant_permission".tr()),
),
],
);
},
);
}
if (isGrantLocationAlwaysPermission != null && !isGrantLocationAlwaysPermission) {
await ref.read(networkProvider.notifier).openSettings();
}
}
useEffect(() {
if (featureEnabled.value == true) {
checkWifiReadPermission();
}
return null;
}, [featureEnabled.value]);
return ListView(
padding: const EdgeInsets.only(bottom: 96),
children: <Widget>[
const SizedBox(height: 8),
SettingGroupTitle(
title: "current_server_address".t(context: context),
icon: (currentEndpoint?.startsWith('https') ?? false) ? Icons.https_outlined : Icons.http_outlined,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Card(
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: const BorderRadius.all(Radius.circular(16)),
side: BorderSide(color: context.colorScheme.surfaceContainerHighest, width: 1),
),
child: ListTile(
leading: currentEndpoint != null
? const Icon(Icons.check_circle_rounded, color: Colors.green)
: const Icon(Icons.circle_outlined),
title: Text(
currentEndpoint ?? "--",
style: TextStyle(fontSize: 14, fontFamily: 'GoogleSansCode', color: context.primaryColor),
),
),
),
),
Padding(
padding: const EdgeInsets.only(top: 10.0),
child: Divider(color: context.colorScheme.surfaceContainerHighest),
),
SettingsSwitchListTile(
enabled: true,
valueNotifier: featureEnabled,
title: "automatic_endpoint_switching_title".tr(),
subtitle: "automatic_endpoint_switching_subtitle".tr(),
),
const SizedBox(height: 8),
SettingGroupTitle(
title: "local_network".t(context: context),
icon: Icons.home_outlined,
),
LocalNetworkPreference(enabled: featureEnabled.value),
const SizedBox(height: 16),
SettingGroupTitle(
title: "external_network".t(context: context),
icon: Icons.dns_outlined,
),
ExternalNetworkPreference(enabled: featureEnabled.value),
],
);
}
}
class NetworkStatusIcon extends StatelessWidget {
const NetworkStatusIcon({super.key, required this.status, this.enabled = true}) : super();
final AuxCheckStatus status;
final bool enabled;
@override
Widget build(BuildContext context) {
return AnimatedSwitcher(duration: const Duration(milliseconds: 200), child: buildIcon(context));
}
Widget buildIcon(BuildContext context) => switch (status) {
AuxCheckStatus.loading => Padding(
padding: const EdgeInsets.only(left: 4.0),
child: SizedBox(
width: 18,
height: 18,
child: CircularProgressIndicator(color: context.primaryColor, strokeWidth: 2, key: const ValueKey('loading')),
),
),
AuxCheckStatus.valid =>
enabled
? const Icon(Icons.check_circle_rounded, color: Colors.green, key: ValueKey('success'))
: Icon(
Icons.check_circle_rounded,
color: context.colorScheme.onSurface.withAlpha(100),
key: const ValueKey('success'),
),
AuxCheckStatus.error =>
enabled
? const Icon(Icons.error_rounded, color: Colors.red, key: ValueKey('error'))
: const Icon(Icons.error_rounded, color: Colors.grey, key: ValueKey('error')),
_ => const Icon(Icons.circle_outlined, key: ValueKey('unknown')),
};
}