renolation/base_flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix todo

Browse Source
This commit is contained in:
Phuoc Nguyen
2025-10-03 17:54:39 +07:00
parent 762395ce50
commit 38a33743e6
16 changed files with 1096 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
lib/features/todos/presentation/providers/todo_providers.dart Normal file
View File

@@ -0,0 +1,112 @@
import 'package:riverpod_annotation/riverpod_annotation.dart';
import '../../../../core/providers/app_providers.dart';
import '../../../../core/providers/network_providers.dart';
import '../../data/datasources/todo_remote_datasource.dart';
import '../../data/repositories/todo_repository_impl.dart';
import '../../domain/entities/todo.dart';
import '../../domain/repositories/todo_repository.dart';
part 'todo_providers.g.dart';
/// Todo Remote DataSource Provider
@riverpod
TodoRemoteDataSource todoRemoteDataSource(TodoRemoteDataSourceRef ref) {
final dioClient = ref.watch(dioClientProvider);
return TodoRemoteDataSourceImpl(dioClient: dioClient);
}
/// Todo Repository Provider
@riverpod
TodoRepository todoRepository(TodoRepositoryRef ref) {
final remoteDataSource = ref.watch(todoRemoteDataSourceProvider);
final networkInfo = ref.watch(networkInfoProvider);
return TodoRepositoryImpl(
remoteDataSource: remoteDataSource,
networkInfo: networkInfo,
);
}
/// Todos State Provider - Fetches and manages todos list
@riverpod
class Todos extends _$Todos {
@override
Future<List<Todo>> build() async {
// Auto-fetch todos when provider is first accessed
return _fetchTodos();
}
Future<List<Todo>> _fetchTodos() async {
final repository = ref.read(todoRepositoryProvider);
final result = await repository.getTodos();
return result.fold(
(failure) => throw Exception(failure.message),
(todos) => todos,
);
}
/// Refresh todos from API
Future<void> refresh() async {
state = const AsyncValue.loading();
state = await AsyncValue.guard(() => _fetchTodos());
}
/// Toggle todo completion status (local only for now)
void toggleTodo(int id) {
state.whenData((todos) {
final updatedTodos = todos.map((todo) {
if (todo.id == id) {
return todo.copyWith(completed: !todo.completed);
}
return todo;
}).toList();
state = AsyncValue.data(updatedTodos);
});
}
}
/// Filtered Todos Provider - Filter todos by search query
@riverpod
List<Todo> filteredTodos(FilteredTodosRef ref, String searchQuery) {
final todosAsync = ref.watch(todosProvider);
return todosAsync.when(
data: (todos) {
if (searchQuery.isEmpty) {
return todos;
}
return todos.where((todo) {
return todo.title.toLowerCase().contains(searchQuery.toLowerCase()) ||
(todo.description?.toLowerCase().contains(searchQuery.toLowerCase()) ?? false);
}).toList();
},
loading: () => [],
error: (_, __) => [],
);
}
/// Completed Todos Count Provider
@riverpod
int completedTodosCount(CompletedTodosCountRef ref) {
final todosAsync = ref.watch(todosProvider);
return todosAsync.when(
data: (todos) => todos.where((todo) => todo.completed).length,
loading: () => 0,
error: (_, __) => 0,
);
}
/// Pending Todos Count Provider
@riverpod
int pendingTodosCount(PendingTodosCountRef ref) {
final todosAsync = ref.watch(todosProvider);
return todosAsync.when(
data: (todos) => todos.where((todo) => !todo.completed).length,
loading: () => 0,
error: (_, __) => 0,
);
}

259
lib/features/todos/presentation/providers/todo_providers.g.dart Normal file
View File

@@ -0,0 +1,259 @@
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'todo_providers.dart';
// **************************************************************************
// RiverpodGenerator
// **************************************************************************
String _$todoRemoteDataSourceHash() =>
r'10f103aa6cd7de9c9829c3554f317065c7115575';
/// Todo Remote DataSource Provider
///
/// Copied from [todoRemoteDataSource].
@ProviderFor(todoRemoteDataSource)
final todoRemoteDataSourceProvider =
AutoDisposeProvider<TodoRemoteDataSource>.internal(
todoRemoteDataSource,
name: r'todoRemoteDataSourceProvider',
debugGetCreateSourceHash: const bool.fromEnvironment('dart.vm.product')
? null
: _$todoRemoteDataSourceHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef TodoRemoteDataSourceRef = AutoDisposeProviderRef<TodoRemoteDataSource>;
String _$todoRepositoryHash() => r'6830b5ede91b11ac04d0a9430cb84a0f2a8d0905';
/// Todo Repository Provider
///
/// Copied from [todoRepository].
@ProviderFor(todoRepository)
final todoRepositoryProvider = AutoDisposeProvider<TodoRepository>.internal(
todoRepository,
name: r'todoRepositoryProvider',
debugGetCreateSourceHash: const bool.fromEnvironment('dart.vm.product')
? null
: _$todoRepositoryHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef TodoRepositoryRef = AutoDisposeProviderRef<TodoRepository>;
String _$filteredTodosHash() => r'b814fe45ea117a5f71e9a223c39c2cfb5fcff61a';
/// Copied from Dart SDK
class _SystemHash {
_SystemHash._();
static int combine(int hash, int value) {
// ignore: parameter_assignments
hash = 0x1fffffff & (hash + value);
// ignore: parameter_assignments
hash = 0x1fffffff & (hash + ((0x0007ffff & hash) << 10));
return hash ^ (hash >> 6);
}
static int finish(int hash) {
// ignore: parameter_assignments
hash = 0x1fffffff & (hash + ((0x03ffffff & hash) << 3));
// ignore: parameter_assignments
hash = hash ^ (hash >> 11);
return 0x1fffffff & (hash + ((0x00003fff & hash) << 15));
}
}
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
@ProviderFor(filteredTodos)
const filteredTodosProvider = FilteredTodosFamily();
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
class FilteredTodosFamily extends Family<List<Todo>> {
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
const FilteredTodosFamily();
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
FilteredTodosProvider call(
String searchQuery,
) {
return FilteredTodosProvider(
searchQuery,
);
}
@override
FilteredTodosProvider getProviderOverride(
covariant FilteredTodosProvider provider,
) {
return call(
provider.searchQuery,
);
}
static const Iterable<ProviderOrFamily>? _dependencies = null;
@override
Iterable<ProviderOrFamily>? get dependencies => _dependencies;
static const Iterable<ProviderOrFamily>? _allTransitiveDependencies = null;
@override
Iterable<ProviderOrFamily>? get allTransitiveDependencies =>
_allTransitiveDependencies;
@override
String? get name => r'filteredTodosProvider';
}
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
class FilteredTodosProvider extends AutoDisposeProvider<List<Todo>> {
/// Filtered Todos Provider - Filter todos by search query
///
/// Copied from [filteredTodos].
FilteredTodosProvider(
String searchQuery,
) : this._internal(
(ref) => filteredTodos(
ref as FilteredTodosRef,
searchQuery,
),
from: filteredTodosProvider,
name: r'filteredTodosProvider',
debugGetCreateSourceHash:
const bool.fromEnvironment('dart.vm.product')
? null
: _$filteredTodosHash,
dependencies: FilteredTodosFamily._dependencies,
allTransitiveDependencies:
FilteredTodosFamily._allTransitiveDependencies,
searchQuery: searchQuery,
);
FilteredTodosProvider._internal(
super._createNotifier, {
required super.name,
required super.dependencies,
required super.allTransitiveDependencies,
required super.debugGetCreateSourceHash,
required super.from,
required this.searchQuery,
}) : super.internal();
final String searchQuery;
@override
Override overrideWith(
List<Todo> Function(FilteredTodosRef provider) create,
) {
return ProviderOverride(
origin: this,
override: FilteredTodosProvider._internal(
(ref) => create(ref as FilteredTodosRef),
from: from,
name: null,
dependencies: null,
allTransitiveDependencies: null,
debugGetCreateSourceHash: null,
searchQuery: searchQuery,
),
);
}
@override
AutoDisposeProviderElement<List<Todo>> createElement() {
return _FilteredTodosProviderElement(this);
}
@override
bool operator ==(Object other) {
return other is FilteredTodosProvider && other.searchQuery == searchQuery;
}
@override
int get hashCode {
var hash = _SystemHash.combine(0, runtimeType.hashCode);
hash = _SystemHash.combine(hash, searchQuery.hashCode);
return _SystemHash.finish(hash);
}
}
mixin FilteredTodosRef on AutoDisposeProviderRef<List<Todo>> {
/// The parameter `searchQuery` of this provider.
String get searchQuery;
}
class _FilteredTodosProviderElement
extends AutoDisposeProviderElement<List<Todo>> with FilteredTodosRef {
_FilteredTodosProviderElement(super.provider);
@override
String get searchQuery => (origin as FilteredTodosProvider).searchQuery;
}
String _$completedTodosCountHash() =>
r'9905f3fbd8c17b4cd4edde44d34b36e7b4d1f582';
/// Completed Todos Count Provider
///
/// Copied from [completedTodosCount].
@ProviderFor(completedTodosCount)
final completedTodosCountProvider = AutoDisposeProvider<int>.internal(
completedTodosCount,
name: r'completedTodosCountProvider',
debugGetCreateSourceHash: const bool.fromEnvironment('dart.vm.product')
? null
: _$completedTodosCountHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef CompletedTodosCountRef = AutoDisposeProviderRef<int>;
String _$pendingTodosCountHash() => r'f302d2335102b191a27f5ad628d01f9d1cffea05';
/// Pending Todos Count Provider
///
/// Copied from [pendingTodosCount].
@ProviderFor(pendingTodosCount)
final pendingTodosCountProvider = AutoDisposeProvider<int>.internal(
pendingTodosCount,
name: r'pendingTodosCountProvider',
debugGetCreateSourceHash: const bool.fromEnvironment('dart.vm.product')
? null
: _$pendingTodosCountHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef PendingTodosCountRef = AutoDisposeProviderRef<int>;
String _$todosHash() => r'2ce152307a44fa5d6173831856732cfe2d082c36';
/// Todos State Provider - Fetches and manages todos list
///
/// Copied from [Todos].
@ProviderFor(Todos)
final todosProvider =
AutoDisposeAsyncNotifierProvider<Todos, List<Todo>>.internal(
Todos.new,
name: r'todosProvider',
debugGetCreateSourceHash:
const bool.fromEnvironment('dart.vm.product') ? null : _$todosHash,
dependencies: null,
allTransitiveDependencies: null,
);
typedef _$Todos = AutoDisposeAsyncNotifier<List<Todo>>;
// ignore_for_file: type=lint
// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member

200
lib/features/todos/presentation/screens/home_screen.dart
View File

@@ -1,110 +1,34 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../providers/todo_providers.dart';
class HomeScreen extends StatefulWidget {
const HomeScreen({super.key});
class TodoScreen extends ConsumerStatefulWidget {
const TodoScreen({super.key});
@override
State<HomeScreen> createState() => _HomeScreenState();
ConsumerState<TodoScreen> createState() => _TodoScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
bool _isLoading = false;
List<Map<String, dynamic>> _todos = [];
class _TodoScreenState extends ConsumerState<TodoScreen> {
String _searchQuery = '';
final TextEditingController _searchController = TextEditingController();
@override
void initState() {
super.initState();
_loadTodos();
}
@override
void dispose() {
_searchController.dispose();
super.dispose();
}
// Mock todos data - will be replaced with API call
Future<void> _loadTodos() async {
setState(() {
_isLoading = true;
});
// Simulate API call delay
await Future.delayed(const Duration(seconds: 1));
// Mock data simulating JSONPlaceholder response
final mockTodos = [
{
'id': 1,
'title': 'Complete project documentation',
'completed': false,
'userId': 1,
},
{
'id': 2,
'title': 'Review code changes',
'completed': true,
'userId': 1,
},
{
'id': 3,
'title': 'Update Flutter dependencies',
'completed': false,
'userId': 1,
},
{
'id': 4,
'title': 'Write unit tests',
'completed': false,
'userId': 2,
},
{
'id': 5,
'title': 'Fix navigation bug',
'completed': true,
'userId': 2,
},
];
if (mounted) {
setState(() {
_todos = mockTodos;
_isLoading = false;
});
}
}
List<Map<String, dynamic>> get _filteredTodos {
if (_searchQuery.isEmpty) {
return _todos;
}
return _todos.where((todo) {
return todo['title']
.toString()
.toLowerCase()
.contains(_searchQuery.toLowerCase());
}).toList();
}
void _toggleTodoStatus(int id) {
setState(() {
final todoIndex = _todos.indexWhere((todo) => todo['id'] == id);
if (todoIndex != -1) {
_todos[todoIndex]['completed'] = !_todos[todoIndex]['completed'];
}
});
}
Future<void> _refreshTodos() async {
await _loadTodos();
await ref.read(todosProvider.notifier).refresh();
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final colorScheme = theme.colorScheme;
final todosAsync = ref.watch(todosProvider);
final filteredTodos = ref.watch(filteredTodosProvider(_searchQuery));
return Scaffold(
appBar: AppBar(
@@ -165,25 +89,61 @@ class _HomeScreenState extends State<HomeScreen> {
// Todos List
Expanded(
child: _isLoading
? const Center(
child: CircularProgressIndicator(),
)
: _todos.isEmpty
? _buildEmptyState()
: RefreshIndicator(
onRefresh: _refreshTodos,
child: _filteredTodos.isEmpty
? _buildNoResultsState()
: ListView.builder(
padding: const EdgeInsets.all(16.0),
itemCount: _filteredTodos.length,
itemBuilder: (context, index) {
final todo = _filteredTodos[index];
return _buildTodoCard(todo);
},
),
child: todosAsync.when(
data: (todos) {
if (todos.isEmpty) {
return _buildEmptyState();
}
if (filteredTodos.isEmpty) {
return _buildNoResultsState();
}
return RefreshIndicator(
onRefresh: _refreshTodos,
child: ListView.builder(
padding: const EdgeInsets.all(16.0),
itemCount: filteredTodos.length,
itemBuilder: (context, index) {
final todo = filteredTodos[index];
return _buildTodoCard(todo);
},
),
);
},
loading: () => const Center(child: CircularProgressIndicator()),
error: (error, stack) => Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.error_outline,
size: 64,
color: colorScheme.error,
),
const SizedBox(height: 16),
Text(
'Error loading todos',
style: theme.textTheme.headlineSmall?.copyWith(
color: colorScheme.error,
),
),
const SizedBox(height: 8),
Text(
error.toString(),
style: theme.textTheme.bodyMedium?.copyWith(
color: colorScheme.onSurfaceVariant,
),
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
ElevatedButton.icon(
onPressed: _refreshTodos,
icon: const Icon(Icons.refresh),
label: const Text('Retry'),
),
],
),
),
),
),
],
),
@@ -202,10 +162,10 @@ class _HomeScreenState extends State<HomeScreen> {
);
}
Widget _buildTodoCard(Map<String, dynamic> todo) {
Widget _buildTodoCard(todo) {
final theme = Theme.of(context);
final colorScheme = theme.colorScheme;
final isCompleted = todo['completed'] as bool;
final isCompleted = todo.completed;
return Card(
margin: const EdgeInsets.only(bottom: 8.0),
@@ -220,13 +180,13 @@ class _HomeScreenState extends State<HomeScreen> {
),
leading: Checkbox(
value: isCompleted,
onChanged: (_) => _toggleTodoStatus(todo['id']),
onChanged: (_) => ref.read(todosProvider.notifier).toggleTodo(todo.id),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(4),
),
),
title: Text(
todo['title'],
todo.title,
style: theme.textTheme.bodyLarge?.copyWith(
decoration: isCompleted ? TextDecoration.lineThrough : null,
color: isCompleted
@@ -234,11 +194,27 @@ class _HomeScreenState extends State<HomeScreen> {
: colorScheme.onSurface,
),
),
subtitle: Text(
'ID: ${todo['id']} • User: ${todo['userId']}',
style: theme.textTheme.bodySmall?.copyWith(
color: colorScheme.onSurfaceVariant,
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (todo.description != null && todo.description!.isNotEmpty)
Text(
todo.description!,
style: theme.textTheme.bodySmall?.copyWith(
color: colorScheme.onSurfaceVariant,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Text(
'ID: ${todo.id}',
style: theme.textTheme.bodySmall?.copyWith(
color: colorScheme.onSurfaceVariant.withOpacity(0.7),
fontSize: 11,
),
),
],
),
trailing: PopupMenuButton<String>(
onSelected: (value) {