feat: Make label fields less restrictive, improve change detection in document edit page

lib/features/document_details/cubit/document_details_cubit.dart

@@ -44,7 +44,6 @@ class DocumentDetailsCubit extends Cubit<DocumentDetailsState> {
         ),
       ),
     );
-    loadMetaData();
   }
 
   Future<void> delete(DocumentModel document) async {
@@ -60,13 +59,10 @@ class DocumentDetailsCubit extends Cubit<DocumentDetailsState> {
   }
 
   Future<void> loadFullContent() async {
+    await Future.delayed(const Duration(seconds: 5));
     final doc = await _api.find(state.document.id);
-    emit(
-      state.copyWith(
-        isFullContentLoaded: true,
-        fullContent: doc.content,
-      ),
-    );
+    _notifier.notifyUpdated(doc);
+    emit(state.copyWith(isFullContentLoaded: true));
   }
 
   Future<void> assignAsn(

lib/features/document_details/cubit/document_details_state.dart

@@ -6,7 +6,6 @@ class DocumentDetailsState with _$DocumentDetailsState {
     required DocumentModel document,
     DocumentMetaData? metaData,
     @Default(false) bool isFullContentLoaded,
-    String? fullContent,
     @Default({}) Map<int, Correspondent> correspondents,
     @Default({}) Map<int, DocumentType> documentTypes,
     @Default({}) Map<int, Tag> tags,

lib/features/document_details/view/pages/document_details_page.dart

@@ -239,7 +239,6 @@ class _DocumentDetailsPageState extends State<DocumentDetailsPage> {
                               DocumentContentWidget(
                                 isFullContentLoaded: state.isFullContentLoaded,
                                 document: state.document,
-                                fullContent: state.fullContent,
                                 queryString: widget.titleAndContentQueryString,
                               ),
                             ],
@@ -302,22 +301,16 @@ class _DocumentDetailsPageState extends State<DocumentDetailsPage> {
     if (!canEdit) {
       return const SizedBox.shrink();
     }
-    return BlocBuilder<DocumentDetailsCubit, DocumentDetailsState>(
-      builder: (context, state) {
-        // final _filteredSuggestions =
-        //     state.suggestions?.documentDifference(state.document);
-
-        return Tooltip(
-          message: S.of(context)!.editDocumentTooltip,
-          preferBelow: false,
-          verticalOffset: 40,
-          child: FloatingActionButton(
-            heroTag: "fab_document_details",
-            child: const Icon(Icons.edit),
-            onPressed: () => EditDocumentRoute(state.document).push(context),
-          ),
-        );
-      },
+    final document = context.read<DocumentDetailsCubit>().state.document;
+    return Tooltip(
+      message: S.of(context)!.editDocumentTooltip,
+      preferBelow: false,
+      verticalOffset: 40,
+      child: FloatingActionButton(
+        heroTag: "fab_document_details",
+        child: const Icon(Icons.edit),
+        onPressed: () => EditDocumentRoute(document).push(context),
+      ),
     );
   }
 

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

@@ -2,44 +2,50 @@ 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/core/widgets/shimmer_placeholder.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/generated/l10n/app_localizations.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) {
+    final screenWidth = MediaQuery.sizeOf(context).width;
     return SliverToBoxAdapter(
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           HighlightedText(
-            text: (isFullContentLoaded ? fullContent : document.content) ?? "",
+            text: 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)!.loadFullContent),
-                onPressed: () {
-                  context.read<DocumentDetailsCubit>().loadFullContent();
-                },
+          if (!isFullContentLoaded)
+            ShimmerPlaceholder(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  for (var scale in [0.5, 0.9, 0.5, 0.8, 0.9, 0.9])
+                    Container(
+                      margin: const EdgeInsets.symmetric(vertical: 4),
+                      width: screenWidth * scale,
+                      height: 14,
+                      color: Colors.white,
+                    ),
+                ],
               ),
-            ),
+            ).paddedOnly(top: 4),
         ],
       ),
     );