feat: Update and enhance household settings (#388)

kitchenowl/lib/cubits/household_add_update/household_settings_items_cubit.dart

@@ -0,0 +1,81 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:kitchenowl/enums/shoppinglist_sorting.dart';
+import 'package:kitchenowl/models/category.dart';
+import 'package:kitchenowl/models/household.dart';
+import 'package:kitchenowl/models/item.dart';
+import 'package:kitchenowl/services/api/api_service.dart';
+import 'package:kitchenowl/services/transaction_handler.dart';
+import 'package:kitchenowl/services/transactions/category.dart';
+
+class HouseholdSettingsItemsCubit extends Cubit<HouseholdSettingsItemsState> {
+  final Household household;
+
+  HouseholdSettingsItemsCubit(this.household)
+      : super(const LoadingHouseholdSettingsItemsState()) {
+    refresh();
+  }
+
+  Future<void> refresh() async {
+    final items = ApiService.getInstance().getAllItems(household);
+    final categories = TransactionHandler.getInstance().runTransaction(
+      TransactionCategoriesGet(household: household),
+    );
+    if (await items != null) {
+      ShoppinglistSorting.sortShoppinglistItems(state.items, state.sorting);
+      emit(HouseholdSettingsItemsState(
+        items: (await items)!,
+        categories: await categories,
+      ));
+    }
+  }
+
+  void incrementSorting() {
+    setSorting(ShoppinglistSorting
+        .values[(state.sorting.index + 1) % ShoppinglistSorting.values.length]);
+  }
+
+  void setSorting(ShoppinglistSorting sorting) {
+    if (state is! LoadingHouseholdSettingsItemsState &&
+        state.items != const []) {
+      ShoppinglistSorting.sortShoppinglistItems(state.items, sorting);
+    }
+    emit(state.copyWith(sorting: sorting));
+  }
+}
+
+class HouseholdSettingsItemsState extends Equatable {
+  final List<Item> items;
+  final List<Category> categories;
+  final ShoppinglistSorting sorting;
+
+  const HouseholdSettingsItemsState({
+    this.items = const [],
+    this.categories = const [],
+    this.sorting = ShoppinglistSorting.alphabetical,
+  });
+
+  HouseholdSettingsItemsState copyWith({
+    ShoppinglistSorting? sorting,
+  }) =>
+      HouseholdSettingsItemsState(
+        items: this.items,
+        categories: this.categories,
+        sorting: sorting ?? this.sorting,
+      );
+
+  @override
+  List<Object?> get props => [items, categories, sorting];
+}
+
+class LoadingHouseholdSettingsItemsState extends HouseholdSettingsItemsState {
+  const LoadingHouseholdSettingsItemsState({super.sorting});
+
+  @override
+  HouseholdSettingsItemsState copyWith({
+    ShoppinglistSorting? sorting,
+  }) =>
+      LoadingHouseholdSettingsItemsState(
+        sorting: sorting ?? this.sorting,
+      );
+}

kitchenowl/lib/enums/shoppinglist_sorting.dart

@@ -6,7 +6,7 @@ enum ShoppinglistSorting {
   category;
 
   static void sortShoppinglistItems(
-    List<ShoppinglistItem> shoppinglist,
+    List<Item> shoppinglist,
     ShoppinglistSorting sorting,
   ) {
     if (shoppinglist.isEmpty) return;

kitchenowl/lib/helpers/build_context_extension.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+extension ReadOrNull on BuildContext {
+  T? readOrNull<T>() {
+    try {
+      return read<T>();
+    } on ProviderNotFoundException catch (_) {
+      return null;
+    }
+  }
+}

kitchenowl/lib/l10n/app_en.arb

@@ -463,6 +463,7 @@
   "loginTo": "Login to",
   "logout": "Logout",
   "logoutName": "Logout {name}",
+  "longPressToReorder": "Long press to reorder",
   "markAsPaid": "Mark as paid",
   "mealPlanner": "Meal planner",
   "member": "Member",

kitchenowl/lib/pages/household_add_page.dart

@@ -11,6 +11,7 @@ import 'package:kitchenowl/models/user.dart';
 import 'package:kitchenowl/pages/user_search_page.dart';
 import 'package:kitchenowl/widgets/settings_household/sliver_household_feature_settings.dart';
 import 'package:kitchenowl/widgets/user_list_tile.dart';
+import 'package:sliver_tools/sliver_tools.dart';
 
 class HouseholdAddPage extends StatefulWidget {
   final String? locale;
@@ -50,120 +51,138 @@ class _HouseholdAddPageState extends State<HouseholdAddPage> {
         body: CustomScrollView(
           primary: true,
           slivers: [
-            SliverList(
-              delegate: SliverChildListDelegate([
-                BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
-                  bloc: cubit,
-                  buildWhen: (previous, current) =>
-                      previous.image != current.image,
-                  builder: (context, state) => ImageSelector(
-                    image: state.image,
-                    setImage: cubit.setImage,
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: SliverList(
+                delegate: SliverChildListDelegate([
+                  BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
+                    bloc: cubit,
+                    buildWhen: (previous, current) =>
+                        previous.image != current.image,
+                    builder: (context, state) => ImageSelector(
+                      image: state.image,
+                      setImage: cubit.setImage,
+                    ),
                   ),
-                ),
-                Padding(
-                  padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
-                  child: TextField(
-                    onChanged: (s) => cubit.setName(s),
-                    textInputAction: TextInputAction.next,
-                    textCapitalization: TextCapitalization.sentences,
-                    decoration: InputDecoration(
-                      labelText: AppLocalizations.of(context)!.name,
+                  Padding(
+                    padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+                    child: TextField(
+                      onChanged: (s) => cubit.setName(s),
+                      textInputAction: TextInputAction.next,
+                      textCapitalization: TextCapitalization.sentences,
+                      decoration: InputDecoration(
+                        labelText: AppLocalizations.of(context)!.name,
+                      ),
                     ),
                   ),
-                ),
-              ]),
+                ]),
+              ),
             ),
-            const SliverPadding(
-              padding: EdgeInsets.symmetric(horizontal: 16),
-              sliver: SliverHouseholdFeatureSettings<HouseholdAddCubit,
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: const SliverHouseholdFeatureSettings<HouseholdAddCubit,
                   HouseholdAddState>(
                 askConfirmation: false,
                 languageCanBeChanged: true,
                 showProfile: false,
               ),
             ),
-            SliverPadding(
-              padding: const EdgeInsets.fromLTRB(16, 16, 16, 0),
-              sliver: SliverToBoxAdapter(
-                child: Row(
-                  children: [
-                    Expanded(
-                      child: Text(
-                        '${AppLocalizations.of(context)!.members}:',
-                        style: Theme.of(context).textTheme.titleLarge,
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: SliverToBoxAdapter(
+                child: const Divider(indent: 16, endIndent: 16),
+              ),
+            ),
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: SliverPadding(
+                padding: const EdgeInsets.fromLTRB(16, 0, 16, 0),
+                sliver: SliverToBoxAdapter(
+                  child: Row(
+                    children: [
+                      Expanded(
+                        child: Text(
+                          '${AppLocalizations.of(context)!.members}:',
+                          style: Theme.of(context).textTheme.titleLarge,
+                        ),
                       ),
-                    ),
-                    LoadingIconButton(
-                      icon: const Icon(Icons.add),
-                      tooltip: AppLocalizations.of(context)!.memberAdd,
-                      onPressed: () async {
-                        final user = await Navigator.of(context)
-                            .push<User>(MaterialPageRoute(
-                          builder: (ctx) => UserSearchPage(
-                            disabledUser: cubit.state.members,
-                          ),
-                        ));
-                        if (user == null) return;
+                      LoadingIconButton(
+                        icon: const Icon(Icons.add),
+                        tooltip: AppLocalizations.of(context)!.memberAdd,
+                        onPressed: () async {
+                          final user = await Navigator.of(context)
+                              .push<User>(MaterialPageRoute(
+                            builder: (ctx) => UserSearchPage(
+                              disabledUser: cubit.state.members,
+                            ),
+                          ));
+                          if (user == null) return;
 
-                        return cubit.addMember(Member.fromUser(user));
-                      },
-                      padding: EdgeInsets.zero,
-                    ),
-                  ],
+                          return cubit.addMember(Member.fromUser(user));
+                        },
+                        padding: EdgeInsets.zero,
+                      ),
+                    ],
+                  ),
                 ),
               ),
             ),
-            BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
-              bloc: cubit,
-              buildWhen: (previous, current) =>
-                  previous.members.length != current.members.length,
-              builder: (context, state) => SliverList(
-                delegate: SliverChildBuilderDelegate(
-                  childCount: state.members.length,
-                  (context, i) => Dismissible(
-                    key: ValueKey<Member>(state.members[i]),
-                    confirmDismiss: (direction) async {
-                      return !state.members[i].hasAdminRights();
-                    },
-                    onDismissed: (direction) {
-                      cubit.removeMember(state.members[i]);
-                    },
-                    child: UserListTile(
-                      user: state.members[i],
-                      markSelf: true,
-                      trailing: state.members[i].hasAdminRights()
-                          ? Icon(
-                              Icons.admin_panel_settings_rounded,
-                              color: state.members[i].owner
-                                  ? Colors.redAccent
-                                  : null,
-                            )
-                          : null,
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
+                bloc: cubit,
+                buildWhen: (previous, current) =>
+                    previous.members.length != current.members.length,
+                builder: (context, state) => SliverList(
+                  delegate: SliverChildBuilderDelegate(
+                    childCount: state.members.length,
+                    (context, i) => Dismissible(
+                      key: ValueKey<Member>(state.members[i]),
+                      confirmDismiss: (direction) async {
+                        return !state.members[i].hasAdminRights();
+                      },
+                      onDismissed: (direction) {
+                        cubit.removeMember(state.members[i]);
+                      },
+                      child: UserListTile(
+                        user: state.members[i],
+                        markSelf: true,
+                        trailing: state.members[i].hasAdminRights()
+                            ? Icon(
+                                Icons.admin_panel_settings_rounded,
+                                color: state.members[i].owner
+                                    ? Colors.redAccent
+                                    : null,
+                              )
+                            : null,
+                      ),
                     ),
                   ),
                 ),
               ),
             ),
-            SliverPadding(
-              padding: const EdgeInsets.all(16),
-              sliver: SliverToBoxAdapter(
-                child: BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
-                  bloc: cubit,
-                  builder: (context, state) => LoadingElevatedButton(
-                    onPressed: state.isValid()
-                        ? () async {
-                            Household? household = await cubit.create();
-                            if (!mounted || household == null) return;
-                            Navigator.of(context).pop(UpdateEnum.updated);
-                            context.go(
-                              '/household/${household.id}/${household.viewOrdering?.firstOrNull.toString()}',
-                              extra: household,
-                            );
-                          }
-                        : null,
-                    child: Text(
-                      AppLocalizations.of(context)!.add,
+            SliverCrossAxisConstrained(
+              maxCrossAxisExtent: 600,
+              child: SliverPadding(
+                padding: const EdgeInsets.all(16),
+                sliver: SliverToBoxAdapter(
+                  child: BlocBuilder<HouseholdAddCubit, HouseholdAddState>(
+                    bloc: cubit,
+                    builder: (context, state) => LoadingElevatedButton(
+                      onPressed: state.isValid()
+                          ? () async {
+                              Household? household = await cubit.create();
+                              if (!mounted || household == null) return;
+                              Navigator.of(context).pop(UpdateEnum.updated);
+                              context.go(
+                                '/household/${household.id}/${household.viewOrdering?.firstOrNull.toString()}',
+                                extra: household,
+                              );
+                            }
+                          : null,
+                      child: Text(
+                        AppLocalizations.of(context)!.add,
+                      ),
                     ),
                   ),
                 ),