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

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(),
),
),
),
);
}
}