Manual tagging of files

apps/enmeshed/lib/account/my_data/file/file_detail_screen.dart

@@ -3,9 +3,10 @@ import 'package:enmeshed_types/enmeshed_types.dart';
 import 'package:enmeshed_ui_kit/enmeshed_ui_kit.dart';
 import 'package:flutter/material.dart';
 import 'package:get_it/get_it.dart';
-import 'package:intl/intl.dart';
 
 import '/core/core.dart';
+import 'modals/edit_file.dart';
+import 'widgets/widgets.dart';
 
 class FileDetailScreen extends StatefulWidget {
   final String accountId;
@@ -20,131 +21,123 @@ class FileDetailScreen extends StatefulWidget {
 }
 
 class _FileDetailScreenState extends State<FileDetailScreen> {
-  FileDVO? _fileDVO;
+  late final Session _session;
+
+  late FileDVO _fileDVO;
+
+  LocalAttributeDVO? _fileReferenceAttribute;
   List<String>? _tags;
+  AttributeTagCollectionDTO? _tagCollection;
+
   bool _isLoadingFile = false;
   bool _isOpeningFile = false;
 
   @override
   void initState() {
     super.initState();
 
+    _session = GetIt.I.get<EnmeshedRuntime>().getSession(widget.accountId);
+
     _fileDVO = widget.preLoadedFile;
+    _fileReferenceAttribute = widget.fileReferenceAttribute;
     _tags = widget.fileReferenceAttribute?.tags;
 
-    if (_fileDVO == null) _load();
+    _load();
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       resizeToAvoidBottomInset: false,
-      appBar: AppBar(title: Text(_fileDVO!.title, style: Theme.of(context).textTheme.titleLarge)),
+      appBar: AppBar(title: Text(_fileDVO.title, style: Theme.of(context).textTheme.titleLarge)),
       body: SafeArea(
         child: Padding(
-          padding: const EdgeInsets.only(top: 8, left: 24, right: 24),
-          child:
-              _fileDVO == null
-                  ? const Center(child: CircularProgressIndicator())
-                  : Column(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Center(
-                        child: Column(
-                          children: [
-                            FileIcon(filename: _fileDVO!.filename, color: Theme.of(context).colorScheme.primaryContainer, size: 40),
-                            Gaps.h8,
-                            Text(_fileDVO!.filename, style: Theme.of(context).textTheme.labelLarge),
-                            Text('${bytesText(context: context, bytes: _fileDVO!.filesize)} - ${getFileExtension(_fileDVO!.filename)}'),
-                          ],
-                        ),
-                      ),
-                      Gaps.h24,
-                      if (_tags != null)
-                        Chip(
-                          label: Text(_tags!.join(', '), style: TextStyle(color: Theme.of(context).colorScheme.onSecondaryContainer)),
-                          shape: RoundedRectangleBorder(
-                            borderRadius: const BorderRadius.all(Radius.circular(8)),
-                            side: BorderSide(color: Theme.of(context).colorScheme.secondaryContainer),
-                          ),
-                          backgroundColor: Theme.of(context).colorScheme.secondaryContainer,
-                          padding: EdgeInsets.zero,
-                          labelPadding: const EdgeInsets.symmetric(horizontal: 6),
-                        ),
-                      Row(
-                        children: [
-                          Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              Text(
-                                '${context.l10n.files_owner}: ',
-                                style: Theme.of(context).textTheme.labelLarge!.copyWith(color: Theme.of(context).colorScheme.onSurfaceVariant),
-                              ),
-                              Text(
-                                '${context.l10n.files_createdAt}: ',
-                                style: Theme.of(context).textTheme.labelLarge!.copyWith(color: Theme.of(context).colorScheme.onSurfaceVariant),
-                              ),
-                            ],
-                          ),
-                          Gaps.w24,
-                          Column(
-                            crossAxisAlignment: CrossAxisAlignment.start,
-                            children: [
-                              Text(context.i18nTranslate(_fileDVO!.createdBy.name), style: Theme.of(context).textTheme.bodyMedium),
-                              Text(context.i18nTranslate(_formatDate(context, _fileDVO!.createdAt)), style: Theme.of(context).textTheme.bodyMedium),
-                            ],
-                          ),
-                        ],
-                      ),
-                      Gaps.h32,
-                      Row(
-                        children: [
-                          Gaps.w8,
-                          IconButton(
-                            onPressed: _isLoadingFile || DateTime.parse(_fileDVO!.expiresAt).isBefore(DateTime.now()) ? null : _downloadAndSaveFile,
-                            icon:
-                                _isLoadingFile
-                                    ? const SizedBox(width: 24, height: 24, child: CircularProgressIndicator())
-                                    : const Icon(Icons.file_download, size: 24),
-                          ),
-                          Gaps.w8,
-                          IconButton(
-                            onPressed: _isOpeningFile || DateTime.parse(_fileDVO!.expiresAt).isBefore(DateTime.now()) ? null : _openFile,
-                            icon:
-                                _isOpeningFile
-                                    ? const SizedBox(width: 24, height: 24, child: CircularProgressIndicator())
-                                    : const Icon(Icons.open_with, size: 24),
-                          ),
-                        ],
-                      ),
-                    ],
+          padding: const EdgeInsets.only(top: 16, left: 16, right: 16),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Center(
+                child: Column(
+                  children: [
+                    FileIcon(filename: _fileDVO.filename, color: Theme.of(context).colorScheme.primary, size: 40),
+                    Gaps.h8,
+                    Text(_fileDVO.filename, style: Theme.of(context).textTheme.labelLarge),
+                    Text('${bytesText(context: context, bytes: _fileDVO.filesize)} - ${getFileExtension(_fileDVO.filename)}'),
+                  ],
+                ),
+              ),
+              Gaps.h48,
+              if (_isEditable) ...[
+                if (_tags == null || _tags!.isEmpty)
+                  FileTagsContainer(onEditFile: _onEditFilePressed)
+                else
+                  SelectedTagsSection(tagCollection: _tagCollection!, selectedTagsList: _tags!),
+                Gaps.h16,
+              ],
+              FileInfoContainer(createdBy: _fileDVO.createdBy.name, createdAt: _fileDVO.createdAt),
+              Gaps.h32,
+              Row(
+                spacing: 8,
+                children: [
+                  if (_isEditable) IconButton(onPressed: _onEditFilePressed, icon: const Icon(Icons.edit_outlined, size: 24)),
+                  IconButton(
+                    onPressed: _isLoadingFile || DateTime.parse(_fileDVO.expiresAt).isBefore(DateTime.now()) ? null : _downloadAndSaveFile,
+                    icon: _isLoadingFile ? const _LoadingIndicator() : const Icon(Icons.file_download, size: 24),
+                  ),
+                  IconButton(
+                    onPressed: _isOpeningFile || DateTime.parse(_fileDVO.expiresAt).isBefore(DateTime.now()) ? null : _openFile,
+                    icon: _isOpeningFile ? const _LoadingIndicator() : const Icon(Icons.open_with, size: 24),
                   ),
+                ],
+              ),
+            ],
+          ),
         ),
       ),
     );
   }
 
-  String _formatDate(BuildContext context, String date) {
-    final locale = Localizations.localeOf(context);
-    final parsedDate = DateTime.parse(date).toLocal();
-    return DateFormat.yMd(locale.languageCode).format(parsedDate);
-  }
+  bool get _isEditable => _fileReferenceAttribute != null && _tagCollection != null;
 
   Future<void> _load() async {
-    final session = GetIt.I.get<EnmeshedRuntime>().getSession(widget.accountId);
-    final response = await session.transportServices.files.getFile(fileId: widget.preLoadedFile.id);
-    final expanded = await session.expander.expandFileDTO(response.value);
+    await _loadFile();
+    await _loadTagCollection();
+    await _loadTags();
+  }
+
+  Future<void> _loadFile() async {
+    final response = await _session.transportServices.files.getFile(fileId: widget.preLoadedFile.id);
+    final expanded = await _session.expander.expandFileDTO(response.value);
 
     setState(() => _fileDVO = expanded);
   }
 
+  Future<void> _loadTagCollection() async {
+    final tagCollectionResult = await _session.consumptionServices.attributes.getAttributeTagCollection();
+
+    if (tagCollectionResult.isError) return;
+    setState(() => _tagCollection = tagCollectionResult.value);
+  }
+
+  Future<void> _loadTags({String? attributeId}) async {
+    if (_fileReferenceAttribute == null) return;
+
+    final response = await _session.consumptionServices.attributes.getAttribute(attributeId: attributeId ?? _fileReferenceAttribute!.id);
+    final expanded = await _session.expander.expandLocalAttributeDTO(response.value);
+
+    setState(() {
+      _tags = expanded.tags;
+      _fileReferenceAttribute = expanded;
+    });
+  }
+
   Future<void> _downloadAndSaveFile() async {
     setState(() => _isLoadingFile = true);
 
     final session = GetIt.I.get<EnmeshedRuntime>().getSession(widget.accountId);
     await moveFileOnDevice(
       session: session,
-      fileDVO: _fileDVO!,
+      fileDVO: _fileDVO,
       onError: () {
         if (mounted) showDownloadFileErrorDialog(context);
       },
@@ -159,12 +152,37 @@ class _FileDetailScreenState extends State<FileDetailScreen> {
     final session = GetIt.I.get<EnmeshedRuntime>().getSession(widget.accountId);
     await openFile(
       session: session,
-      fileDVO: _fileDVO!,
+      fileDVO: _fileDVO,
       onError: () {
         if (mounted) showDownloadFileErrorDialog(context);
       },
     );
 
     if (mounted) setState(() => _isOpeningFile = false);
   }
+
+  void _onEditFilePressed() {
+    showModalBottomSheet<void>(
+      context: context,
+      isScrollControlled: true,
+      builder:
+          (_) => ConstrainedBox(
+            constraints: BoxConstraints(maxHeight: MediaQuery.sizeOf(context).height * 0.9),
+            child: EditFile(
+              accountId: widget.accountId,
+              fileTitle: _fileDVO.title,
+              fileReferenceAttribute: _fileReferenceAttribute!,
+              tagCollection: _tagCollection!,
+              onSave: _loadTags,
+            ),
+          ),
+    );
+  }
+}
+
+class _LoadingIndicator extends StatelessWidget {
+  const _LoadingIndicator();
+
+  @override
+  Widget build(BuildContext context) => const SizedBox(width: 24, height: 24, child: CircularProgressIndicator());
 }

apps/enmeshed/lib/account/my_data/file/files_screen.dart

@@ -125,8 +125,12 @@ class _FilesScreenState extends State<FilesScreen> {
                 onRefresh: () => _loadFiles(syncBefore: true),
                 child: ListView.separated(
                   itemBuilder:
-                      (context, index) =>
-                          FileItem(accountId: widget.accountId, fileRecord: _filteredFileRecords[index], trailing: const Icon(Icons.chevron_right)),
+                      (context, index) => FileItem(
+                        accountId: widget.accountId,
+                        fileRecord: _filteredFileRecords[index],
+                        trailing: const Icon(Icons.chevron_right),
+                        reload: _loadFiles,
+                      ),
                   itemCount: _filteredFileRecords.length,
                   separatorBuilder: (context, index) => const Divider(height: 2, indent: 16),
                 ),
@@ -251,13 +255,14 @@ class _FilesScreenState extends State<FilesScreen> {
         fileRecord: item,
         query: keyword,
         accountId: widget.accountId,
-        onTap: () {
+        onTap: () async {
           controller
             ..clear()
             ..closeView(null);
           FocusScope.of(context).unfocus();
 
-          context.push('/account/${widget.accountId}/my-data/files/${item.file.id}', extra: item);
+          await context.push('/account/${widget.accountId}/my-data/files/${item.file.id}', extra: item);
+          unawaited(_loadFiles());
         },
       ),
     );