269 lines
11 KiB
Dart
269 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:fpdart/fpdart.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:hiddify/core/core_providers.dart';
|
|
import 'package:hiddify/domain/failures.dart';
|
|
import 'package:hiddify/features/common/confirmation_dialogs.dart';
|
|
import 'package:hiddify/features/profile_detail/notifier/notifier.dart';
|
|
import 'package:hiddify/features/settings/widgets/widgets.dart';
|
|
import 'package:hiddify/utils/utils.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:humanizer/humanizer.dart';
|
|
|
|
class ProfileDetailPage extends HookConsumerWidget with PresLogger {
|
|
const ProfileDetailPage(this.id, {super.key});
|
|
|
|
final String id;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final t = ref.watch(translationsProvider);
|
|
|
|
final provider = profileDetailNotifierProvider(id);
|
|
final notifier = ref.watch(provider.notifier);
|
|
|
|
ref.listen(
|
|
provider.select((data) => data.whenData((value) => value.save)),
|
|
(_, asyncSave) {
|
|
if (asyncSave case AsyncData(value: final save)) {
|
|
switch (save) {
|
|
case MutationFailure(:final failure):
|
|
CustomAlertDialog.fromErr(t.presentError(failure)).show(context);
|
|
case MutationSuccess():
|
|
CustomToast.success(t.profile.save.successMsg).show(context);
|
|
WidgetsBinding.instance.addPostFrameCallback(
|
|
(_) {
|
|
if (context.mounted) context.pop();
|
|
},
|
|
);
|
|
}
|
|
}
|
|
},
|
|
);
|
|
|
|
ref.listen(
|
|
provider.select((data) => data.whenData((value) => value.update)),
|
|
(_, asyncUpdate) {
|
|
if (asyncUpdate case AsyncData(value: final update)) {
|
|
switch (update) {
|
|
case MutationFailure(:final failure):
|
|
CustomAlertDialog.fromErr(t.presentError(failure)).show(context);
|
|
case MutationSuccess():
|
|
CustomToast.success(t.profile.update.successMsg).show(context);
|
|
}
|
|
}
|
|
},
|
|
);
|
|
|
|
ref.listen(
|
|
provider.select((data) => data.whenData((value) => value.delete)),
|
|
(_, asyncDelete) {
|
|
if (asyncDelete case AsyncData(value: final delete)) {
|
|
switch (delete) {
|
|
case MutationFailure(:final failure):
|
|
CustomToast.error(t.printError(failure)).show(context);
|
|
case MutationSuccess():
|
|
CustomToast.success(t.profile.delete.successMsg).show(context);
|
|
WidgetsBinding.instance.addPostFrameCallback(
|
|
(_) {
|
|
if (context.mounted) context.pop();
|
|
},
|
|
);
|
|
}
|
|
}
|
|
},
|
|
);
|
|
|
|
switch (ref.watch(provider)) {
|
|
case AsyncData(value: final state):
|
|
final showLoadingOverlay = state.isBusy ||
|
|
state.save is MutationSuccess ||
|
|
state.delete is MutationSuccess;
|
|
|
|
return Stack(
|
|
children: [
|
|
Scaffold(
|
|
body: CustomScrollView(
|
|
slivers: [
|
|
SliverAppBar(
|
|
title: Text(t.profile.detailsPageTitle),
|
|
pinned: true,
|
|
actions: [
|
|
if (state.isEditing)
|
|
PopupMenuButton(
|
|
itemBuilder: (context) {
|
|
return [
|
|
PopupMenuItem(
|
|
child: Text(t.profile.update.buttonTxt),
|
|
onTap: () async {
|
|
await notifier.updateProfile();
|
|
},
|
|
),
|
|
PopupMenuItem(
|
|
child: Text(t.profile.delete.buttonTxt),
|
|
onTap: () async {
|
|
final deleteConfirmed =
|
|
await showConfirmationDialog(
|
|
context,
|
|
title: t.profile.delete.buttonTxt,
|
|
message: t.profile.delete.confirmationMsg,
|
|
);
|
|
if (deleteConfirmed) {
|
|
await notifier.delete();
|
|
}
|
|
},
|
|
),
|
|
];
|
|
},
|
|
),
|
|
],
|
|
),
|
|
Form(
|
|
autovalidateMode: state.showErrorMessages
|
|
? AutovalidateMode.always
|
|
: AutovalidateMode.disabled,
|
|
child: SliverList.list(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 8,
|
|
),
|
|
child: CustomTextFormField(
|
|
initialValue: state.profile.name,
|
|
onChanged: (value) =>
|
|
notifier.setField(name: value),
|
|
validator: (value) => (value?.isEmpty ?? true)
|
|
? t.profile.detailsForm.emptyNameMsg
|
|
: null,
|
|
label: t.profile.detailsForm.nameLabel,
|
|
hint: t.profile.detailsForm.nameHint,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 8,
|
|
),
|
|
child: CustomTextFormField(
|
|
initialValue: state.profile.url,
|
|
onChanged: (value) => notifier.setField(url: value),
|
|
validator: (value) =>
|
|
(value != null && !isUrl(value))
|
|
? t.profile.detailsForm.invalidUrlMsg
|
|
: null,
|
|
label: t.profile.detailsForm.urlLabel,
|
|
hint: t.profile.detailsForm.urlHint,
|
|
),
|
|
),
|
|
ListTile(
|
|
title: Text(t.profile.detailsForm.updateInterval),
|
|
subtitle: Text(
|
|
state.profile.options?.updateInterval
|
|
.toApproximateTime(
|
|
isRelativeToNow: false,
|
|
) ??
|
|
t.general.toggle.disabled,
|
|
),
|
|
leading: const Icon(Icons.update),
|
|
onTap: () async {
|
|
final intervalInHours = await SettingsInputDialog(
|
|
title: t.profile.detailsForm
|
|
.updateIntervalDialogTitle,
|
|
initialValue:
|
|
state.profile.options?.updateInterval.inHours,
|
|
optionalAction: (
|
|
t.general.state.disable,
|
|
() => notifier.setField(updateInterval: none()),
|
|
),
|
|
validator: isPort,
|
|
mapTo: int.tryParse,
|
|
digitsOnly: true,
|
|
).show(context);
|
|
if (intervalInHours == null) return;
|
|
notifier.setField(
|
|
updateInterval: optionOf(intervalInHours),
|
|
);
|
|
},
|
|
),
|
|
if (state.isEditing)
|
|
ListTile(
|
|
title: Text(t.profile.detailsForm.lastUpdate),
|
|
subtitle: Text(state.profile.lastUpdate.format()),
|
|
dense: true,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SliverFillRemaining(
|
|
hasScrollBody: false,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 16,
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
OverflowBar(
|
|
spacing: 12,
|
|
overflowAlignment: OverflowBarAlignment.end,
|
|
children: [
|
|
OutlinedButton(
|
|
onPressed: context.pop,
|
|
child: Text(
|
|
MaterialLocalizations.of(context)
|
|
.cancelButtonLabel,
|
|
),
|
|
),
|
|
FilledButton(
|
|
onPressed: notifier.save,
|
|
child: Text(t.profile.save.buttonText),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (showLoadingOverlay)
|
|
Positioned.fill(
|
|
child: Container(
|
|
color: Colors.black54,
|
|
padding: const EdgeInsets.symmetric(horizontal: 36),
|
|
child: const Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
LinearProgressIndicator(
|
|
backgroundColor: Colors.transparent,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
|
|
case AsyncError(:final error):
|
|
return Scaffold(
|
|
body: CustomScrollView(
|
|
slivers: [
|
|
SliverAppBar(
|
|
title: Text(t.profile.detailsPageTitle),
|
|
pinned: true,
|
|
),
|
|
SliverErrorBodyPlaceholder(t.printError(error)),
|
|
],
|
|
),
|
|
);
|
|
|
|
default:
|
|
return const Scaffold();
|
|
}
|
|
}
|
|
}
|