admin/linkding-ios
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Added search

Browse Source
This commit is contained in:
Juan Gilsanz Polo
2024-02-24 01:08:53 +01:00
parent a11355227c
commit a2d621ba9b
20 changed files with 834 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
lib/i18n/strings.g.dart
View File

@@ -4,9 +4,9 @@
/// To regenerate, run: `dart run slang`
///
/// Locales: 2
/// Strings: 192 (96 per locale)
/// Strings: 206 (103 per locale)
///
/// Built on 2024-02-23 at 22:17 UTC
/// Built on 2024-02-24 at 00:06 UTC
// coverage:ignore-file
// ignore_for_file: type=lint
@@ -223,6 +223,13 @@ class _StringsSearchEn {
// Translations
String get search => 'Search';
String get bookmarks => 'Bookmarks';
String get tags => 'Tags';
String get clearSearch => 'Clear search';
String get inputSearchTerm => 'Input a search term';
String get cannotSearchError => 'Cannot search content due to an error';
String get inputtedSearchTermNoResults => 'The inputted search term doesn\'t have any results';
String created({required Object created}) => 'Created: ${created}';
}
// Path: settings
@@ -465,6 +472,13 @@ class _StringsSearchEs implements _StringsSearchEn {
// Translations
@override String get search => 'Buscar';
@override String get bookmarks => 'Marcadores';
@override String get tags => 'Etiquetas';
@override String get clearSearch => 'Limpiar búsqueda';
@override String get inputSearchTerm => 'Introduce un término de búsqueda';
@override String get cannotSearchError => 'No se puede buscar el contenido por un error';
@override String get inputtedSearchTermNoResults => 'El término de búsqueda introducido no tiene resultados';
@override String created({required Object created}) => 'Creado: ${created}';
}
// Path: settings
@@ -670,6 +684,13 @@ extension on Translations {
case 'links.addLink.leaveEmptyUseWebsiteTitle': return 'Leave empty to use the website\'s title.';
case 'links.addLink.leaveEmptyUseWebsiteDescription': return 'Leave empty to use the website\'s description.';
case 'search.search': return 'Search';
case 'search.bookmarks': return 'Bookmarks';
case 'search.tags': return 'Tags';
case 'search.clearSearch': return 'Clear search';
case 'search.inputSearchTerm': return 'Input a search term';
case 'search.cannotSearchError': return 'Cannot search content due to an error';
case 'search.inputtedSearchTermNoResults': return 'The inputted search term doesn\'t have any results';
case 'search.created': return ({required Object created}) => 'Created: ${created}';
case 'settings.settings': return 'Settings';
case 'settings.appSettings': return 'App settings';
case 'settings.aboutApp': return 'About the app';
@@ -774,6 +795,13 @@ extension on _StringsEs {
case 'links.addLink.leaveEmptyUseWebsiteTitle': return 'Dejar vacío para usar el título del sitio web.';
case 'links.addLink.leaveEmptyUseWebsiteDescription': return 'Dejar vacío para usar la descripción del sitio web.';
case 'search.search': return 'Buscar';
case 'search.bookmarks': return 'Marcadores';
case 'search.tags': return 'Etiquetas';
case 'search.clearSearch': return 'Limpiar búsqueda';
case 'search.inputSearchTerm': return 'Introduce un término de búsqueda';
case 'search.cannotSearchError': return 'No se puede buscar el contenido por un error';
case 'search.inputtedSearchTermNoResults': return 'El término de búsqueda introducido no tiene resultados';
case 'search.created': return ({required Object created}) => 'Creado: ${created}';
case 'settings.settings': return 'Ajustes';
case 'settings.appSettings': return 'Ajustes de la aplicación';
case 'settings.aboutApp': return 'Sobre la aplicación';

9
lib/i18n/strings_en.i18n.json
View File

@@ -65,7 +65,14 @@
}
},
"search": {
"search": "Search"
"search": "Search",
"bookmarks": "Bookmarks",
"tags": "Tags",
"clearSearch": "Clear search",
"inputSearchTerm": "Input a search term",
"cannotSearchError": "Cannot search content due to an error",
"inputtedSearchTermNoResults": "The inputted search term doesn't have any results",
"created": "Created: $created"
},
"settings": {
"settings": "Settings",

9
lib/i18n/strings_es.i18n.json
View File

@@ -65,7 +65,14 @@
}
},
"search": {
"search": "Buscar"
"search": "Buscar",
"bookmarks": "Marcadores",
"tags": "Etiquetas",
"clearSearch": "Limpiar búsqueda",
"inputSearchTerm": "Introduce un término de búsqueda",
"cannotSearchError": "No se puede buscar el contenido por un error",
"inputtedSearchTermNoResults": "El término de búsqueda introducido no tiene resultados",
"created": "Creado: $created"
},
"settings": {
"settings": "Ajustes",

2
lib/providers/app_status_provider.g.dart
View File

@@ -21,7 +21,7 @@ final selectedThemeProvider = AutoDisposeProvider<ThemeMode>.internal(
);
typedef SelectedThemeRef = AutoDisposeProviderRef<ThemeMode>;
String _$appStatusHash() => r'cde4567157dd5a89f842a2818efc199db3585232';
String _$appStatusHash() => r'7f263e1933715c0ec6305e453af99b9a264156b6';
/// See also [AppStatus].
@ProviderFor(AppStatus)

2
lib/screens/links/provider/add_link.provider.g.dart
View File

@@ -304,7 +304,7 @@ final getTagsProvider = AutoDisposeFutureProvider<ApiResponse<Tags>>.internal(
);
typedef GetTagsRef = AutoDisposeFutureProviderRef<ApiResponse<Tags>>;
String _$addLinkHash() => r'fd6e2629386254ace7ac7abeff0e566dda69575a';
String _$addLinkHash() => r'6a5c26a8e562236c7d3806bca869d932097fa6a6';
/// See also [AddLink].
@ProviderFor(AddLink)

98
lib/screens/links/ui/link_item.dart Normal file
View File

@@ -0,0 +1,98 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/providers/app_status_provider.dart';
import 'package:linkdy/providers/router_provider.dart';
import 'package:linkdy/router/paths.dart';
import 'package:linkdy/utils/date_to_string.dart';
import 'package:linkdy/utils/open_url.dart';
class LinkItem extends ConsumerWidget {
final Bookmark bookmark;
const LinkItem({
Key? key,
required this.bookmark,
}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
String validateStrings(String? string1, String? string2) {
if (string1 != null && string1.isNotEmpty) {
return string1;
} else if (string2 != null && string2.isNotEmpty) {
return string2;
} else {
return "";
}
}
return ListTile(
onTap: ref.watch(appStatusProvider).useInAppBrowser == true
? () => ref.watch(routerProvider).push(RoutesPaths.webview, extra: bookmark)
: () => openUrl(bookmark.url!),
isThreeLine: true,
title: Padding(
padding: const EdgeInsets.only(bottom: 4),
child: Text(
validateStrings(bookmark.title, bookmark.websiteTitle),
maxLines: 2,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
validateStrings(bookmark.description, bookmark.websiteDescription),
maxLines: 3,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 14,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: 4),
Row(
children: [
Expanded(
child: Text(
bookmark.tagNames?.map((tag) => "#$tag").join(" ") ?? '',
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
),
if (bookmark.dateModified != null) ...[
if (bookmark.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Text(
dateToString(bookmark.dateModified!),
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
],
),
],
),
);
}
}

95
lib/screens/links/ui/links.dart
View File

@@ -11,6 +11,7 @@ import 'package:linkdy/providers/app_status_provider.dart';
import 'package:linkdy/providers/router_provider.dart';
import 'package:linkdy/router/paths.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/screens/links/ui/link_item.dart';
import 'package:linkdy/utils/open_url.dart';
class Links extends ConsumerWidget {
@@ -22,33 +23,6 @@ class Links extends ConsumerWidget {
final width = MediaQuery.of(context).size.width;
String validateStrings(String? string1, String? string2) {
if (string1 != null && string1.isNotEmpty) {
return string1;
} else if (string2 != null && string2.isNotEmpty) {
return string2;
} else {
return "";
}
}
String dateString(DateTime date) {
String addZeros(int value) {
return value.toString().padLeft(2, '0');
}
final today = DateTime.now();
final yesterday = DateTime.now().subtract(const Duration(days: 1));
if (date.day == today.day && date.month == today.month && date.year == today.year) {
return t.links.dates.todayAt(time: "${addZeros(date.hour)}:${addZeros(date.minute)}");
} else if (date.day == yesterday.day && date.month == yesterday.month && date.year == yesterday.year) {
return t.links.dates.yesterdayAt(time: "${addZeros(date.hour)}:${addZeros(date.minute)}");
} else {
return "${date.day}/${date.month}/${date.year} - ${addZeros(date.hour)}:${addZeros(date.minute)}";
}
}
void openAddModal() {
showGeneralDialog(
context: context,
@@ -123,72 +97,7 @@ class Links extends ConsumerWidget {
final link = bookmarks.value?.content?.results?[index];
return Column(
children: [
ListTile(
onTap: ref.watch(appStatusProvider).useInAppBrowser == true
? () => ref.watch(routerProvider).push(RoutesPaths.webview, extra: link)
: () => openUrl(link!.url!),
isThreeLine: true,
title: Padding(
padding: const EdgeInsets.only(bottom: 4),
child: Text(
validateStrings(link?.title, link?.websiteTitle),
maxLines: 2,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
validateStrings(link?.description, link?.websiteDescription),
maxLines: 3,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.left,
style: TextStyle(
fontSize: 14,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
const SizedBox(height: 4),
Row(
children: [
Expanded(
child: Text(
link?.tagNames?.map((tag) => "#$tag").join(" ") ?? '',
overflow: TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w500,
),
),
),
if (link?.dateModified != null) ...[
if (link?.tagNames?.isNotEmpty == true)
Container(
width: 1,
height: 12,
margin: const EdgeInsets.symmetric(horizontal: 8),
color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3),
),
Text(
dateString(link!.dateModified!),
style: TextStyle(
fontSize: 12,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
],
),
],
),
),
LinkItem(bookmark: link!),
if (index < bookmarks.value!.content!.results!.length - 1)
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),

11
lib/screens/search/model/search.model.dart Normal file
View File

@@ -0,0 +1,11 @@
import 'package:flutter/material.dart';
class SearchModel {
final TextEditingController searchController;
String? searchTerm;
SearchModel({
required this.searchController,
this.searchTerm = "",
});
}

50
lib/screens/search/provider/search.provider.dart Normal file
View File

@@ -0,0 +1,50 @@
import 'package:flutter/material.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:linkdy/screens/search/model/search.model.dart';
import 'package:linkdy/models/api_response.dart';
import 'package:linkdy/models/data/tags.dart';
import 'package:linkdy/models/data/bookmarks.dart';
import 'package:linkdy/providers/api_client_provider.dart';
part 'search.provider.g.dart';
@riverpod
FutureOr<ApiResponse<Bookmarks>?> searchBookmarks(SearchBookmarksRef ref) async {
if (ref.watch(searchProvider).searchTerm == "") return null;
final result = await ref.read(apiClientProviderProvider)!.fetchBookmarks(q: ref.watch(searchProvider).searchTerm);
return result;
}
@riverpod
FutureOr<ApiResponse<Tags>?> searchTags(SearchTagsRef ref) async {
if (ref.watch(searchProvider).searchTerm == "") return null;
final result = await ref.read(apiClientProviderProvider)!.fetchTags(q: ref.watch(searchProvider).searchTerm);
return result;
}
@riverpod
class Search extends _$Search {
@override
SearchModel build() {
return SearchModel(
searchController: TextEditingController(),
);
}
void clearSearch() {
state.searchController.clear();
state.searchTerm = "";
ref.notifyListeners();
}
void notifyOnChange() {
ref.notifyListeners();
}
void setSearchTerm(String value) {
state.searchTerm = value;
ref.notifyListeners();
}
}

57
lib/screens/search/provider/search.provider.g.dart Normal file
View File

@@ -0,0 +1,57 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'search.provider.dart';
// **************************************************************************
// RiverpodGenerator
// **************************************************************************
String _$searchBookmarksHash() => r'5e5ace5cf7231e9c6b919578700fa1f34cf3aca3';
/// See also [searchBookmarks].
@ProviderFor(searchBookmarks)
final searchBookmarksProvider =
AutoDisposeFutureProvider<ApiResponse<Bookmarks>?>.internal(
searchBookmarks,
name: r'searchBookmarksProvider',
debugGetCreateSourceHash: const bool.fromEnvironment('dart.vm.product')
? null
: _$searchBookmarksHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef SearchBookmarksRef
= AutoDisposeFutureProviderRef<ApiResponse<Bookmarks>?>;
String _$searchTagsHash() => r'8470a8d018af64a04b1716b43d1d98dcb54f491d';
/// See also [searchTags].
@ProviderFor(searchTags)
final searchTagsProvider =
AutoDisposeFutureProvider<ApiResponse<Tags>?>.internal(
searchTags,
name: r'searchTagsProvider',
debugGetCreateSourceHash:
const bool.fromEnvironment('dart.vm.product') ? null : _$searchTagsHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef SearchTagsRef = AutoDisposeFutureProviderRef<ApiResponse<Tags>?>;
String _$searchHash() => r'bdb992f3343d912d9422fa5da14ad0d5704f18e7';
/// See also [Search].
@ProviderFor(Search)
final searchProvider =
AutoDisposeNotifierProvider<Search, SearchModel>.internal(
Search.new,
name: r'searchProvider',
debugGetCreateSourceHash:
const bool.fromEnvironment('dart.vm.product') ? null : _$searchHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef _$Search = AutoDisposeNotifier<SearchModel>;
// ignore_for_file: type=lint
// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member

70
lib/screens/search/ui/bookmarks_search_list.dart Normal file
View File

@@ -0,0 +1,70 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/screens/search/ui/error_search_list.dart';
import 'package:linkdy/screens/search/ui/input_search_term.dart';
import 'package:linkdy/screens/links/ui/link_item.dart';
import 'package:linkdy/screens/search/provider/search.provider.dart';
import 'package:linkdy/screens/search/ui/search_no_data.dart';
import 'package:linkdy/widgets/sliver_tab_body.dart';
class BookmarksSearchList extends ConsumerWidget {
const BookmarksSearchList({Key? key}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
final bookmarksSearch = ref.watch(searchBookmarksProvider);
if (ref.watch(searchProvider).searchTerm == "") {
return const SliverTabBody(
child: SliverFillRemaining(
child: InputSearchTerm(),
),
);
}
return bookmarksSearch.when(
data: (data) {
if (data!.successful == false) {
return const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: Icon(Icons.error_rounded),
),
),
);
} else if (data.content!.results!.isEmpty) {
return const SliverTabBody(
child: SliverFillRemaining(
child: SearchNoData(),
),
);
} else {
return SliverTabBodyRefresh(
onRefresh: () => ref.refresh(searchBookmarksProvider.future),
child: SliverList.builder(
itemCount: data.content!.results!.length,
itemBuilder: (context, index) => LinkItem(
bookmark: data.content!.results![index],
),
),
);
}
},
error: (error, stackTrace) => const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: ErrorSearchList(),
),
),
),
loading: () => const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: CircularProgressIndicator(),
),
),
),
);
}
}

33
lib/screens/search/ui/error_search_list.dart Normal file
View File

@@ -0,0 +1,33 @@
import 'package:flutter/material.dart';
import 'package:linkdy/i18n/strings.g.dart';
class ErrorSearchList extends StatelessWidget {
const ErrorSearchList({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.error_rounded,
size: 50,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
const SizedBox(height: 30),
Text(
t.search.cannotSearchError,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 24,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
);
}
}

33
lib/screens/search/ui/input_search_term.dart Normal file
View File

@@ -0,0 +1,33 @@
import 'package:flutter/material.dart';
import 'package:linkdy/i18n/strings.g.dart';
class InputSearchTerm extends StatelessWidget {
const InputSearchTerm({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.search_rounded,
size: 50,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
const SizedBox(height: 30),
Text(
t.search.inputSearchTerm,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 24,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
);
}
}

100
lib/screens/search/ui/search.dart
View File

@@ -1,10 +1,106 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
class Search extends StatelessWidget {
import 'package:linkdy/screens/search/provider/search.provider.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/screens/search/ui/bookmarks_search_list.dart';
import 'package:linkdy/screens/search/ui/tags_search_list.dart';
class Search extends ConsumerStatefulWidget {
const Search({Key? key}) : super(key: key);
@override
SearchState createState() => SearchState();
}
class SearchState extends ConsumerState<Search> with TickerProviderStateMixin {
late TabController _tabController;
@override
void initState() {
_tabController = TabController(length: 2, vsync: this);
super.initState();
}
@override
Widget build(BuildContext context) {
return Container();
return Scaffold(
body: DefaultTabController(
length: 2,
child: NestedScrollView(
headerSliverBuilder: (context, innerBoxIsScrolled) => [
SliverOverlapAbsorber(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
sliver: SliverAppBar(
pinned: true,
floating: true,
centerTitle: false,
forceElevated: innerBoxIsScrolled,
toolbarHeight: 70,
title: ClipRRect(
borderRadius: BorderRadius.circular(50),
child: TextFormField(
controller: ref.watch(searchProvider).searchController,
onChanged: (_) => ref.read(searchProvider.notifier).notifyOnChange(),
onFieldSubmitted: ref.read(searchProvider.notifier).setSearchTerm,
decoration: InputDecoration(
hintText: t.search.search,
prefixIcon: const Icon(Icons.search_rounded),
border: InputBorder.none,
filled: true,
fillColor: Colors.grey.withOpacity(0.2),
suffixIcon: ref.watch(searchProvider).searchController.text != ""
? IconButton(
onPressed: ref.read(searchProvider.notifier).clearSearch,
icon: const Icon(
Icons.close_rounded,
size: 20,
),
tooltip: t.search.clearSearch,
)
: null,
),
textInputAction: TextInputAction.search,
),
),
bottom: TabBar(
controller: _tabController,
tabs: [
Tab(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.link_rounded),
const SizedBox(width: 8),
Text(t.search.bookmarks),
],
),
),
Tab(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.tag_rounded),
const SizedBox(width: 8),
Text(t.search.tags),
],
),
),
],
),
),
),
],
body: TabBarView(
controller: _tabController,
children: const [
BookmarksSearchList(),
TagsSearchList(),
],
),
),
),
);
}
}

33
lib/screens/search/ui/search_no_data.dart Normal file
View File

@@ -0,0 +1,33 @@
import 'package:flutter/material.dart';
import 'package:linkdy/i18n/strings.g.dart';
class SearchNoData extends StatelessWidget {
const SearchNoData({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.clear_rounded,
size: 50,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
const SizedBox(height: 30),
Text(
t.search.inputtedSearchTermNoResults,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 24,
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
],
),
);
}
}

84
lib/screens/search/ui/tags_search_list.dart Normal file
View File

@@ -0,0 +1,84 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:linkdy/screens/search/provider/search.provider.dart';
import 'package:linkdy/screens/search/ui/error_search_list.dart';
import 'package:linkdy/screens/search/ui/input_search_term.dart';
import 'package:linkdy/screens/search/ui/search_no_data.dart';
import 'package:linkdy/widgets/sliver_tab_body.dart';
import 'package:linkdy/i18n/strings.g.dart';
import 'package:linkdy/utils/date_to_string.dart';
class TagsSearchList extends ConsumerWidget {
const TagsSearchList({Key? key}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
final bookmarksSearch = ref.watch(searchTagsProvider);
if (ref.watch(searchProvider).searchTerm == "") {
return const SliverTabBody(
child: SliverFillRemaining(
child: InputSearchTerm(),
),
);
}
return bookmarksSearch.when(
data: (data) {
if (data!.successful == false) {
return const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: Icon(Icons.error_rounded),
),
),
);
} else if (data.content!.results!.isEmpty) {
return const SliverTabBody(
child: SliverFillRemaining(
child: SearchNoData(),
),
);
} else {
return SliverTabBodyRefresh(
onRefresh: () => ref.refresh(searchTagsProvider.future),
child: SliverList.builder(
itemCount: data.content!.results!.length,
itemBuilder: (context, index) => ListTile(
title: Text(
data.content!.results![index].name!,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: Theme.of(context).colorScheme.onSurface,
),
),
subtitle: Text(
t.search.created(
created: dateToString(data.content!.results![index].dateAdded!),
),
),
),
),
);
}
},
error: (error, stackTrace) => const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: ErrorSearchList(),
),
),
),
loading: () => const SliverTabBody(
child: SliverFillRemaining(
child: Center(
child: CircularProgressIndicator(),
),
),
),
);
}
}

11
lib/services/api_client.dart
View File

@@ -76,9 +76,16 @@ class ApiClient {
}
}
Future<ApiResponse<Tags>> fetchTags() async {
Future<ApiResponse<Tags>> fetchTags({String? q, int? limit, int? offset}) async {
try {
final response = await dioInstance.get("/tags/");
final response = await dioInstance.get(
"/tags/",
queryParameters: {
"q": q,
"limit": limit,
"offset": offset,
},
);
return ApiResponse(
successful: true,
content: Tags.fromJson(response.data),

18
lib/utils/date_to_string.dart Normal file
View File

@@ -0,0 +1,18 @@
import 'package:linkdy/i18n/strings.g.dart';
String dateToString(DateTime date) {
String addZeros(int value) {
return value.toString().padLeft(2, '0');
}
final today = DateTime.now();
final yesterday = DateTime.now().subtract(const Duration(days: 1));
if (date.day == today.day && date.month == today.month && date.year == today.year) {
return t.links.dates.todayAt(time: "${addZeros(date.hour)}:${addZeros(date.minute)}");
} else if (date.day == yesterday.day && date.month == yesterday.month && date.year == yesterday.year) {
return t.links.dates.yesterdayAt(time: "${addZeros(date.hour)}:${addZeros(date.minute)}");
} else {
return "${date.day}/${date.month}/${date.year} - ${addZeros(date.hour)}:${addZeros(date.minute)}";
}
}

134
lib/utils/tab_content_list.dart Normal file
View File

@@ -0,0 +1,134 @@
import 'package:flutter/material.dart';
import 'package:linkdy/constants/enums.dart';
class CustomTabContentList extends StatelessWidget {
final Widget Function() loadingGenerator;
final int itemsCount;
final Widget Function(int index) contentWidget;
final Widget noData;
final Widget Function() errorGenerator;
final LoadStatus loadStatus;
final Future<void> Function() onRefresh;
final double? refreshIndicatorOffset;
final bool? fabVisible;
final bool? noSliver;
final EdgeInsets? listPadding;
final double? heightFabHidden;
const CustomTabContentList({
super.key,
required this.loadingGenerator,
required this.itemsCount,
required this.contentWidget,
required this.noData,
required this.errorGenerator,
required this.loadStatus,
required this.onRefresh,
this.refreshIndicatorOffset,
this.fabVisible,
this.noSliver,
this.listPadding,
this.heightFabHidden,
});
@override
Widget build(BuildContext context) {
switch (loadStatus) {
case LoadStatus.loading:
if (noSliver == true) {
return Padding(padding: const EdgeInsets.symmetric(horizontal: 16), child: loadingGenerator());
} else {
return SafeArea(
top: false,
child: Builder(
builder: (BuildContext context) => CustomScrollView(
slivers: [
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
),
SliverFillRemaining(
child: Padding(padding: const EdgeInsets.symmetric(horizontal: 16), child: loadingGenerator()),
),
],
),
),
);
}
case LoadStatus.loaded:
if (noSliver == true) {
if (itemsCount > 0) {
return SafeArea(
child: ListView.builder(
padding: listPadding,
itemCount: itemsCount,
itemBuilder: (context, index) => contentWidget(index),
),
);
} else {
return SafeArea(
child: noData,
);
}
} else {
return SafeArea(
top: false,
bottom: false,
child: Builder(
builder: (BuildContext context) {
return RefreshIndicator(
onRefresh: onRefresh,
edgeOffset: refreshIndicatorOffset ?? 70,
child: CustomScrollView(
slivers: <Widget>[
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
),
if (itemsCount > 0)
SliverList(
delegate: SliverChildBuilderDelegate(
(context, index) => contentWidget(index),
childCount: itemsCount,
),
),
if (itemsCount == 0)
SliverFillRemaining(
child: noData,
),
],
),
);
},
),
);
}
case LoadStatus.error:
if (noSliver == true) {
return Padding(padding: const EdgeInsets.only(top: 95, left: 16, right: 16), child: errorGenerator());
} else {
return SafeArea(
top: false,
child: Builder(
builder: (BuildContext context) => CustomScrollView(
slivers: [
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
),
SliverFillRemaining(
child: Padding(
padding: const EdgeInsets.only(top: 95, left: 16, right: 16),
child: errorGenerator(),
),
),
],
),
),
);
}
default:
return const SizedBox();
}
}
}

56
lib/widgets/sliver_tab_body.dart Normal file
View File

@@ -0,0 +1,56 @@
import 'package:flutter/material.dart';
class SliverTabBody extends StatelessWidget {
final Widget child;
const SliverTabBody({Key? key, required this.child}) : super(key: key);
@override
Widget build(BuildContext context) {
return SafeArea(
top: false,
child: Builder(
builder: (BuildContext context) => CustomScrollView(
slivers: [
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
),
child,
],
),
),
);
}
}
class SliverTabBodyRefresh extends StatelessWidget {
final Widget child;
final Future<void> Function() onRefresh;
const SliverTabBodyRefresh({
Key? key,
required this.child,
required this.onRefresh,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return SafeArea(
top: false,
child: Builder(
builder: (BuildContext context) => RefreshIndicator(
displacement: 120,
onRefresh: onRefresh,
child: CustomScrollView(
slivers: [
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
),
child,
],
),
),
),
);
}
}