feat: extract snippets into widgets, code cleanup document details

lib/features/document_details/view/widgets/details_item.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+class DetailsItem extends StatelessWidget {
+  final String label;
+  final Widget content;
+  const DetailsItem({
+    Key? key,
+    required this.label,
+    required this.content,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          label,
+          style: Theme.of(context).textTheme.bodySmall,
+        ),
+        content,
+      ],
+    );
+  }
+
+  DetailsItem.text(
+    String text, {
+    required this.label,
+    required BuildContext context,
+  }) : content = Text(
+          text,
+          style: Theme.of(context).textTheme.bodyLarge,
+        );
+}

lib/features/document_details/view/widgets/document_content_widget.dart

@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:paperless_api/paperless_api.dart';
+import 'package:paperless_mobile/core/widgets/highlighted_text.dart';
+import 'package:paperless_mobile/features/document_details/cubit/document_details_cubit.dart';
+import 'package:paperless_mobile/generated/l10n.dart';
+
+class DocumentContentWidget extends StatelessWidget {
+  final bool isFullContentLoaded;
+  final String? fullContent;
+  final String? queryString;
+  final DocumentModel document;
+  const DocumentContentWidget({
+    super.key,
+    required this.isFullContentLoaded,
+    this.fullContent,
+    required this.document,
+    this.queryString,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SingleChildScrollView(
+      padding: const EdgeInsets.symmetric(
+        vertical: 16,
+        horizontal: 16,
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          HighlightedText(
+            text: (isFullContentLoaded ? fullContent : document.content) ?? "",
+            highlights: queryString != null ? queryString!.split(" ") : [],
+            style: Theme.of(context).textTheme.bodyMedium,
+            caseSensitive: false,
+          ),
+          if (!isFullContentLoaded && (document.content ?? '').isNotEmpty)
+            Align(
+              alignment: Alignment.bottomCenter,
+              child: TextButton(
+                child:
+                    Text(S.of(context).documentDetailsPageLoadFullContentLabel),
+                onPressed: () {
+                  context.read<DocumentDetailsCubit>().loadFullContent();
+                },
+              ),
+            ),
+        ],
+      ),
+    );
+  }
+}

lib/features/document_details/view/widgets/document_download_button.dart

@@ -6,7 +6,6 @@ import 'package:paperless_mobile/core/service/file_service.dart';
 import 'package:paperless_mobile/extensions/flutter_extensions.dart';
 import 'package:paperless_mobile/generated/l10n.dart';
 import 'package:paperless_mobile/helpers/message_helpers.dart';
-import 'package:paperless_mobile/constants.dart';
 import 'package:provider/provider.dart';
 
 class DocumentDownloadButton extends StatefulWidget {

lib/features/document_details/view/widgets/document_meta_data_widget.dart

@@ -0,0 +1,105 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:paperless_api/paperless_api.dart';
+import 'package:paperless_mobile/core/bloc/connectivity_cubit.dart';
+import 'package:paperless_mobile/core/widgets/offline_widget.dart';
+import 'package:paperless_mobile/extensions/flutter_extensions.dart';
+import 'package:paperless_mobile/features/document_details/cubit/document_details_cubit.dart';
+import 'package:paperless_mobile/features/document_details/view/widgets/details_item.dart';
+import 'package:paperless_mobile/generated/l10n.dart';
+import 'package:paperless_mobile/helpers/format_helpers.dart';
+import 'package:paperless_mobile/helpers/message_helpers.dart';
+
+class DocumentMetaDataWidget extends StatelessWidget {
+  final Future<DocumentMetaData> metaData;
+  final DocumentModel document;
+  final double itemSpacing;
+  const DocumentMetaDataWidget({
+    super.key,
+    required this.metaData,
+    required this.document,
+    required this.itemSpacing,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<ConnectivityCubit, ConnectivityState>(
+      builder: (context, state) {
+        if (!state.isConnected) {
+          return const Center(
+            child: OfflineWidget(),
+          );
+        }
+        return FutureBuilder<DocumentMetaData>(
+          future: metaData,
+          builder: (context, snapshot) {
+            if (!snapshot.hasData) {
+              return const Center(child: CircularProgressIndicator());
+            }
+            final meta = snapshot.data!;
+            return ListView(
+              padding: const EdgeInsets.symmetric(
+                vertical: 16,
+                horizontal: 16,
+              ),
+              children: [
+                DetailsItem(
+                  label: S
+                      .of(context)
+                      .documentArchiveSerialNumberPropertyLongLabel,
+                  content: document.archiveSerialNumber != null
+                      ? Text(document.archiveSerialNumber.toString())
+                      : TextButton.icon(
+                          icon: const Icon(Icons.archive_outlined),
+                          label: Text(S
+                              .of(context)
+                              .documentDetailsPageAssignAsnButtonLabel),
+                          onPressed: () => _assignAsn(context),
+                        ),
+                ).paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(DateFormat().format(document.modified),
+                        label: S.of(context).documentModifiedPropertyLabel,
+                        context: context)
+                    .paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(DateFormat().format(document.added),
+                        label: S.of(context).documentAddedPropertyLabel,
+                        context: context)
+                    .paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(
+                  meta.mediaFilename,
+                  context: context,
+                  label:
+                      S.of(context).documentMetaDataMediaFilenamePropertyLabel,
+                ).paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(
+                  meta.originalChecksum,
+                  context: context,
+                  label: S.of(context).documentMetaDataChecksumLabel,
+                ).paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(formatBytes(meta.originalSize, 2),
+                        label:
+                            S.of(context).documentMetaDataOriginalFileSizeLabel,
+                        context: context)
+                    .paddedOnly(bottom: itemSpacing),
+                DetailsItem.text(
+                  meta.originalMimeType,
+                  label: S.of(context).documentMetaDataOriginalMimeTypeLabel,
+                  context: context,
+                ).paddedOnly(bottom: itemSpacing),
+              ],
+            );
+          },
+        );
+      },
+    );
+  }
+
+  Future<void> _assignAsn(BuildContext context) async {
+    try {
+      await context.read<DocumentDetailsCubit>().assignAsn(document);
+    } on PaperlessServerException catch (error, stackTrace) {
+      showErrorMessage(context, error, stackTrace);
+    }
+  }
+}

lib/features/document_details/view/widgets/document_overview_widget.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:paperless_api/paperless_api.dart';
+import 'package:paperless_mobile/core/widgets/highlighted_text.dart';
+import 'package:paperless_mobile/extensions/flutter_extensions.dart';
+import 'package:paperless_mobile/features/document_details/view/widgets/details_item.dart';
+import 'package:paperless_mobile/features/labels/storage_path/view/widgets/storage_path_widget.dart';
+import 'package:paperless_mobile/features/labels/tags/view/widgets/tags_widget.dart';
+import 'package:paperless_mobile/features/labels/view/widgets/label_text.dart';
+import 'package:paperless_mobile/generated/l10n.dart';
+
+class DocumentOverviewWidget extends StatelessWidget {
+  final DocumentModel document;
+  final String? queryString;
+  final double itemSpacing;
+  const DocumentOverviewWidget({
+    super.key,
+    required this.document,
+    this.queryString,
+    required this.itemSpacing,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      padding: const EdgeInsets.symmetric(
+        vertical: 16,
+        horizontal: 16,
+      ),
+      children: [
+        DetailsItem(
+          label: S.of(context).documentTitlePropertyLabel,
+          content: HighlightedText(
+            text: document.title,
+            highlights: queryString?.split(" ") ?? [],
+            style: Theme.of(context).textTheme.bodyLarge,
+          ),
+        ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          DateFormat.yMMMMd().format(document.created),
+          context: context,
+          label: S.of(context).documentCreatedPropertyLabel,
+        ).paddedOnly(bottom: itemSpacing),
+        Visibility(
+          visible: document.documentType != null,
+          child: DetailsItem(
+            label: S.of(context).documentDocumentTypePropertyLabel,
+            content: LabelText<DocumentType>(
+              style: Theme.of(context).textTheme.bodyLarge,
+              id: document.documentType,
+            ),
+          ).paddedOnly(bottom: itemSpacing),
+        ),
+        Visibility(
+          visible: document.correspondent != null,
+          child: DetailsItem(
+            label: S.of(context).documentCorrespondentPropertyLabel,
+            content: LabelText<Correspondent>(
+              style: Theme.of(context).textTheme.bodyLarge,
+              id: document.correspondent,
+            ),
+          ).paddedOnly(bottom: itemSpacing),
+        ),
+        Visibility(
+          visible: document.storagePath != null,
+          child: DetailsItem(
+            label: S.of(context).documentStoragePathPropertyLabel,
+            content: StoragePathWidget(
+              pathId: document.storagePath,
+            ),
+          ).paddedOnly(bottom: itemSpacing),
+        ),
+        Visibility(
+          visible: document.tags.isNotEmpty,
+          child: DetailsItem(
+            label: S.of(context).documentTagsPropertyLabel,
+            content: Padding(
+              padding: const EdgeInsets.only(top: 8.0),
+              child: TagsWidget(
+                isClickable: false,
+                tagIds: document.tags,
+              ),
+            ),
+          ).paddedOnly(bottom: itemSpacing),
+        ),
+      ],
+    );
+  }
+}