Manual tagging of files – single-level tags

apps/enmeshed/assets/tag_example.json

@@ -0,0 +1,113 @@
+{
+  "supportedLanguages": ["de", "en"],
+  "tagsForAttributeValueTypes": {
+    "IdentityFileReference": {
+      "schulabschluss": {
+        "displayNames": {
+          "de": "Abschluss",
+          "en": "Degree"
+        },
+        "children": {
+          "realschule": {
+            "displayNames": {
+              "de": "Realschule",
+              "en": "Secondary School"
+            },
+            "children": {
+              "zeugnis": {
+                "displayNames": {
+                  "de": "Zeugnis",
+                  "en": "Diploma"
+                }
+              }
+            }
+          },
+          "gymnasium": {
+            "displayNames": {
+              "de": "Gymnasium",
+              "en": "High School"
+            },
+            "children": {
+              "zeugnis": {
+                "displayNames": {
+                  "de": "Zeugnis",
+                  "en": "Diploma"
+                }
+              },
+              "abitur": {
+                "displayNames": {
+                  "de": "Abitur",
+                  "en": "A-Level Certificate"
+                }
+              }
+            }
+          }
+        }
+      },
+      "versicherungsunterlagen": {
+        "displayNames": {
+          "de": "Versicherungsunterlagen",
+          "en": "Insurance documents"
+        },
+        "children": {
+          "haftpflichtversicherung": {
+            "displayNames": {
+              "de": "Haftpflichtversicherung",
+              "en": "Liability Insurance"
+            },
+            "children": {
+              "police": {
+                "displayNames": {
+                  "de": "Versicherungspolice",
+                  "en": "Insurance Policy"
+                }
+              }
+            }
+          },
+          "krankenversicherung": {
+            "displayNames": {
+              "de": "Krankenversicherung",
+              "en": "Health Insurance"
+            },
+            "children": {
+              "karte": {
+                "displayNames": {
+                  "de": "Versicherungskarte",
+                  "en": "Insurance Card"
+                }
+              },
+              "nachweise": {
+                "displayNames": {
+                  "de": "Nachweise",
+                  "en": "Proofs"
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "PhoneNumber": {
+        "notfall": {
+          "displayNames": {
+            "de": "Notfallkontakt",
+            "en": "Emergency Contact"
+          }
+        }
+      },
+      "StreetAddress": {
+        "lieferung": {
+          "displayNames": {
+            "de": "Lieferadresse",
+            "en": "Deliver Address"
+          }
+        },
+        "heimat": {
+          "displayNames": {
+            "de": "Heimatadresse",
+            "en": "Home Address"
+          }
+        }
+      }
+    }
+  }

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

@@ -1,10 +1,15 @@
+import 'dart:convert';
+
 import 'package:enmeshed_runtime_bridge/enmeshed_runtime_bridge.dart';
 import 'package:enmeshed_types/enmeshed_types.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:get_it/get_it.dart';
-import 'package:intl/intl.dart';
 
 import '/core/core.dart';
+import 'modals/edit_file.dart';
+import 'widgets/file_info_container.dart';
+import 'widgets/file_tags_container.dart';
 
 class FileDetailScreen extends StatefulWidget {
   final String accountId;
@@ -25,132 +30,118 @@ class FileDetailScreen extends StatefulWidget {
 }
 
 class _FileDetailScreenState extends State<FileDetailScreen> {
-  FileDVO? _fileDVO;
-  List<String>? _tags;
+  late final Session _session;
+
+  late FileDVO? _fileDVO;
+  late LocalAttributeDVO? _fileReferenceAttribute;
+  late List<String>? _tags;
+  late 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: EdgeInsets.only(top: 8, left: 24, right: 24, bottom: MediaQuery.viewInsetsOf(context).bottom + 42),
-          child: _fileDVO == null
-              ? const Center(child: CircularProgressIndicator())
-              : Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
+          padding: EdgeInsets.only(top: 16, left: 16, right: 16, bottom: MediaQuery.viewInsetsOf(context).bottom + 42),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Center(
+                child: Column(
                   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),
-                        ),
-                      ],
-                    ),
+                    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 (_fileReferenceAttribute != null) ...[
+                FileTagsContainer(tags: _tags?.first.split('+%+'), tagCollection: _tagCollection, onEditFile: _onEditFilePressed),
+                Gaps.h16,
+              ],
+              FileInfoContainer(createdBy: _fileDVO!.createdBy.name, createdAt: _fileDVO!.createdAt),
+              Gaps.h32,
+              Row(
+                children: [
+                  if (_fileReferenceAttribute != null) IconButton(onPressed: _onEditFilePressed, icon: const Icon(Icons.edit_outlined, size: 24)),
+                  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),
+                  ),
+                ],
+              ),
+            ],
+          ),
         ),
       ),
     );
   }
 
-  String _formatDate(BuildContext context, String date) {
-    final locale = Localizations.localeOf(context);
-    final parsedDate = DateTime.parse(date).toLocal();
-    return DateFormat('EEEE, d. MMMM y', locale.toString()).format(parsedDate);
+  Future<void> _load() async {
+    await _loadFile();
+    await _loadTagCollection();
+    await _loadTags();
   }
 
-  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);
+  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 {
+    // TODO(aince42): this is a temporary solution to load the tag collection
+    final jsonString = await rootBundle.loadString('assets/tag_example.json');
+    final jsonData = json.decode(jsonString) as Map<String, dynamic>;
+    final tagCollection = AttributeTagCollectionDTO.fromJson(jsonData);
+    // final tagCollection = await _session.consumptionServices.attributes.getAttributeTagCollection();
+
+    setState(() => _tagCollection = tagCollection);
+  }
+
+  Future<void> _loadTags({String? attributeId}) async {
+    if (_fileReferenceAttribute != null) {
+      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);
 
@@ -180,4 +171,18 @@ class _FileDetailScreenState extends State<FileDetailScreen> {
 
     if (mounted) setState(() => _isOpeningFile = false);
   }
+
+  void _onEditFilePressed() {
+    showModalBottomSheet<void>(
+      context: context,
+      isScrollControlled: true,
+      builder: (_) => EditFile(
+        accountId: widget.accountId,
+        fileTitle: _fileDVO!.title,
+        fileReferenceAttribute: _fileReferenceAttribute!,
+        tagCollection: _tagCollection,
+        onSave: _loadTags,
+      ),
+    );
+  }
 }

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

@@ -127,6 +127,7 @@ class _FilesScreenState extends State<FilesScreen> {
                     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),
@@ -255,13 +256,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());
         },
       ),
     );