feat(blocks): Add Blocks overview page

lib/pages/content/blocks/blocks_overview.dart

@@ -0,0 +1,363 @@
+import 'package:exdock_backend_client/pages/content/pages/bulk_actions/delete_pages_bulk_action.dart';
+import 'package:exdock_backend_client/utils/id_set_notifier.dart';
+import 'package:exdock_backend_client/utils/user_parameters/text_user_parameter.dart';
+import 'package:exdock_backend_client/utils/user_parameters/user_parameter_collection.dart';
+import 'package:exdock_backend_client/widgets/loading/exdock_loading_page_animation.dart';
+import 'package:exdock_backend_client/widgets/overview_page/content/columns/overview_page_column.dart';
+import 'package:exdock_backend_client/widgets/overview_page/content/row/overview_page_row.dart';
+import 'package:exdock_backend_client/widgets/overview_page/content/row/retrieve_overview_page_pages.dart';
+import 'package:exdock_backend_client/widgets/overview_page/filters/filter_notifier.dart';
+import 'package:exdock_backend_client/widgets/overview_page/filters/filter_setup/filter_setup.dart';
+import 'package:exdock_backend_client/widgets/overview_page/filters/filter_setup/filter_setup_type_data.dart';
+import 'package:exdock_backend_client/widgets/overview_page/overview_page.dart';
+import 'package:exdock_backend_client/widgets/overview_page/visible_columns_selection/visible_columns_notifier.dart';
+import 'package:exdock_backend_client/widgets/pagination/page_notifier.dart';
+import 'package:flutter/material.dart';
+
+class BlocksOverview extends StatefulWidget {
+  const BlocksOverview({super.key});
+
+  @override
+  State<BlocksOverview> createState() => _BlocksOverviewState();
+}
+
+class _BlocksOverviewState extends State<BlocksOverview> {
+  final VisibleColumnsNotifier visibleColumns =
+      VisibleColumnsNotifier(visibleColumns: []);
+  Set<String> allIds = {};
+  late IdSetNotifier selectedIds = IdSetNotifier(allIds);
+
+  Future<List<OverviewPageColumnData>> getPagesColumns() async {
+    return [
+      const OverviewPageColumnData(columnKey: "column_1", name: "Column 1"),
+      const OverviewPageColumnData(columnKey: "column_2", name: "Column 2"),
+      const OverviewPageColumnData(columnKey: "column_3", name: "Column 3"),
+      const OverviewPageColumnData(columnKey: "column_4", name: "Column 4"),
+    ];
+  }
+
+  Future<List<OverviewPageRow>> Function(
+    FilterNotifier filters,
+    List<OverviewPageColumnData>? columns,
+    Set<String> allIds,
+    IdSetNotifier selectedIds,
+    PageNotifier pageNotifier,
+  ) getPagesRows() {
+    Future<List<OverviewPageRow>> getRows(
+      FilterNotifier filters,
+      List<OverviewPageColumnData>? columns,
+      Set<String> allIds,
+      IdSetNotifier selectedIds,
+      PageNotifier pageNotifier,
+    ) async {
+      pageNotifier.maxPage = 1;
+      if (pageNotifier.value == 0) {
+        return [
+          OverviewPageRow(
+            id: 'block_1',
+            name: "Block 1",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+            onSelect: () {
+              // ignore: avoid_print
+              print("row selected: 1");
+            },
+          ),
+          OverviewPageRow(
+            id: 'block_2',
+            name: "Block 2",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_3',
+            name: "Block 3",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_4',
+            name: "Block 4",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_5',
+            name: "Block 5",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_6',
+            name: "Block 6",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_7',
+            name: "Block 7",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_8',
+            name: "Block 8",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_9',
+            name: "Block 9",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_10',
+            name: "Block 10",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+        ];
+      }
+      if (pageNotifier.value == 1) {
+        return [
+          OverviewPageRow(
+            id: 'block_11',
+            name: "Block 11",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_12',
+            name: "Block 12",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_13',
+            name: "Block 13",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_14',
+            name: "Block 14",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+          OverviewPageRow(
+            id: 'block_15',
+            name: "Block 15",
+            visibleColumns: visibleColumns,
+            columnValues: const {
+              "column_1": "value_1",
+              "column_2": "value_2",
+              "column_3": "value_3",
+              "column_4": "value_4",
+              "column_5": "value_5",
+            },
+            allIds: allIds,
+            selectedIds: selectedIds,
+          ),
+        ];
+      }
+      throw Exception("In this mock data, only 2 pages exist");
+    }
+
+    return getRows;
+  }
+
+  Future<
+      (
+        List<OverviewPageColumnData>,
+        Future<List<OverviewPageRow>> Function(
+          FilterNotifier filters,
+          List<OverviewPageColumnData>? columns,
+          Set<String> allIds,
+          IdSetNotifier selectedIds,
+          PageNotifier pageNotifier,
+        )
+      )> getPagesOverviewData() async {
+    return (await getPagesColumns(), getPagesRows());
+  }
+
+  Future<List<FilterSetupData>> getFilters() async {
+    return [
+      FilterSetupData(
+          key: "string_filter_key",
+          name: "String Filter",
+          type: FilterSetupTypeData.string),
+      FilterSetupData(
+          key: "range_filter_key",
+          name: "Range Filter",
+          type: FilterSetupTypeData.range),
+    ];
+  }
+
+  final FilterNotifier filters = FilterNotifier();
+  final PageNotifier pageNotifier = PageNotifier(pageSize: 10);
+
+  @override
+  Widget build(BuildContext context) {
+    final UserParameterCollection userParameterCollection =
+        UserParameterCollection();
+
+    userParameterCollection.addParameter(
+      TextUserParameter(
+        "key",
+        userParameterCollection.parameterValueStorage,
+      ),
+    );
+
+    return FutureBuilder(
+      future: getPagesOverviewData(),
+      builder: (context, snapshot) {
+        if (snapshot.connectionState == ConnectionState.done &&
+            !snapshot.hasError) {
+          return OverviewPage(
+            columns: snapshot.data!.$1,
+            visibleColumns: visibleColumns,
+            filters: filters,
+            pageNotifier: pageNotifier,
+            getPages: RetrieveOverviewPagePages(
+              getRows: snapshot.data!.$2,
+              filters: filters,
+              allIds: allIds,
+              selectedIds: selectedIds,
+              pageNotifier: pageNotifier,
+            ),
+            individualName: "page",
+            allIds: allIds,
+            selectedIds: selectedIds,
+            bulkActions: [
+              DeletePagesBulkAction(
+                selectedIds: selectedIds,
+                userParameterCollection: userParameterCollection,
+              ),
+              DeletePagesBulkAction(
+                selectedIds: selectedIds,
+                userParameterCollection: userParameterCollection,
+              ),
+            ],
+            getFilters: getFilters,
+          );
+        }
+
+        if (snapshot.hasError) {
+          return Center(
+            child: Text("An error has occurred: ${snapshot.error.toString()}"),
+          );
+        }
+
+        return const ExdockLoadingPageAnimation();
+      },
+    );
+  }
+}

lib/pages/content/blocks/bulk_actions/delete_blocks_bulk_action.dart

@@ -0,0 +1,15 @@
+import 'package:exdock_backend_client/widgets/overview_page/bulk/bulk_action.dart';
+
+class DeleteBlocksBulkAction extends BulkAction {
+  DeleteBlocksBulkAction({
+    required super.selectedIds,
+    required super.userParameterCollection,
+  }) : super(name: "Delete Blocks");
+
+  @override
+  void execute({required Function() onSuccess, required Function() onFailure}) {
+    // TODO: implement execute
+    throw UnimplementedError(
+        "TODO: implement the delete blocks bulk actions server request");
+  }
+}

lib/pages/page_wrapper/side_bar/navigation_rail_destinations.dart

@@ -102,6 +102,10 @@ Map<String, HoverableNavigationRailDestination> navigationRailDestinations(
                 route: "/content/templates",
                 buttonText: "templates",
               ),
+              const SimpleHoverMenuButton(
+                route: "/content/blocks",
+                buttonText: "blocks",
+              ),
             ],
           ),
         ),