#260 update servers:

- use object box as cache provider
- store all item actions in cache
- use virtual markers to distinct between saved and intermediate state

analysis_options.yaml

@@ -1,7 +1,7 @@
 include: package:flutter_lints/flutter.yaml
 
 analyzer:
-  exclude: [build/**, lib/swagger_generated_code/**]
+  exclude: [build/**, lib/swagger_generated_code/**, lib/objectbox_generated_code/*.g.dart]
   errors:
     always_use_package_imports: error
     directives_ordering: error

build.yaml

@@ -2,6 +2,10 @@ targets:
   $default:
     sources:
       - swaggers/**
+      - lib/$lib$
+      # - $package$
+      - lib/**
+      - pubspec.yaml
     builders:
       chopper_generator:
         options:

lib/app/services/converters.dart

@@ -1,11 +1,16 @@
+import 'dart:convert';
+
 import 'package:gruene_app/app/services/enums.dart';
 import 'package:gruene_app/app/services/nominatim_service.dart';
+import 'package:gruene_app/features/campaigns/helper/campaign_action.dart';
 import 'package:gruene_app/features/campaigns/models/doors/door_detail_model.dart';
 import 'package:gruene_app/features/campaigns/models/flyer/flyer_detail_model.dart';
 import 'package:gruene_app/features/campaigns/models/map_layer_model.dart';
 import 'package:gruene_app/features/campaigns/models/marker_item_model.dart';
+import 'package:gruene_app/features/campaigns/models/posters/poster_create_model.dart';
 import 'package:gruene_app/features/campaigns/models/posters/poster_detail_model.dart';
 import 'package:gruene_app/features/campaigns/models/posters/poster_list_item_model.dart';
+import 'package:gruene_app/features/campaigns/models/posters/poster_update_model.dart';
 import 'package:gruene_app/features/campaigns/widgets/enhanced_wheel_slider.dart';
 import 'package:gruene_app/features/campaigns/widgets/text_input_field.dart';
 import 'package:gruene_app/i18n/translations.g.dart';
@@ -25,3 +30,7 @@ part 'converters/poi_address_parsing.dart';
 part 'converters/focus_area_parsing.dart';
 part 'converters/poi_parsing.dart';
 part 'converters/slider_range_parsing.dart';
+part 'converters/date_time_parsing.dart';
+part 'converters/poster_create_model_parsing.dart';
+part 'converters/poster_update_model_parsing.dart';
+part 'converters/campaign_action_parsing.dart';

lib/app/services/converters/campaign_action_parsing.dart

@@ -0,0 +1,25 @@
+part of '../converters.dart';
+
+extension CampaignActionParsing on CampaignAction {
+  PosterCreateModel getSerializedAsPosterCreate() {
+    var data = jsonDecode(serialized!) as Map<String, dynamic>;
+    if (data['photo'] != null) {
+      data['photo'] = (data['photo'] as List<dynamic>).cast<int>();
+    }
+    data['location'] = (data['location'] as List<dynamic>).cast<double>();
+
+    var model = PosterCreateModel.fromJson(data);
+    return model;
+  }
+
+  PosterUpdateModel getSerializedAsPosterUpdate() {
+    var data = jsonDecode(serialized!) as Map<String, dynamic>;
+    if (data['photo'] != null) {
+      data['photo'] = (data['photo'] as List<dynamic>).cast<int>();
+    }
+    data['location'] = (data['location'] as List<dynamic>).cast<double>();
+
+    var model = PosterUpdateModel.fromJson(data);
+    return model;
+  }
+}

lib/app/services/converters/date_time_parsing.dart

@@ -0,0 +1,12 @@
+part of '../converters.dart';
+
+extension DateTimeParsing on DateTime {
+  String getDateTimeAsString() {
+    DateTime datetime = this;
+    final dateString = DateFormat(t.campaigns.poster.date_format).format(datetime);
+    final timeString = DateFormat(t.campaigns.poster.time_format).format(datetime);
+    return t.campaigns.poster.datetime_display_template
+        .replaceAll('{date}', dateString)
+        .replaceAll('{time}', timeString);
+  }
+}

lib/app/services/converters/poi_parsing.dart

@@ -22,7 +22,7 @@ extension PoiParsing on Poi {
       address: poi.address.transformToAddressModel(),
       openedDoors: poi.house!.countOpenedDoors.toInt(),
       closedDoors: poi.house!.countClosedDoors.toInt(),
-      createdAt: _getDateTimeAsString(poi.createdAt),
+      createdAt: poi.createdAt.getDateTimeAsString(),
     );
   }
 
@@ -37,8 +37,9 @@ extension PoiParsing on Poi {
       imageUrl: _getImageUrl(poi),
       address: poi.address.transformToAddressModel(),
       status: poi.poster!.status.transformToModelPosterStatus(),
+      location: coords.transformToLatLng(),
       comment: poi.poster!.comment ?? '',
-      createdAt: _getDateTimeAsString(poi.createdAt),
+      createdAt: poi.createdAt.getDateTimeAsString(),
     );
   }
 
@@ -51,7 +52,7 @@ extension PoiParsing on Poi {
       id: poi.id,
       address: poi.address.transformToAddressModel(),
       flyerCount: poi.flyerSpot!.flyerCount.toInt(),
-      createdAt: _getDateTimeAsString(poi.createdAt),
+      createdAt: poi.createdAt.getDateTimeAsString(),
     );
   }
 
@@ -74,15 +75,7 @@ extension PoiParsing on Poi {
 
   String _getLastChangeDateTimeInfo() {
     final lastChange = updatedAt.toLocal();
-    return _getDateTimeAsString(lastChange);
-  }
-
-  String _getDateTimeAsString(DateTime lastChange) {
-    final lastChangeDate = DateFormat(t.campaigns.poster.date_format).format(lastChange);
-    final lastChangeTime = DateFormat(t.campaigns.poster.time_format).format(lastChange);
-    return t.campaigns.poster.datetime_display_template
-        .replaceAll('{date}', lastChangeDate)
-        .replaceAll('{time}', lastChangeTime);
+    return lastChange.getDateTimeAsString();
   }
 
   String _getLastChangeStatus() {

lib/app/services/converters/poi_service_type_parsing.dart

@@ -33,4 +33,17 @@ extension PoiServiceTypeParsing on PoiServiceType {
         return CreatePoiType.flyerSpot;
     }
   }
+
+  String getAsMarkerItemStatus(PosterStatus? posterStatus) {
+    var typeName = name;
+    switch (this) {
+      case PoiServiceType.poster:
+        String statusSuffix = '';
+        if (posterStatus != null) statusSuffix = '_${posterStatus.name}';
+        return '$typeName$statusSuffix';
+      case PoiServiceType.door:
+      case PoiServiceType.flyer:
+        return typeName;
+    }
+  }
 }

lib/app/services/converters/poster_create_model_parsing.dart

@@ -0,0 +1,25 @@
+part of '../converters.dart';
+
+extension PosterCreateModelParsing on PosterCreateModel {
+  MarkerItemModel transformToVirtualMarkerItem(int temporaryId) {
+    return MarkerItemModel.virtual(
+      id: temporaryId,
+      status: PoiServiceType.poster.getAsMarkerItemStatus(PosterStatus.ok),
+      location: location,
+    );
+  }
+
+  PosterDetailModel transformToPosterDetailModel(int temporaryId) {
+    return PosterDetailModel(
+      id: temporaryId.toString(),
+      status: PosterStatus.ok,
+      address: address,
+      thumbnailUrl: null,
+      imageUrl: null,
+      location: location,
+      comment: '',
+      createdAt: '${DateTime.now().getDateTimeAsString()}*', // should mark this as preliminary
+      isCached: true,
+    );
+  }
+}

lib/app/services/converters/poster_update_model_parsing.dart

@@ -0,0 +1,33 @@
+part of '../converters.dart';
+
+extension PosterUpdateModelParsing on PosterUpdateModel {
+  MarkerItemModel transformToVirtualMarkerItem() {
+    return MarkerItemModel.virtual(
+      id: int.parse(id),
+      status: PoiServiceType.poster.getAsMarkerItemStatus(status),
+      location: location,
+    );
+  }
+
+  PosterDetailModel transformToPosterDetailModel(int temporaryId) {
+    return PosterDetailModel(
+      id: temporaryId.toString(),
+      status: status,
+      address: address,
+      thumbnailUrl: null,
+      imageUrl: null,
+      location: location,
+      comment: comment,
+      createdAt: '${DateTime.now().getDateTimeAsString()}*', // should mark this as preliminary
+      isCached: true,
+    );
+  }
+
+  PosterUpdateModel mergeWith(PosterUpdateModel newPosterUpdate) {
+    var oldPosterUdpate = this;
+
+    return newPosterUpdate.copyWith(
+      removePreviousPhotos: newPosterUpdate.removePreviousPhotos || oldPosterUdpate.removePreviousPhotos,
+    );
+  }
+}

lib/app/services/nominatim_service.dart

@@ -1,7 +1,10 @@
 import 'package:gruene_app/app/geocode/nominatim.dart';
+import 'package:json_annotation/json_annotation.dart';
 import 'package:logger/logger.dart';
 import 'package:maplibre_gl/maplibre_gl.dart';
 
+part 'nominatim_service.g.dart';
+
 class NominatimService {
   final Logger _logger = Logger();
 
@@ -22,13 +25,14 @@ class NominatimService {
   }
 }
 
+@JsonSerializable()
 class AddressModel {
   final String street;
   final String city;
   final String zipCode;
   final String houseNumber;
 
-  const AddressModel({this.street = '', this.houseNumber = '', this.zipCode = '', this.city = ''});
+  AddressModel({this.street = '', this.houseNumber = '', this.zipCode = '', this.city = ''});
 
   /*
   * More details on how to find and categorize "places" can be found in the OSM Wiki:
@@ -48,4 +52,11 @@ class AddressModel {
             place.address?['town']?.toString() ??
             place.address?['village']?.toString() ??
             '';
+
+  /// Connect the generated [_$AddressModelFromJson] function to the `fromJson`
+  /// factory.
+  factory AddressModel.fromJson(Map<String, dynamic> json) => _$AddressModelFromJson(json);
+
+  /// Connect the generated [_$AddressModelToJson] function to the `toJson` method.
+  Map<String, dynamic> toJson() => _$AddressModelToJson(this);
 }

lib/app/services/object_box.dart

@@ -0,0 +1,27 @@
+import 'dart:async';
+
+import 'package:gruene_app/objectbox_generated_code/objectbox.g.dart';
+import 'package:path/path.dart' as p;
+import 'package:path_provider/path_provider.dart';
+
+class ObjectBox {
+  static ObjectBox? _instance;
+
+  // ObjectBox._();
+
+  factory ObjectBox() => _instance!;
+
+  /// The Store of this app.
+  late final Store store;
+
+  ObjectBox._create(this.store) {
+    // Add any additional setup code, e.g. build queries.
+  }
+
+  /// Create an instance of ObjectBox to use throughout the app.
+  static Future<void> init() async {
+    final docsDir = await getApplicationDocumentsDirectory();
+    final store = await openStore(directory: p.join(docsDir.path, 'wk-cache'));
+    _instance = ObjectBox._create(store);
+  }
+}

lib/app/widgets/app_bar.dart

@@ -5,6 +5,7 @@ import 'package:gruene_app/app/auth/bloc/auth_bloc.dart';
 import 'package:gruene_app/app/constants/routes.dart';
 import 'package:gruene_app/app/theme/theme.dart';
 import 'package:gruene_app/app/widgets/icon.dart';
+import 'package:gruene_app/features/campaigns/helper/campaign_action_cache.dart';
 
 class MainAppBar extends StatelessWidget implements PreferredSizeWidget {
   const MainAppBar({super.key});
@@ -24,14 +25,7 @@ class MainAppBar extends StatelessWidget implements PreferredSizeWidget {
       backgroundColor: theme.primaryColor,
       centerTitle: true,
       actions: [
-        if (currentRoute.path == Routes.campaigns.path)
-          IconButton(
-            icon: CustomIcon(
-              path: 'assets/icons/refresh.svg',
-              color: ThemeColors.background,
-            ),
-            onPressed: null,
-          ),
+        if (currentRoute.path == Routes.campaigns.path) RefreshButton(),
         if (currentRoute.path != Routes.settings.path && isLoggedIn)
           IconButton(
             icon: CustomIcon(
@@ -47,3 +41,51 @@ class MainAppBar extends StatelessWidget implements PreferredSizeWidget {
   @override
   Size get preferredSize => const Size.fromHeight(kToolbarHeight);
 }
+
+class RefreshButton extends StatefulWidget {
+  const RefreshButton({
+    super.key,
+  });
+
+  @override
+  State<RefreshButton> createState() => _RefreshButtonState();
+}
+
+class _RefreshButtonState extends State<RefreshButton> {
+  int _currentCount = 0;
+
+  @override
+  void initState() {
+    var campaignActionCache = CampaignActionCache();
+    _currentCount = campaignActionCache.getCachedActionCount();
+
+    campaignActionCache.addListener(_setCurrentCounter);
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    const maxLabelCount = 99;
+    var labelText = _currentCount > maxLabelCount ? '$maxLabelCount+' : _currentCount.toString();
+    return IconButton(
+      icon: Badge(
+        label: Text(labelText),
+        isLabelVisible: _currentCount != 0,
+        child: CustomIcon(
+          path: 'assets/icons/refresh.svg',
+          color: ThemeColors.background,
+        ),
+      ),
+      onPressed: null,
+    );
+  }
+
+  void _setCurrentCounter() {
+    var campaignActionCache = CampaignActionCache();
+    final newCount = campaignActionCache.getCachedActionCount();
+    if (!mounted) return;
+    setState(() {
+      _currentCount = newCount;
+    });
+  }
+}