feat: Add notes

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

@@ -15,6 +15,7 @@ import 'package:paperless_mobile/features/document_details/cubit/document_detail
 import 'package:paperless_mobile/features/document_details/view/widgets/document_content_widget.dart';
 import 'package:paperless_mobile/features/document_details/view/widgets/document_download_button.dart';
 import 'package:paperless_mobile/features/document_details/view/widgets/document_meta_data_widget.dart';
+import 'package:paperless_mobile/features/document_details/view/widgets/document_notes_widget.dart';
 import 'package:paperless_mobile/features/document_details/view/widgets/document_overview_widget.dart';
 import 'package:paperless_mobile/features/document_details/view/widgets/document_permissions_widget.dart';
 import 'package:paperless_mobile/features/document_details/view/widgets/document_share_button.dart';
@@ -67,7 +68,7 @@ class _DocumentDetailsPageState extends State<DocumentDetailsPage> {
     debugPrint(disableAnimations.toString());
     final hasMultiUserSupport =
         context.watch<LocalUserAccount>().hasMultiUserSupport;
-    final tabLength = 4 + (hasMultiUserSupport ? 1 : 0);
+    final tabLength = 5 + (hasMultiUserSupport ? 1 : 0);
     return AnnotatedRegion(
       value: buildOverlayStyle(
         Theme.of(context),
@@ -201,6 +202,16 @@ class _DocumentDetailsPageState extends State<DocumentDetailsPage> {
                                     ),
                                   ),
                                 ),
+                                Tab(
+                                  child: Text(
+                                    "Notes",
+                                    style: TextStyle(
+                                      color: Theme.of(context)
+                                          .colorScheme
+                                          .onPrimaryContainer,
+                                    ),
+                                  ),
+                                ),
                                 if (hasMultiUserSupport)
                                   Tab(
                                     child: Text(
@@ -303,6 +314,35 @@ class _DocumentDetailsPageState extends State<DocumentDetailsPage> {
                                 ),
                               ],
                             ),
+                            CustomScrollView(
+                              slivers: [
+                                SliverOverlapInjector(
+                                  handle: NestedScrollView
+                                      .sliverOverlapAbsorberHandleFor(context),
+                                ),
+                                switch (state.status) {
+                                  LoadingStatus.loaded => DocumentNotesWidget(
+                                      document: state.document!,
+                                    ),
+                                  LoadingStatus.error => _buildErrorState(),
+                                  _ => _buildLoadingState(),
+                                },
+                                if (state.status == LoadingStatus.loaded)
+                                  SliverToBoxAdapter(
+                                    child: Align(
+                                      alignment: Alignment.centerRight,
+                                      child: ElevatedButton.icon(
+                                        onPressed: () {
+                                          AddNoteRoute($extra: state.document!)
+                                              .push(context);
+                                        },
+                                        icon: Icon(Icons.note_add_outlined),
+                                        label: Text('Add note'),
+                                      ),
+                                    ),
+                                  ),
+                              ],
+                            ),
                             if (hasMultiUserSupport)
                               CustomScrollView(
                                 controller: _pagingScrollController,

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

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:paperless_api/paperless_api.dart';
+import 'package:paperless_mobile/generated/l10n/app_localizations.dart';
+
+class AddNotePage extends StatefulWidget {
+  final DocumentModel document;
+
+  const AddNotePage({super.key, required this.document});
+
+  @override
+  State<AddNotePage> createState() => _AddNotePageState();
+}
+
+class _AddNotePageState extends State<AddNotePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(S.of(context)!.addNote),
+      ),
+      body: Column(
+        children: [
+          TextField(
+            decoration: InputDecoration(
+              labelText: S.of(context)!.content,
+            ),
+          ),
+          ElevatedButton(
+            onPressed: () {},
+            child: Text(S.of(context)!.save),
+          ),
+        ],
+      ),
+    );
+  }
+}

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

@@ -25,54 +25,51 @@ class DocumentMetaDataWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     final currentUser = context.watch<LocalUserAccount>().paperlessUser;
 
-    return SliverList(
-      delegate: SliverChildListDelegate(
-        [
-          if (currentUser.canEditDocuments)
-            ArchiveSerialNumberField(
-              document: document,
-            ).paddedOnly(bottom: itemSpacing),
-          DetailsItem.text(
-            DateFormat.yMMMMd(Localizations.localeOf(context).toString())
-                .format(document.modified),
-            context: context,
-            label: S.of(context)!.modifiedAt,
+    return SliverList.list(
+      children: [
+        if (currentUser.canEditDocuments)
+          ArchiveSerialNumberField(
+            document: document,
           ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          DateFormat.yMMMMd(Localizations.localeOf(context).toString())
+              .format(document.modified),
+          context: context,
+          label: S.of(context)!.modifiedAt,
+        ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          DateFormat.yMMMMd(Localizations.localeOf(context).toString())
+              .format(document.added),
+          context: context,
+          label: S.of(context)!.addedAt,
+        ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          metaData.mediaFilename,
+          context: context,
+          label: S.of(context)!.mediaFilename,
+        ).paddedOnly(bottom: itemSpacing),
+        if (document.originalFileName != null)
           DetailsItem.text(
-            DateFormat.yMMMMd(Localizations.localeOf(context).toString())
-                .format(document.added),
-            context: context,
-            label: S.of(context)!.addedAt,
-          ).paddedOnly(bottom: itemSpacing),
-          DetailsItem.text(
-            metaData.mediaFilename,
-            context: context,
-            label: S.of(context)!.mediaFilename,
-          ).paddedOnly(bottom: itemSpacing),
-          if (document.originalFileName != null)
-            DetailsItem.text(
-              document.originalFileName!,
-              context: context,
-              label: S.of(context)!.originalMD5Checksum,
-            ).paddedOnly(bottom: itemSpacing),
-          DetailsItem.text(
-            metaData.originalChecksum,
+            document.originalFileName!,
             context: context,
             label: S.of(context)!.originalMD5Checksum,
           ).paddedOnly(bottom: itemSpacing),
-          DetailsItem.text(
-            formatBytes(metaData.originalSize, 2),
-            context: context,
-            label: S.of(context)!.originalFileSize,
-          ).paddedOnly(bottom: itemSpacing),
-          DetailsItem.text(
-            metaData.originalMimeType,
-            context: context,
-            label: S.of(context)!.originalMIMEType,
-          ).paddedOnly(bottom: itemSpacing),
-          
-        ],
-      ),
+        DetailsItem.text(
+          metaData.originalChecksum,
+          context: context,
+          label: S.of(context)!.originalMD5Checksum,
+        ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          formatBytes(metaData.originalSize, 2),
+          context: context,
+          label: S.of(context)!.originalFileSize,
+        ).paddedOnly(bottom: itemSpacing),
+        DetailsItem.text(
+          metaData.originalMimeType,
+          context: context,
+          label: S.of(context)!.originalMIMEType,
+        ).paddedOnly(bottom: itemSpacing),
+      ],
     );
   }
 }

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

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:intl/intl.dart';
+import 'package:paperless_api/paperless_api.dart';
+
+class DocumentNotesWidget extends StatelessWidget {
+  final DocumentModel document;
+  const DocumentNotesWidget({super.key, required this.document});
+
+  @override
+  Widget build(BuildContext context) {
+    return SliverList.builder(
+      itemBuilder: (context, index) {
+        final note = document.notes.elementAt(index);
+        return ListTile(
+          title: Text(note.note),
+          subtitle: Text(
+              DateFormat.yMMMd(Localizations.localeOf(context).toString())
+                  .format(note.created)),
+          trailing: Row(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              IconButton(
+                onPressed: () {},
+                icon: Icon(Icons.edit),
+              ),
+              IconButton(
+                onPressed: () {},
+                icon: Icon(Icons.delete),
+              ),
+            ],
+          ),
+        );
+      },
+      itemCount: document.notes.length,
+    );
+  }
+}