UsedForField widget on sighting

packages/app/lib/locales/app_en.arb

@@ -48,6 +48,9 @@
     "settingsSystemInformation": "System Information",
     "sightingScreenTitle": "Sighting",
     "sightingUnspecified": "Unknown species",
+    "speciesScreenTitle": "Species",
+    "usedForCardTitle": "Used For",
+    "usedForTextSave": "Save",
     "speciesCardTitle": "Species",
     "speciesDescription": "Description",
     "speciesScreenTitle": "Species",

packages/app/lib/locales/app_pt.arb

@@ -1,7 +1,14 @@
 {
+    "allSpeciesScreenTitle": "Todas as Espécies",
     "createSightingError": "Algo deu errado: {error}",
     "createSightingScreenTitle": "Adicionar Avistamento",
-    "createSightingSuccess": "Eba, você adicionou com sucesso um novo avistamento ao banco de dados",
+    "createSightingSuccess": "Uau, você adicionou com sucesso um novo avistamento ao banco de dados",
+    "editSpeciesErrorCantRemove": "A espécie precisa ser definida",
+    "editSpeciesErrorConfirm": "Ok",
+    "editSpeciesErrorInvalidRankCase": "O rank \"{rank}\" não pode ser alterado!",
+    "editSpeciesErrorMessage": "{error}",
+    "editSpeciesErrorNullCase": "O rank \"{rank}\" precisa ser especificado!",
+    "editSpeciesErrorTitle": "Não foi possível salvar a espécie",
     "imageDeleteAlertBody": "Tem certeza de que deseja excluir esta imagem?",
     "imageDeleteAlertCancel": "Não",
     "imageDeleteAlertConfirm": "Sim",
@@ -14,7 +21,7 @@
     "locationAddAction": "Adicionar localização à imagem",
     "locationErrorPermissionDenied": "Permissão de localização negada",
     "locationErrorServiceDisabled": "O serviço de localização está desativado",
-    "locationErrorTimeout": "Não foi possível recuperar a localização",
+    "locationErrorTimeout": "Localização não pôde ser recuperada",
     "locationErrorUnknown": "Ocorreu um erro desconhecido",
     "locationHeader": "Localização",
     "locationLoading": "Recuperando localização...",
@@ -25,13 +32,30 @@
     "paginationListError": "Ocorreu um erro ao solicitar os dados: {errorMessage}",
     "paginationListLoadMore": "Carregar Mais",
     "paginationListNoResults": "Nenhuma entrada fornecida ainda",
-    "sightingUnspecified": "Espécie desconhecida",
     "settings": "Configurações",
-    "settingsLanguages": "Idiomas",
-    "settingsLanguageChangeSuccess": "Idioma alterado para \"{language}\"",
-    "settingsLanguageChangeError": "Erro: não foi possível alterar o idioma",
-    "settingsSystemInformation": "Informações do Sistema",
     "settingsEnglish": "Inglês",
+    "settingsLanguageChangeError": "Erro: não foi possível alterar o idioma",
+    "settingsLanguageChangeSuccess": "Idioma alterado para \"{language}\"",
+    "settingsLanguages": "Idiomas",
     "settingsPortuguese": "Português",
-    "speciesScreenTitle": "Espécies"
+    "settingsSystemInfoAndroid": "Versão do Android",
+    "settingsSystemInfoDevice": "Dispositivo",
+    "settingsSystemInfoError": "Não foi possível recuperar informações do sistema",
+    "settingsSystemInfoSDK": "Versão do Android SDK",
+    "settingsSystemInformation": "Informações do Sistema",
+    "sightingScreenTitle": "Avistamento",
+    "sightingUnspecified": "Espécie desconhecida",
+    "speciesScreenTitle": "Espécies",
+    "usedForCardTitle": "Usado Para",
+    "speciesCardTitle": "Espécie",
+    "speciesDescription": "Descrição",
+    "taxonomyClass": "Classe",
+    "taxonomyFamily": "Família",
+    "taxonomyGenus": "Gênero",
+    "taxonomyKingdom": "Reino",
+    "taxonomyOrder": "Ordem",
+    "taxonomyPhylum": "Filo",
+    "taxonomySpecies": "Espécie",
+    "taxonomySubfamily": "Subfamília",
+    "taxonomyTribe": "Tribo"
 }

packages/app/lib/models/base.dart

@@ -39,6 +39,8 @@ abstract class Paginator<T> {
   /// Paginator instance.
   VoidCallback? refresh;
 
+  VoidCallback? fetchMore;
+
   /// Should return GraphQL query for the next page.
   DocumentNode nextPageQuery(String? cursor);
 

packages/app/lib/models/used_for.dart

@@ -0,0 +1,137 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import 'package:gql/src/ast/ast.dart';
+import 'package:graphql_flutter/graphql_flutter.dart';
+import 'package:p2panda/p2panda.dart';
+
+import 'package:app/io/p2panda/publish.dart';
+import 'package:app/models/base.dart';
+import 'package:app/models/schema_ids.dart';
+
+class UsedFor {
+  final DocumentId id;
+  DocumentViewId viewId;
+  DocumentId sighting;
+  String usedFor;
+
+  UsedFor(
+      {required this.id,
+      required this.viewId,
+      required this.sighting,
+      required this.usedFor});
+
+  factory UsedFor.fromJson(Map<String, dynamic> result) {
+    return UsedFor(
+        id: result['meta']['documentId'] as DocumentId,
+        viewId: result['meta']['viewId'] as DocumentViewId,
+        sighting:
+            result['fields']['sighting']['meta']['documentId'] as DocumentId,
+        usedFor: result['fields']['used_for'] as String);
+  }
+
+  static Future<UsedFor> create(
+      {required DocumentId sighting, required String usedFor}) async {
+    DocumentViewId viewId =
+        await createUsedFor(sighting: sighting, usedFor: usedFor);
+    return UsedFor(
+      id: viewId,
+      viewId: viewId,
+      sighting: sighting,
+      usedFor: usedFor,
+    );
+  }
+
+  Future<DocumentViewId> delete() async {
+    viewId = await deleteUsedFor(viewId);
+    return viewId;
+  }
+}
+
+String get usedForFields {
+  return '''
+    $metaFields
+    fields {
+      used_for
+      sighting {
+        meta {
+          documentId
+        }
+      }
+    }
+  ''';
+}
+
+String usedForQuery(DocumentId id) {
+  const schemaId = SchemaIds.bee_attributes_used_for;
+
+  return '''
+    query usedForQuery {
+      document: $schemaId(id: "$id") {
+        $usedForFields
+      }
+    }
+  ''';
+}
+
+class UsedForPaginator extends Paginator<UsedFor> {
+  final DocumentId? sighting;
+
+  UsedForPaginator({this.sighting});
+
+  @override
+  DocumentNode nextPageQuery(String? cursor) {
+    return gql(allUsesQuery(sighting, cursor));
+  }
+
+  @override
+  PaginatedCollection<UsedFor> parseJSON(Map<String, dynamic> json) {
+    final list = json[DEFAULT_RESULTS_KEY]['documents'] as List;
+    final documents = list
+        .map((sighting) => UsedFor.fromJson(sighting as Map<String, dynamic>))
+        .toList();
+
+    final endCursor = json[DEFAULT_RESULTS_KEY]['endCursor'] as String?;
+    final hasNextPage = json[DEFAULT_RESULTS_KEY]['hasNextPage'] as bool;
+
+    return PaginatedCollection(
+        documents: documents, hasNextPage: hasNextPage, endCursor: endCursor);
+  }
+}
+
+String allUsesQuery(DocumentId? sighting, String? cursor) {
+  final after = (cursor != null) ? '''after: "$cursor",''' : '';
+  final filter = (sighting != null)
+      ? '''filter: { sighting: { eq: "$sighting" } },'''
+      : '';
+  const schemaId = SchemaIds.bee_attributes_used_for;
+
+  return '''
+    query AllUses {
+      $DEFAULT_RESULTS_KEY: all_$schemaId(
+        $filter
+        first: $DEFAULT_PAGE_SIZE,
+        $after
+        orderBy: "used_for",
+        orderDirection: ASC
+      ) {
+        $paginationFields
+        documents {
+          $usedForFields
+        }
+      }
+    }
+  ''';
+}
+
+Future<DocumentViewId> createUsedFor(
+    {required DocumentId sighting, required String usedFor}) async {
+  List<(String, OperationValue)> fields = [
+    ("sighting", OperationValue.relation(sighting)),
+    ("used_for", OperationValue.string(usedFor)),
+  ];
+  return await create(SchemaIds.bee_attributes_used_for, fields);
+}
+
+Future<DocumentViewId> deleteUsedFor(DocumentViewId viewId) async {
+  return await delete(SchemaIds.bee_attributes_used_for, viewId);
+}

packages/app/lib/ui/screens/all_sightings.dart

@@ -1,13 +1,13 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import 'package:app/ui/widgets/pagination_cards_list.dart';
 import 'package:flutter/material.dart';
 
 import 'package:app/models/base.dart';
 import 'package:app/models/sightings.dart';
 import 'package:app/router.dart';
 import 'package:app/ui/colors.dart';
 import 'package:app/ui/widgets/fab.dart';
-import 'package:app/ui/widgets/pagination_list.dart';
 import 'package:app/ui/widgets/scaffold.dart';
 import 'package:app/ui/widgets/sighting_card.dart';
 
@@ -98,12 +98,12 @@ class _SightingsListState extends State<SightingsList> {
       decoration: const MagnoliaWavesBackground(),
       child: Container(
           width: double.infinity,
-          padding: const EdgeInsets.only(top: 30.0, bottom: 20.0),
+          padding: EdgeInsets.only(top: 30.0, bottom: 20.0),
           child: PaginationList<Sighting>(
               builder: (Sighting sighting) {
                 return Container(
-                    padding: const EdgeInsets.only(bottom: 20.0),
-                    child: _item(sighting));
+                    padding: EdgeInsets.only(bottom: 20.0),
+                    child: this._item(sighting));
               },
               paginator: widget.paginator)),
     );
@@ -163,7 +163,8 @@ class _BouncyBeeState extends State<BouncyBee>
       },
       child: SlideTransition(
         position: _flyingBeeAnimation,
-        child: const Center(child: Text("🐝", style: TextStyle(fontSize: 50.0))),
+        child:
+            const Center(child: Text("🐝", style: TextStyle(fontSize: 50.0))),
       ),
     );
   }

packages/app/lib/ui/screens/all_species.dart

@@ -1,13 +1,13 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import 'package:app/ui/widgets/pagination_cards_list.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
 import 'package:app/models/base.dart';
 import 'package:app/models/species.dart';
 import 'package:app/router.dart';
 import 'package:app/ui/colors.dart';
-import 'package:app/ui/widgets/pagination_list.dart';
 import 'package:app/ui/widgets/scaffold.dart';
 import 'package:app/ui/widgets/species_card.dart';
 
@@ -31,7 +31,8 @@ class AllSpeciesScreen extends StatelessWidget {
             },
             child: LayoutBuilder(builder: (context, constraints) {
               return Container(
-                padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 0.0),
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 20.0, vertical: 0.0),
                 constraints: BoxConstraints(minHeight: constraints.maxHeight),
                 decoration: const PeachWavesBackground(),
                 child: SingleChildScrollView(
@@ -68,12 +69,12 @@ class _SpeciesListState extends State<SpeciesList> {
   Widget build(BuildContext context) {
     return Container(
         width: double.infinity,
-        padding: const EdgeInsets.only(top: 30.0, bottom: 20.0),
+        padding: EdgeInsets.only(top: 30.0, bottom: 20.0),
         child: PaginationList<Species>(
             builder: (Species species) {
               return Container(
-                  padding: const EdgeInsets.only(bottom: 20.0),
-                  child: _item(species));
+                  padding: EdgeInsets.only(bottom: 20.0),
+                  child: this._item(species));
             },
             paginator: widget.paginator));
   }

packages/app/lib/ui/screens/sighting.dart

@@ -1,5 +1,6 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import 'package:app/ui/widgets/used_for_field.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:graphql_flutter/graphql_flutter.dart';
@@ -130,9 +131,8 @@ class _SightingProfileState extends State<SightingProfile> {
 
   @override
   Widget build(BuildContext context) {
-    final imagePaths = sighting.images
-        .map((image) => '$BLOBS_BASE_PATH/${image.id}')
-        .toList();
+    final imagePaths =
+        sighting.images.map((image) => '$BLOBS_BASE_PATH/${image.id}').toList();
 
     return Container(
       padding: const EdgeInsets.only(
@@ -150,6 +150,9 @@ class _SightingProfileState extends State<SightingProfile> {
           onUpdate: _updateSpecies,
         ),
         NoteField(sighting.comment, onUpdate: _updateComment),
+        UsedForField(
+          sighting: sighting.id,
+        ),
         // @TODO: Remove this as soon as there are more elements
         const SizedBox(height: 550.0),
       ]),