Categorized Sub-spaces and Sub-chats

.changes/2168-categorized-structure.md

@@ -0,0 +1,2 @@
+- [New] : All new categorize management for sub-spaces and sub-chats
+- [New] : You can now create custom categories and manage all the sub-space and sub-chat base on the your requirements 

app/integration_test/tests/sub_spaces.dart

@@ -1,6 +1,6 @@
 import 'package:acter/common/widgets/sliver_scaffold.dart';
 import 'package:acter/features/space/sheets/link_room_sheet.dart';
-import 'package:acter/features/space/pages/sub_spaces_page.dart';
+import 'package:acter/features/spaces/pages/sub_spaces.dart';
 import 'package:convenient_test_dev/convenient_test_dev.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -42,8 +42,8 @@ void subSpaceTests() {
       await t.gotoSpace(spaceId);
       await t.navigateTo([
         const Key('spaces'),
-        SubSpacesPage.moreOptionKey,
-        SubSpacesPage.linkSubspaceKey,
+        SubSpaces.moreOptionKey,
+        SubSpaces.linkSubspaceKey,
       ]);
 
       final roomListEntry = find.byKey(Key('room-list-link-$subSpace'));
@@ -89,8 +89,8 @@ void subSpaceTests() {
       await t.gotoSpace(spaceId);
       await t.navigateTo([
         const Key('spaces'),
-        SubSpacesPage.moreOptionKey,
-        SubSpacesPage.linkSubspaceKey,
+        SubSpaces.moreOptionKey,
+        SubSpaces.linkSubspaceKey,
       ]);
 
       final roomListEntry = find.byKey(Key('room-list-link-$subSpace'));

app/lib/common/skeletons/general_list_skeleton_widget.dart

@@ -0,0 +1,56 @@
+import 'package:atlas_icons/atlas_icons.dart';
+import 'package:flutter/material.dart';
+import 'package:skeletonizer/skeletonizer.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+
+class GeneralListSkeletonWidget extends StatelessWidget {
+  const GeneralListSkeletonWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Skeletonizer(child: _buildSkeletonUI(context));
+  }
+
+  Widget _buildSkeletonUI(BuildContext context) {
+    return Column(
+      children: [
+        _buildListItemSkeletonUI(context),
+        _buildListItemSkeletonUI(context),
+        _buildListItemSkeletonUI(context),
+        _buildListItemSkeletonUI(context),
+        _buildListItemSkeletonUI(context),
+      ],
+    );
+  }
+
+  Widget _buildListItemSkeletonUI(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(16),
+      child: Row(
+        children: [
+          Container(
+            height: 50,
+            width: 50,
+            color: Colors.white,
+          ),
+          const SizedBox(width: 10),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(L10n.of(context).title + L10n.of(context).title),
+                Text(
+                  L10n.of(context).description + L10n.of(context).description,
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(width: 20),
+          const Icon(Atlas.crown_winner_thin),
+          const SizedBox(width: 10),
+          const Icon(Atlas.dots_vertical),
+        ],
+      ),
+    );
+  }
+}

app/lib/common/utils/routes.dart

@@ -65,11 +65,12 @@ enum Routes {
   linkRecommended('/:spaceId([!#][^/]+)/linkRecommended'),
   spaceInvite('/:spaceId([!#][^/]+)/invite'),
   space('/:spaceId([!#][^/]+)'), // !spaceId, #spaceName
-  spaceRelatedSpaces('/:spaceId([!#][^/]+)/spaces'),
+  subSpaces('/:spaceId([!#][^/]+)/subSpaces'),
+  subChats('/:spaceId([!#][^/]+)/subChats'),
+  organizeCategories('/organizeCategories/:spaceId([^/]+)/:categoriesFor([^/]+)'),
   spaceMembers('/:spaceId([!#][^/]+)/members'),
   spacePins('/:spaceId([!#][^/]+)/pins'),
   spaceEvents('/:spaceId([!#][^/]+)/events'),
-  spaceChats('/:spaceId([!#][^/]+)/chats'),
   spaceTasks('/:spaceId([!#][^/]+)/tasks'),
   // -- space Settings
   spaceSettings('/:spaceId([!#][^/]+)/settings'),
@@ -112,5 +113,6 @@ enum Routes {
   fatalFail('/error');
 
   const Routes(this.route);
+
   final String route;
 }

app/lib/common/widgets/acter_icon_picker/model/acter_icons.dart

@@ -152,6 +152,9 @@ enum ActerIcon {
   static ActerIcon iconForTask(String? name) =>
       iconFor(name) ?? ActerIcon.list;
 
+  static ActerIcon iconForCategories(String? name) =>
+      iconFor(name) ?? ActerIcon.list;
+
   static ActerIcon iconForPin(String? name) =>
       iconFor(name) ?? ActerIcon.pin;
 

app/lib/common/widgets/room/room_card.dart

@@ -72,6 +72,9 @@ class RoomCard extends ConsumerWidget {
   /// the default border.
   final bool withBorder;
 
+  /// Custom Leading Widget
+  final Widget? leading;
+
   /// Custom Trailing Widget
   final Widget? trailing;
 
@@ -106,6 +109,7 @@ class RoomCard extends ConsumerWidget {
     this.showParents = true,
     this.showSuggestedMark = false,
     this.showVisibilityMark = false,
+    this.leading,
     this.trailing,
   });
 
@@ -127,6 +131,7 @@ class RoomCard extends ConsumerWidget {
     this.showParents = false,
     this.showSuggestedMark = false,
     this.showVisibilityMark = false,
+    this.leading,
     this.trailing,
   });
 
@@ -149,6 +154,7 @@ class RoomCard extends ConsumerWidget {
       showParents: showParents,
       showSuggestedMark: showSuggestedMark,
       showVisibilityMark: showVisibilityMark,
+      leading: leading,
       trailing: trailing,
     );
   }

app/lib/common/widgets/room/room_with_profile_card.dart

@@ -9,6 +9,7 @@ class RoomWithAvatarInfoCard extends StatelessWidget {
   final AvatarInfo avatarInfo;
   final List<AvatarInfo>? parents;
   final Widget? subtitle;
+  final Widget? leading;
   final Widget? trailing;
   final double avatarSize;
 
@@ -85,6 +86,7 @@ class RoomWithAvatarInfoCard extends StatelessWidget {
     required this.avatarInfo,
     this.parents,
     this.subtitle,
+    this.leading,
     this.trailing,
     this.onTap,
     this.onLongPress,
@@ -129,9 +131,24 @@ class RoomWithAvatarInfoCard extends StatelessWidget {
         titleTextStyle: titleTextStyle,
         subtitleTextStyle: subtitleTextStyle,
         leadingAndTrailingTextStyle: leadingAndTrailingTextStyle,
-        title: Text(title, overflow: TextOverflow.ellipsis),
-        subtitle: buildSubtitle(context),
-        leading: avatar,
+        title: Row(
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            avatar,
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(title, overflow: TextOverflow.ellipsis),
+                  buildSubtitle(context) ?? const SizedBox.shrink(),
+                ],
+              ),
+            ),
+          ],
+        ),
+        leading: leading,
         trailing: trailing,
       ),
     );

app/lib/features/categories/actions/save_categories.dart

@@ -0,0 +1,74 @@
+import 'package:acter/common/providers/sdk_provider.dart';
+import 'package:acter/common/providers/space_providers.dart';
+import 'package:acter/features/categories/model/CategoryModelLocal.dart';
+import 'package:acter/features/categories/providers/categories_providers.dart';
+import 'package:acter/features/categories/utils/category_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_easyloading/flutter_easyloading.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:logging/logging.dart';
+
+final _log = Logger('a3::save_categories');
+
+Future<void> saveCategories(
+  BuildContext context,
+  WidgetRef ref,
+  String spaceId,
+  CategoriesFor categoriesFor,
+  List<CategoryModelLocal> categoryList,
+) async {
+  // Show loading message
+  EasyLoading.show(status: L10n.of(context).updatingCategories);
+  try {
+    //Get category manager
+    final categoriesManager = await ref.read(
+      categoryManagerProvider(
+        (spaceId: spaceId, categoriesFor: categoriesFor),
+      ).future,
+    );
+    final sdk = await ref.watch(sdkProvider.future);
+    final displayBuilder = sdk.api.newDisplayBuilder();
+
+    //Get category builder
+    final categoriesBuilder = categoriesManager.updateBuilder();
+
+    //Clear category builder data and Add new
+    categoriesBuilder.clear();
+    for (int i = 0; i < categoryList.length; i++) {
+      bool isValidCategory = CategoryUtils().isValidCategory(categoryList[i]);
+      if (isValidCategory) {
+        final newCategoryItem = categoriesManager.newCategoryBuilder();
+        //ADD TITLE
+        newCategoryItem.title(categoryList[i].title);
+
+        //ADD COLOR AND ICON
+        displayBuilder.color(categoryList[i].color!.value);
+        displayBuilder.icon('acter-icon', categoryList[i].icon!.name);
+        newCategoryItem.display(displayBuilder.build());
+
+        //ADD ENTRIES
+        for (int j = 0; j < categoryList[i].entries.length; j++) {
+          newCategoryItem.addEntry(categoryList[i].entries[j]);
+        }
+        categoriesBuilder.add(newCategoryItem.build());
+      }
+    }
+
+    //Save category builder
+    final space = await ref.read(spaceProvider(spaceId).future);
+    space.setCategories(categoriesFor.name, categoriesBuilder);
+
+    EasyLoading.dismiss();
+  } catch (e, s) {
+    _log.severe('Failed to save categories', e, s);
+    if (!context.mounted) {
+      EasyLoading.dismiss();
+      return;
+    }
+    EasyLoading.showError(
+      L10n.of(context).updatingCategoriesFailed(e),
+      duration: const Duration(seconds: 3),
+    );
+  }
+}

app/lib/features/categories/model/CategoryModelLocal.dart

@@ -0,0 +1,16 @@
+import 'package:acter/common/widgets/acter_icon_picker/model/acter_icons.dart';
+import 'package:flutter/material.dart';
+
+class CategoryModelLocal {
+  final String title;
+  final Color? color;
+  final ActerIcon? icon;
+  final List<String> entries;
+
+  const CategoryModelLocal({
+    required this.title,
+    this.color,
+    this.icon,
+    required this.entries,
+  });
+}