💄 Optimize article compose

2025-07-31 02:32:03 +08:00
parent fd186f8391
commit ba709012d7
4 changed files with 297 additions and 284 deletions
--- a/lib/widgets/post/compose_toolbar.dart
+++ b/lib/widgets/post/compose_toolbar.dart
@@ -0,0 +1,127 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+import '../../models/post.dart';
+import '../../models/file.dart';
+import '../../services/compose_storage_db.dart';
+import '../../widgets/post/draft_manager.dart';
+
+class ComposeToolbar extends StatelessWidget {
+  final WidgetRef ref;
+  final BuildContext context;
+  final ColorScheme colorScheme;
+  final SnPost? originalPost;
+  final bool isEmpty;
+  final TextEditingController titleController;
+  final TextEditingController descriptionController;
+  final TextEditingController contentController;
+  final ValueNotifier<int> visibility;
+  final ValueNotifier<List<UniversalFile>> attachments;
+
+  const ComposeToolbar({
+    super.key,
+    required this.ref,
+    required this.context,
+    required this.colorScheme,
+    required this.isEmpty,
+    required this.titleController,
+    required this.descriptionController,
+    required this.contentController,
+    required this.visibility,
+    required this.attachments,
+    this.originalPost,
+  });
+
+  void _pickPhotoMedia() {
+    // TODO: Implement photo picking logic
+  }
+
+  void _pickVideoMedia() {
+    // TODO: Implement video picking logic
+  }
+
+  void _linkAttachment() {
+    // TODO: Implement link attachment logic
+  }
+
+  void _saveDraft() {
+    // TODO: Implement draft saving logic
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      elevation: 4,
+      child: Center(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 560),
+          child: Row(
+            children: [
+              IconButton(
+                onPressed: _pickPhotoMedia,
+                tooltip: 'addPhoto'.tr(),
+                icon: const Icon(Symbols.add_a_photo),
+                color: colorScheme.primary,
+              ),
+              IconButton(
+                onPressed: _pickVideoMedia,
+                tooltip: 'addVideo'.tr(),
+                icon: const Icon(Symbols.videocam),
+                color: colorScheme.primary,
+              ),
+              IconButton(
+                onPressed: _linkAttachment,
+                icon: const Icon(Symbols.attach_file),
+                tooltip: 'linkAttachment'.tr(),
+                color: colorScheme.primary,
+              ),
+              const Spacer(),
+              if (originalPost == null && isEmpty)
+                IconButton(
+                  icon: const Icon(Symbols.draft),
+                  color: colorScheme.primary,
+                  onPressed: () {
+                    showModalBottomSheet(
+                      context: context,
+                      isScrollControlled: true,
+                      builder:
+                          (context) => DraftManagerSheet(
+                            onDraftSelected: (draftId) {
+                              final draft =
+                                  ref.read(
+                                    composeStorageNotifierProvider,
+                                  )[draftId];
+                              if (draft != null) {
+                                titleController.text = draft.title ?? '';
+                                descriptionController.text =
+                                    draft.description ?? '';
+                                contentController.text = draft.content ?? '';
+                                visibility.value = draft.visibility;
+                              }
+                            },
+                          ),
+                    );
+                  },
+                  tooltip: 'drafts'.tr(),
+                )
+              else if (originalPost == null)
+                IconButton(
+                  icon: const Icon(Symbols.save),
+                  color: colorScheme.primary,
+                  onPressed: _saveDraft,
+                  tooltip: 'saveDraft'.tr(),
+                ),
+            ],
+          ).padding(
+            bottom: MediaQuery.of(context).padding.bottom + 16,
+            horizontal: 16,
+            top: 8,
+          ),
+        ),
+      ),
+    );
+  }
+}