feat(web,server): explore (#1926)

* feat: explore

* chore: generate open api

* styling explore page

* styling no result page

* style overlay

* style: bluring text on thumbnail card for readability

* explore page tweaks

* fix(web): search urls

* feat(web): use objects for things

* feat(server): filter by motion, sort by createdAt

* More styling

* better navigation

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>

mobile/openapi/lib/api.dart

@@ -97,6 +97,8 @@ part 'model/search_album_response_dto.dart';
 part 'model/search_asset_dto.dart';
 part 'model/search_asset_response_dto.dart';
 part 'model/search_config_response_dto.dart';
+part 'model/search_explore_item.dart';
+part 'model/search_explore_response_dto.dart';
 part 'model/search_facet_count_response_dto.dart';
 part 'model/search_facet_response_dto.dart';
 part 'model/search_response_dto.dart';

mobile/openapi/lib/api/search_api.dart

@@ -16,6 +16,53 @@ class SearchApi {
 
   final ApiClient apiClient;
 
+  /// 
+  ///
+  /// Note: This method returns the HTTP [Response].
+  Future<Response> getExploreDataWithHttpInfo() async {
+    // ignore: prefer_const_declarations
+    final path = r'/search/explore';
+
+    // ignore: prefer_final_locals
+    Object? postBody;
+
+    final queryParams = <QueryParam>[];
+    final headerParams = <String, String>{};
+    final formParams = <String, String>{};
+
+    const contentTypes = <String>[];
+
+
+    return apiClient.invokeAPI(
+      path,
+      'GET',
+      queryParams,
+      postBody,
+      headerParams,
+      formParams,
+      contentTypes.isEmpty ? null : contentTypes.first,
+    );
+  }
+
+  /// 
+  Future<List<SearchExploreResponseDto>?> getExploreData() async {
+    final response = await getExploreDataWithHttpInfo();
+    if (response.statusCode >= HttpStatus.badRequest) {
+      throw ApiException(response.statusCode, await _decodeBodyBytes(response));
+    }
+    // When a remote server returns no body with a status of 204, we shall not decode it.
+    // At the time of writing this, `dart:convert` will throw an "Unexpected end of input"
+    // FormatException when trying to decode an empty string.
+    if (response.body.isNotEmpty && response.statusCode != HttpStatus.noContent) {
+      final responseBody = await _decodeBodyBytes(response);
+      return (await apiClient.deserializeAsync(responseBody, 'List<SearchExploreResponseDto>') as List)
+        .cast<SearchExploreResponseDto>()
+        .toList();
+
+    }
+    return null;
+  }
+
   /// 
   ///
   /// Note: This method returns the HTTP [Response].
@@ -85,7 +132,11 @@ class SearchApi {
   /// * [List<String>] smartInfoPeriodObjects:
   ///
   /// * [List<String>] smartInfoPeriodTags:
-  Future<Response> searchWithHttpInfo({ String? query, String? type, bool? isFavorite, String? exifInfoPeriodCity, String? exifInfoPeriodState, String? exifInfoPeriodCountry, String? exifInfoPeriodMake, String? exifInfoPeriodModel, List<String>? smartInfoPeriodObjects, List<String>? smartInfoPeriodTags, }) async {
+  ///
+  /// * [bool] recent:
+  ///
+  /// * [bool] motion:
+  Future<Response> searchWithHttpInfo({ String? query, String? type, bool? isFavorite, String? exifInfoPeriodCity, String? exifInfoPeriodState, String? exifInfoPeriodCountry, String? exifInfoPeriodMake, String? exifInfoPeriodModel, List<String>? smartInfoPeriodObjects, List<String>? smartInfoPeriodTags, bool? recent, bool? motion, }) async {
     // ignore: prefer_const_declarations
     final path = r'/search';
 
@@ -126,6 +177,12 @@ class SearchApi {
     if (smartInfoPeriodTags != null) {
       queryParams.addAll(_queryParams('multi', 'smartInfo.tags', smartInfoPeriodTags));
     }
+    if (recent != null) {
+      queryParams.addAll(_queryParams('', 'recent', recent));
+    }
+    if (motion != null) {
+      queryParams.addAll(_queryParams('', 'motion', motion));
+    }
 
     const contentTypes = <String>[];
 
@@ -164,8 +221,12 @@ class SearchApi {
   /// * [List<String>] smartInfoPeriodObjects:
   ///
   /// * [List<String>] smartInfoPeriodTags:
-  Future<SearchResponseDto?> search({ String? query, String? type, bool? isFavorite, String? exifInfoPeriodCity, String? exifInfoPeriodState, String? exifInfoPeriodCountry, String? exifInfoPeriodMake, String? exifInfoPeriodModel, List<String>? smartInfoPeriodObjects, List<String>? smartInfoPeriodTags, }) async {
-    final response = await searchWithHttpInfo( query: query, type: type, isFavorite: isFavorite, exifInfoPeriodCity: exifInfoPeriodCity, exifInfoPeriodState: exifInfoPeriodState, exifInfoPeriodCountry: exifInfoPeriodCountry, exifInfoPeriodMake: exifInfoPeriodMake, exifInfoPeriodModel: exifInfoPeriodModel, smartInfoPeriodObjects: smartInfoPeriodObjects, smartInfoPeriodTags: smartInfoPeriodTags, );
+  ///
+  /// * [bool] recent:
+  ///
+  /// * [bool] motion:
+  Future<SearchResponseDto?> search({ String? query, String? type, bool? isFavorite, String? exifInfoPeriodCity, String? exifInfoPeriodState, String? exifInfoPeriodCountry, String? exifInfoPeriodMake, String? exifInfoPeriodModel, List<String>? smartInfoPeriodObjects, List<String>? smartInfoPeriodTags, bool? recent, bool? motion, }) async {
+    final response = await searchWithHttpInfo( query: query, type: type, isFavorite: isFavorite, exifInfoPeriodCity: exifInfoPeriodCity, exifInfoPeriodState: exifInfoPeriodState, exifInfoPeriodCountry: exifInfoPeriodCountry, exifInfoPeriodMake: exifInfoPeriodMake, exifInfoPeriodModel: exifInfoPeriodModel, smartInfoPeriodObjects: smartInfoPeriodObjects, smartInfoPeriodTags: smartInfoPeriodTags, recent: recent, motion: motion, );
     if (response.statusCode >= HttpStatus.badRequest) {
       throw ApiException(response.statusCode, await _decodeBodyBytes(response));
     }

mobile/openapi/lib/api_client.dart

@@ -302,6 +302,10 @@ class ApiClient {
           return SearchAssetResponseDto.fromJson(value);
         case 'SearchConfigResponseDto':
           return SearchConfigResponseDto.fromJson(value);
+        case 'SearchExploreItem':
+          return SearchExploreItem.fromJson(value);
+        case 'SearchExploreResponseDto':
+          return SearchExploreResponseDto.fromJson(value);
         case 'SearchFacetCountResponseDto':
           return SearchFacetCountResponseDto.fromJson(value);
         case 'SearchFacetResponseDto':

mobile/openapi/lib/model/search_explore_item.dart

@@ -0,0 +1,119 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class SearchExploreItem {
+  /// Returns a new [SearchExploreItem] instance.
+  SearchExploreItem({
+    required this.value,
+    required this.data,
+  });
+
+  String value;
+
+  AssetResponseDto data;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is SearchExploreItem &&
+     other.value == value &&
+     other.data == data;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (value.hashCode) +
+    (data.hashCode);
+
+  @override
+  String toString() => 'SearchExploreItem[value=$value, data=$data]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'value'] = this.value;
+      json[r'data'] = this.data;
+    return json;
+  }
+
+  /// Returns a new [SearchExploreItem] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static SearchExploreItem? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      // Ensure that the map contains the required keys.
+      // Note 1: the values aren't checked for validity beyond being non-null.
+      // Note 2: this code is stripped in release mode!
+      assert(() {
+        requiredKeys.forEach((key) {
+          assert(json.containsKey(key), 'Required key "SearchExploreItem[$key]" is missing from JSON.');
+          assert(json[key] != null, 'Required key "SearchExploreItem[$key]" has a null value in JSON.');
+        });
+        return true;
+      }());
+
+      return SearchExploreItem(
+        value: mapValueOfType<String>(json, r'value')!,
+        data: AssetResponseDto.fromJson(json[r'data'])!,
+      );
+    }
+    return null;
+  }
+
+  static List<SearchExploreItem>? listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <SearchExploreItem>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = SearchExploreItem.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, SearchExploreItem> mapFromJson(dynamic json) {
+    final map = <String, SearchExploreItem>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = SearchExploreItem.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of SearchExploreItem-objects as value to a dart map
+  static Map<String, List<SearchExploreItem>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<SearchExploreItem>>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = SearchExploreItem.listFromJson(entry.value, growable: growable,);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'value',
+    'data',
+  };
+}
+

mobile/openapi/lib/model/search_explore_response_dto.dart

@@ -0,0 +1,119 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class SearchExploreResponseDto {
+  /// Returns a new [SearchExploreResponseDto] instance.
+  SearchExploreResponseDto({
+    required this.fieldName,
+    this.items = const [],
+  });
+
+  String fieldName;
+
+  List<SearchExploreItem> items;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is SearchExploreResponseDto &&
+     other.fieldName == fieldName &&
+     other.items == items;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (fieldName.hashCode) +
+    (items.hashCode);
+
+  @override
+  String toString() => 'SearchExploreResponseDto[fieldName=$fieldName, items=$items]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'fieldName'] = this.fieldName;
+      json[r'items'] = this.items;
+    return json;
+  }
+
+  /// Returns a new [SearchExploreResponseDto] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static SearchExploreResponseDto? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      // Ensure that the map contains the required keys.
+      // Note 1: the values aren't checked for validity beyond being non-null.
+      // Note 2: this code is stripped in release mode!
+      assert(() {
+        requiredKeys.forEach((key) {
+          assert(json.containsKey(key), 'Required key "SearchExploreResponseDto[$key]" is missing from JSON.');
+          assert(json[key] != null, 'Required key "SearchExploreResponseDto[$key]" has a null value in JSON.');
+        });
+        return true;
+      }());
+
+      return SearchExploreResponseDto(
+        fieldName: mapValueOfType<String>(json, r'fieldName')!,
+        items: SearchExploreItem.listFromJson(json[r'items'])!,
+      );
+    }
+    return null;
+  }
+
+  static List<SearchExploreResponseDto>? listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <SearchExploreResponseDto>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = SearchExploreResponseDto.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, SearchExploreResponseDto> mapFromJson(dynamic json) {
+    final map = <String, SearchExploreResponseDto>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = SearchExploreResponseDto.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of SearchExploreResponseDto-objects as value to a dart map
+  static Map<String, List<SearchExploreResponseDto>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<SearchExploreResponseDto>>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = SearchExploreResponseDto.listFromJson(entry.value, growable: growable,);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'fieldName',
+    'items',
+  };
+}
+