141 lines
4.7 KiB
Dart
141 lines
4.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:hiddify/core/core_providers.dart';
|
|
import 'package:hiddify/core/router/router.dart';
|
|
import 'package:hiddify/domain/failures.dart';
|
|
import 'package:hiddify/features/profile/model/profile_sort_enum.dart';
|
|
import 'package:hiddify/features/profile/overview/profiles_overview_notifier.dart';
|
|
import 'package:hiddify/features/profile/widget/profile_tile.dart';
|
|
import 'package:hiddify/utils/placeholders.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
|
class ProfilesOverviewModal extends HookConsumerWidget {
|
|
const ProfilesOverviewModal({
|
|
super.key,
|
|
this.scrollController,
|
|
});
|
|
|
|
final ScrollController? scrollController;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final t = ref.watch(translationsProvider);
|
|
final asyncProfiles = ref.watch(profilesOverviewNotifierProvider);
|
|
|
|
return Stack(
|
|
children: [
|
|
CustomScrollView(
|
|
controller: scrollController,
|
|
slivers: [
|
|
switch (asyncProfiles) {
|
|
AsyncData(value: final profiles) => SliverList.builder(
|
|
itemBuilder: (context, index) {
|
|
final profile = profiles[index];
|
|
return ProfileTile(profile: profile);
|
|
},
|
|
itemCount: profiles.length,
|
|
),
|
|
AsyncError(:final error) => SliverErrorBodyPlaceholder(
|
|
t.presentShortError(error),
|
|
),
|
|
AsyncLoading() => const SliverLoadingBodyPlaceholder(),
|
|
_ => const SliverToBoxAdapter(),
|
|
},
|
|
const SliverGap(48),
|
|
],
|
|
),
|
|
Positioned.fill(
|
|
child: Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: ButtonBar(
|
|
alignment: MainAxisAlignment.center,
|
|
children: [
|
|
FilledButton.icon(
|
|
onPressed: () {
|
|
const AddProfileRoute().push(context);
|
|
},
|
|
icon: const Icon(Icons.add),
|
|
label: Text(t.profile.add.shortBtnTxt),
|
|
),
|
|
FilledButton.icon(
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) {
|
|
return const ProfilesSortModal();
|
|
},
|
|
);
|
|
},
|
|
icon: const Icon(Icons.sort),
|
|
label: Text(t.general.sort),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class ProfilesSortModal extends HookConsumerWidget {
|
|
const ProfilesSortModal({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final t = ref.watch(translationsProvider);
|
|
final sortNotifier =
|
|
ref.watch(profilesOverviewSortNotifierProvider.notifier);
|
|
|
|
return AlertDialog(
|
|
title: Text(t.general.sortBy),
|
|
content: Consumer(
|
|
builder: (context, ref, child) {
|
|
final sort = ref.watch(profilesOverviewSortNotifierProvider);
|
|
return SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
...ProfilesSort.values.map(
|
|
(e) {
|
|
final selected = sort.by == e;
|
|
final double arrowTurn =
|
|
sort.mode == SortMode.ascending ? 0 : 0.5;
|
|
|
|
return ListTile(
|
|
title: Text(e.present(t)),
|
|
onTap: () {
|
|
if (selected) {
|
|
sortNotifier.toggleMode();
|
|
} else {
|
|
sortNotifier.changeSort(e);
|
|
}
|
|
},
|
|
selected: selected,
|
|
leading: Icon(e.icon),
|
|
trailing: selected
|
|
? IconButton(
|
|
onPressed: () {
|
|
sortNotifier.toggleMode();
|
|
},
|
|
icon: AnimatedRotation(
|
|
turns: arrowTurn,
|
|
duration: const Duration(milliseconds: 100),
|
|
child: Icon(
|
|
Icons.arrow_upward,
|
|
semanticLabel: sort.mode.name,
|
|
),
|
|
),
|
|
)
|
|
: null,
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|