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

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