Initial commit

lib/features/documents/view/widgets/list/document_list.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_paperless_mobile/core/widgets/documents_list_loading_widget.dart';
+import 'package:flutter_paperless_mobile/core/widgets/offline_widget.dart';
+import 'package:flutter_paperless_mobile/features/documents/bloc/documents_state.dart';
+import 'package:flutter_paperless_mobile/features/documents/model/document.model.dart';
+import 'package:flutter_paperless_mobile/features/documents/view/widgets/list/document_list_item.dart';
+import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+
+class DocumentListView extends StatelessWidget {
+  final void Function(DocumentModel model) onTap;
+  final void Function(DocumentModel) onSelected;
+  final PagingController<int, DocumentModel> pagingController;
+  final DocumentsState state;
+  final bool hasInternetConnection;
+
+  const DocumentListView({
+    super.key,
+    required this.onTap,
+    required this.pagingController,
+    required this.state,
+    required this.onSelected,
+    required this.hasInternetConnection,
+  });
+  @override
+  Widget build(BuildContext context) {
+    return PagedSliverList<int, DocumentModel>(
+      pagingController: pagingController,
+      builderDelegate: PagedChildBuilderDelegate(
+        animateTransitions: true,
+        itemBuilder: (context, item, index) {
+          return DocumentListItem(
+            document: item,
+            onTap: onTap,
+            isSelected: state.selection.contains(item),
+            onSelected: onSelected,
+            isAtLeastOneSelected: state.selection.isNotEmpty,
+          );
+        },
+        noItemsFoundIndicatorBuilder: (context) =>
+            hasInternetConnection ? const DocumentsListLoadingWidget() : const OfflineWidget(),
+      ),
+    );
+  }
+}

lib/features/documents/view/widgets/list/document_list_item.dart

@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_paperless_mobile/features/documents/model/document.model.dart';
+import 'package:flutter_paperless_mobile/features/documents/view/widgets/document_preview.dart';
+import 'package:flutter_paperless_mobile/features/labels/correspondent/view/widgets/correspondent_widget.dart';
+import 'package:flutter_paperless_mobile/features/labels/tags/view/widgets/tags_widget.dart';
+
+class DocumentListItem extends StatelessWidget {
+  static const a4AspectRatio = 1 / 1.4142;
+  final DocumentModel document;
+  final bool isSelected;
+  final void Function(DocumentModel) onTap;
+  final void Function(DocumentModel)? onSelected;
+  final bool isAtLeastOneSelected;
+
+  const DocumentListItem({
+    Key? key,
+    required this.document,
+    required this.onTap,
+    this.onSelected,
+    required this.isSelected,
+    required this.isAtLeastOneSelected,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      child: ListTile(
+        dense: true,
+        selected: isSelected,
+        onTap: () => _onTap(),
+        selectedTileColor: Theme.of(context).colorScheme.inversePrimary,
+        onLongPress: () => onSelected?.call(document),
+        title: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.spaceAround,
+          children: [
+            Row(
+              children: [
+                AbsorbPointer(
+                  absorbing: isAtLeastOneSelected,
+                  child: CorrespondentWidget(
+                    correspondentId: document.correspondent,
+                    afterSelected: () {},
+                  ),
+                ),
+              ],
+            ),
+            Text(
+              document.title,
+              overflow: TextOverflow.ellipsis,
+              maxLines: document.tags.isEmpty ? 2 : 1,
+            ),
+          ],
+        ),
+        subtitle: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 4),
+          child: AbsorbPointer(
+            absorbing: isAtLeastOneSelected,
+            child: TagsWidget(
+              tagIds: document.tags,
+              isMultiLine: false,
+            ),
+          ),
+        ),
+        isThreeLine: document.tags.isNotEmpty,
+        leading: AspectRatio(
+          aspectRatio: a4AspectRatio,
+          child: GestureDetector(
+            child: DocumentPreview(
+              id: document.id,
+              fit: BoxFit.cover,
+              alignment: Alignment.topCenter,
+            ),
+          ),
+        ),
+        contentPadding: const EdgeInsets.all(8.0),
+      ),
+    );
+  }
+
+  void _onTap() {
+    if (isAtLeastOneSelected || isSelected) {
+      onSelected?.call(document);
+    } else {
+      onTap(document);
+    }
+  }
+}