Hasan/eatvio_app
1
0
Fork 0
forked from eatvio/eatvio_app
Code Pull Requests Activity

feat(app): Feed, recipe, blog posts, diet and plan show and index pages, state management, API implementation and layouts

Browse Source
This commit is contained in:
maxxkim
2024-05-08 14:11:18 +03:00
parent 404b22e78a
commit 76a29ebf67
45 changed files with 2759 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
lib/presentation/diets/diet_select_screen/bloc/diet_select_bloc.dart Normal file
View File

@@ -0,0 +1,73 @@
//import 'package:eatvio_app/presentation/auth/auth_screen/auth_screen.dart';
import 'dart:async';
import 'package:equatable/equatable.dart';
import 'package:flutter/material.dart';
import '/core/app_export.dart';
import 'package:eatvio_app/presentation/diets/diet_select_screen/models/diet_select_model.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'package:hive/hive.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:image_picker/image_picker.dart';
part 'diet_select_event.dart';
part 'diet_select_state.dart';
/// A bloc that manages the state of a DietSelect according to the event that is dispatched to it.
class DietSelectBloc extends Bloc<DietSelectEvent, DietSelectState> {
DietSelectBloc(DietSelectState initialState) : super(initialState) {
on<DietSelectInitialEvent>(_onInitialize);
}
Future<void> _onInitialize(
DietSelectInitialEvent event,
Emitter<DietSelectState> emit,
) async {
try {
final box = await Hive.openBox('token');
final token = box.get('token');
if (token == null) {
NavigatorService.popAndPushNamed(
AppRoutes.authScreen,
); // Если токен есть, запускаем приложение
}
final response = await http.get(
Uri.parse(dotenv.env['SERVER_ROOT']! + '/diets/index'),
headers: {
'Authorization': 'Bearer $token',
},
);
print('Got response');
if (response.statusCode == 200) {
print('Got 200');
final data = jsonDecode(response.body);
if (data is List<dynamic>) {
print('Got List');
if (state is DietSelectLoadedState) {
print('Got loaded');
var currentState = state as DietSelectLoadedState;
emit((currentState).copyWith(
posts: data,
myProfileModelObj: currentState.myProfileModelObj,
));
} else {
print('Got unloaded');
emit(DietSelectLoadedState(
posts: data,
));
}
} else {
// Один или несколько ключевых полей отсутствуют, обрабатываем ошибку
emit(DietSelectErrorState('Неверный формат ответа API.'));
}
} else {
// Статус ответа не равен 200, обрабатываем ошибку
emit(DietSelectErrorState('Ошибка сервера: ${response.statusCode}'));
}
} catch (e) {
// Ошибка при декодировании JSON или другая ошибка выполнения
emit(DietSelectErrorState('Ошибка при получении данных ленты: $e'));
}
}
}

23
lib/presentation/diets/diet_select_screen/bloc/diet_select_event.dart Normal file
View File

@@ -0,0 +1,23 @@
// ignore_for_file: must_be_immutable
part of 'diet_select_bloc.dart';
/// Abstract class for all events that can be dispatched from the
///DietSelect widget.
///
/// Events must be immutable and implement the [Equatable] interface.
@immutable
abstract class DietSelectEvent extends Equatable {}
/// Event that is dispatched when the DietSelect widget is first created.
class DietSelectInitialEvent extends DietSelectEvent {
@override
List<Object?> get props => [];
}
class UploadAvatar extends DietSelectEvent {
UploadAvatar(this.image);
final XFile image;
@override
List<Object> get props => [image];
}

49
lib/presentation/diets/diet_select_screen/bloc/diet_select_state.dart Normal file
View File

@@ -0,0 +1,49 @@
// ignore_for_file: must_be_immutable
part of 'diet_select_bloc.dart';
class DietSelectState extends Equatable {
const DietSelectState({this.myProfileModelObj});
final DietSelectModel? myProfileModelObj;
@override
List<Object?> get props => [myProfileModelObj];
}
class DietSelectInitialState extends DietSelectState {
DietSelectInitialState({required DietSelectModel myProfileModelObj})
: super(myProfileModelObj: myProfileModelObj);
}
/// Represents the state of DietSelect in the application.
class DietSelectLoadedState extends DietSelectState {
DietSelectLoadedState({this.myProfileModelObj, this.posts})
: super(myProfileModelObj: null);
DietSelectModel? myProfileModelObj;
List<dynamic>? posts;
@override
List<Object?> get props => [
myProfileModelObj,
posts,
];
DietSelectLoadedState copyWith({
DietSelectModel? myProfileModelObj,
List<dynamic>? posts,
}) {
return DietSelectLoadedState(
myProfileModelObj: myProfileModelObj ?? this.myProfileModelObj,
posts: posts ?? this.posts,
);
}
}
class DietSelectErrorState extends DietSelectState {
final String errorMessage;
const DietSelectErrorState(this.errorMessage);
@override
List<Object> get props => [errorMessage];
}

169
lib/presentation/diets/diet_select_screen/diet_select_screen.dart Normal file
View File

@@ -0,0 +1,169 @@
import 'bloc/diet_select_bloc.dart';
import 'models/diet_select_model.dart';
import 'package:eatvio_app/core/app_export.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_subtitle.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_leading_image.dart';
import 'package:eatvio_app/widgets/app_bar/custom_app_bar.dart';
import 'package:eatvio_app/widgets/custom_bottom_bar.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:flutter/material.dart';
class DietSelectScreen extends StatelessWidget {
static Widget builder(BuildContext context) {
return BlocProvider<DietSelectBloc>(
create: (context) => DietSelectBloc(
DietSelectState(myProfileModelObj: DietSelectModel()))
..add(DietSelectInitialEvent()),
child: DietSelectScreen());
}
Widget build(BuildContext context) {
return BlocBuilder<DietSelectBloc, DietSelectState>(
builder: (context, state) {
if (state is DietSelectInitialState) {
// Это начальное состояние, данные ещё не загружены.
return CircularProgressIndicator(
color: Colors.white,
backgroundColor: Colors.white,
);
} else if (state is DietSelectLoadedState) {
// Данные загружены, можно строить экран.
return _buildSetingsScreen(context, state);
} else {
// Другие состояния, если они есть.
return Container(); // Пустой контейнер для необработанных состояний.
}
},
);
}
_buildSetingsScreen(BuildContext context, DietSelectLoadedState state) {
mediaQueryData = MediaQuery.of(context);
print(state.posts);
return SafeArea(
child: Scaffold(
backgroundColor: Colors.grey[200],
resizeToAvoidBottomInset: true,
body: SingleChildScrollView(
child: Container(
width: double.maxFinite,
decoration: BoxDecoration(color: Colors.grey[200]),
child: Padding(
padding: EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SizedBox(height: 10),
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: const BorderRadius.all(Radius.circular(12)),
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3),
),
],
),
child: CustomAppBar(
height: 54.v,
leadingWidth: 28.h,
leading: AppbarLeadingImage(
imagePath: ImageConstant.imgArrowLeft,
margin: EdgeInsets.only(
left: 16.h, top: 15.v, bottom: 15.v),
onTap: onTapBack(context),
),
title: Padding(
padding: EdgeInsets.only(left: 20.h),
child: Row(
children: [
AppbarSubtitle(
text: "Диеты",
margin: EdgeInsets.only(
left: 80.h, top: 12.v, bottom: 9.v),
),
],
),
),
),
),
SizedBox(height: 20),
ListView.builder(
shrinkWrap: true, // Add this line
itemCount: state.posts?.length ?? 0,
itemBuilder: (context, index) {
final post = state.posts?[index];
return Container(
margin: EdgeInsets.only(bottom: 10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius:
const BorderRadius.all(Radius.circular(12)),
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3),
),
],
),
child: ListTile(
leading: CachedNetworkImage(
imageUrl:
dotenv.env['STORAGE_URL']! + post['image'],
imageBuilder: (context, imageProvider) =>
CircleAvatar(
backgroundImage: imageProvider,
radius: 25,
),
placeholder: (context, url) =>
CircularProgressIndicator(),
errorWidget: (context, url, error) =>
CircleAvatar(
child: Icon(Icons.person),
backgroundColor: Colors.white,
radius: 25,
),
),
title: Text(
post?['name'] ?? '',
style: CustomTextStyles.titleMediumSemiBold,
),
subtitle: Text(post?['details'] ?? ''),
onTap: () => Navigator.pushNamed(
context,
AppRoutes.dietScreen,
arguments: post?['id'].toString(),
),
));
},
),
],
),
),
),
),
bottomNavigationBar: _buildBottomBar(context),
),
);
}
Function onTapBack(BuildContext context) {
return () {
onTapArrowLeft(context);
};
}
_buildBottomBar(BuildContext context) {
return CustomBottomBar(onChanged: (BottomBarEnum type) {});
}
onTapArrowLeft(BuildContext context) {
NavigatorService.goBack();
}
}

16
lib/presentation/diets/diet_select_screen/models/diet_select_model.dart Normal file
View File

@@ -0,0 +1,16 @@
// ignore_for_file: must_be_immutable
import 'package:equatable/equatable.dart';
/// This class defines the variables used in the [k0_page],
/// and is typically used to hold data that is passed between different parts of the application.
class DietSelectModel extends Equatable {
DietSelectModel();
DietSelectModel copyWith() {
return DietSelectModel();
}
@override
List<Object?> get props => [];
}

62
lib/presentation/diets/diet_show_screen/bloc/diet_show_bloc.dart Normal file
View File

@@ -0,0 +1,62 @@
import 'package:equatable/equatable.dart';
import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:hive/hive.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
import '/core/app_export.dart';
import 'package:eatvio_app/presentation/diets/diet_show_screen/models/diet_show_model.dart';
part 'diet_show_event.dart';
part 'diet_show_state.dart';
/// A bloc that manages the state of a Diet according to the event that is dispatched to it.
class DietBloc extends Bloc<DietEvent, DietState> {
DietBloc(DietState initialState) : super(initialState) {
on<DietInitialEvent>(_onInitialize);
}
_onInitialize(
DietInitialEvent event,
Emitter<DietState> emit,
) async {
try {
final box = await Hive.openBox('token');
final token = box.get('token');
if (token == null) {
NavigatorService.popAndPushNamed(
AppRoutes.authScreen,
);
}
final String? dietID = state.dietModelObj?.dietID;
final response = await http.get(
Uri.parse(dotenv.env['SERVER_ROOT']! + '/diets/show/$dietID'),
headers: {
'Authorization': 'Bearer $token',
},
);
if (response.statusCode == 200) {
final data = jsonDecode(response.body);
if (data is Map<String, dynamic>) {
if (state is DietLoadedState) {
var currentState = state as DietLoadedState;
emit(currentState.copyWith(
dietModelObj: currentState.dietModelObj,
diet: currentState.diet));
} else {
emit(DietLoadedState(diet: data));
print(data);
}
} else {
// Один или несколько ключевых полей отсутствуют, обрабатываем ошибку
emit(DietErrorState('Некоторые необходимые данные отсутствуют.'));
}
} else {
// Статус ответа не равен 200, обрабатываем ошибку
emit(DietErrorState('Ошибка сервера: ${response.statusCode}'));
}
} catch (e) {
// Ошибка при декодировании JSON или другая ошибка выполнения
emit(DietErrorState('Ошибка при получении данных о чатах: $e'));
}
}
}

16
lib/presentation/diets/diet_show_screen/bloc/diet_show_event.dart Normal file
View File

@@ -0,0 +1,16 @@
// ignore_for_file: must_be_immutable
part of 'diet_show_bloc.dart';
/// Abstract class for all events that can be dispatched from the
///Diet widget.
///
/// Events must be immutable and implement the [Equatable] interface.
@immutable
abstract class DietEvent extends Equatable {}
/// Event that is dispatched when the Diet widget is first created.
class DietInitialEvent extends DietEvent {
@override
List<Object?> get props => [];
}

52
lib/presentation/diets/diet_show_screen/bloc/diet_show_state.dart Normal file
View File

@@ -0,0 +1,52 @@
// ignore_for_file: must_be_immutable
part of 'diet_show_bloc.dart';
/// Represents the state of Diet in the application.
///
class DietState extends Equatable {
DietState({
this.dietModelObj,
});
DietModel? dietModelObj;
@override
List<Object?> get props => [dietModelObj];
DietState copyWith({DietModel? dietModelObj}) {
return DietState(
dietModelObj: dietModelObj ?? this.dietModelObj,
);
}
}
class DietLoadedState extends DietState {
DietLoadedState({this.dietModelObj, this.diet});
DietModel? dietModelObj;
Map<String, dynamic>? diet;
@override
List<Object?> get props => [dietModelObj, diet];
DietLoadedState copyWith(
{DietModel? dietModelObj, Map<String, dynamic>? diet}) {
return DietLoadedState(
dietModelObj: dietModelObj ?? this.dietModelObj,
diet: diet ?? this.diet,
);
}
}
class DietErrorState extends DietState {
final String errorMessage;
DietErrorState(this.errorMessage);
@override
List<Object> get props => [errorMessage];
}
class DietInitialState extends DietState {
DietInitialState({required DietModel dietModelObj})
: super(dietModelObj: dietModelObj);
}

199
lib/presentation/diets/diet_show_screen/diet_show_screen.dart Normal file
View File

@@ -0,0 +1,199 @@
import 'bloc/diet_show_bloc.dart';
import 'models/diet_show_model.dart';
import 'package:eatvio_app/core/app_export.dart';
import 'package:flutter/material.dart';
import 'package:eatvio_app/widgets/app_bar/custom_app_bar.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_subtitle.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_leading_image.dart';
import 'package:eatvio_app/widgets/app_bar/appbar_title_image.dart';
import 'package:eatvio_app/widgets/custom_bottom_bar.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
class DietScreen extends StatelessWidget {
const DietScreen({Key? key}) : super(key: key);
static Widget builder(BuildContext context) {
final dietID = ModalRoute.of(context)!.settings.arguments;
return BlocProvider<DietBloc>(
create: (context) => DietBloc(
DietState(dietModelObj: DietModel(dietID: dietID.toString())))
..add(DietInitialEvent()),
child: DietScreen());
}
Widget build(BuildContext context) {
return BlocBuilder<DietBloc, DietState>(
builder: (context, state) {
if (state is DietInitialState) {
// Это начальное состояние, данные ещё не загружены.
return Container(
color: Colors.white,
);
} else if (state is DietLoadedState) {
// Данные загружены, можно строить экран.
return _buildDiet(context, state);
} else if (state is DietErrorState) {
// Произошла ошибка при загрузке данных.
return Center(child: Text(state.errorMessage));
} else {
// Другие состояния, если они есть.
return Container(); // Пустой контейнер для необработанных состояний.
}
},
);
}
_buildDiet(BuildContext context, DietLoadedState state) {
print(state.diet);
mediaQueryData = MediaQuery.of(context);
return SafeArea(
child: Scaffold(
resizeToAvoidBottomInset: false,
body: Container(
width: double.maxFinite,
decoration: AppDecoration.fillGray,
child: ListView(
children: [
SizedBox(height: 30.v),
Container(
margin: EdgeInsets.only(
left: 16.h,
right: 20.h,
bottom: 10.h,
),
padding: EdgeInsets.all(12.h),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: const BorderRadius.all(Radius.circular(12)),
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 2,
blurRadius: 5,
offset: Offset(0, 3),
),
],
),
child: Column(mainAxisSize: MainAxisSize.min, children: [
CachedNetworkImage(
imageUrl: dotenv.env['STORAGE_URL']! +
(state.diet?['image'] ?? ''),
imageBuilder: (context, imageProvider) => CircleAvatar(
backgroundImage: imageProvider,
radius: 25,
),
placeholder: (context, url) =>
CircularProgressIndicator(),
errorWidget: (context, url, error) => CircleAvatar(
child: Icon(Icons.person),
backgroundColor: Colors.white,
radius: 25,
),
),
SizedBox(height: 16.0),
Text(state.diet?['name'],
style: CustomTextStyles.titleMediumBlack),
SizedBox(height: 8.0),
Text(
state.diet?['details'],
),
SizedBox(height: 16.0),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
ElevatedButton(
onPressed: () {
// Действие для редактирования
},
child: Text('Редактировать'),
),
ElevatedButton(
onPressed: () {
// Действие для удаления
},
child: Text('Удалить'),
),
],
)
]),
)
],
),
),
bottomNavigationBar: _buildBottomBar(context)));
}
/// Section Widget
_buildAppbar(BuildContext context) {
return CustomAppBar(
leadingWidth: 26.h,
leading: AppbarLeadingImage(
imagePath: ImageConstant.imgArrowLeft,
margin: EdgeInsets.only(
left: 16.h,
top: 18.v,
bottom: 25.v,
),
onTap: () => onTapArrowleftone(context),
),
title: Padding(
padding: EdgeInsets.only(left: 12.h),
child: Row(
children: [
AppbarTitleImage(
imagePath: ImageConstant.imgIconMoreHorizontal,
margin: EdgeInsets.only(bottom: 3.v),
),
Padding(
padding: EdgeInsets.only(
left: 12.h,
top: 2.v,
),
child: Column(
children: [
AppbarSubtitle(
text: "Валерий Леонтьев",
),
SizedBox(height: 3.v),
Text("Был в сети вчера", style: theme.textTheme.bodySmall!)
],
),
)
],
),
),
);
}
///Handling route based on bottom click actions
String getCurrentRoute(BottomBarEnum type) {
switch (type) {
case BottomBarEnum.tf:
return AppRoutes.dietScreen;
default:
return "/";
}
}
///Handling page based on route
Widget getCurrentPage(
BuildContext context,
String currentRoute,
) {
switch (currentRoute) {
case AppRoutes.dietScreen:
return DietScreen.builder(context);
default:
return DietScreen();
}
}
_buildBottomBar(BuildContext context) {
return CustomBottomBar(onChanged: (BottomBarEnum type) {});
}
/// Navigates to the previous screen.
onTapArrowleftone(BuildContext context) {
NavigatorService.goBack();
}
}

19
lib/presentation/diets/diet_show_screen/models/diet_show_model.dart Normal file
View File

@@ -0,0 +1,19 @@
// ignore_for_file: must_be_immutable
import 'package:equatable/equatable.dart';
/// This class defines the variables used in the [diet_screen],
/// and is typically used to hold data that is passed between different parts of the application.
class DietModel extends Equatable {
final String dietID;
DietModel({required String dietID}) : dietID = dietID;
DietModel copyWith(String dietID) {
return DietModel(dietID: dietID);
}
@override
List<Object?> get props => [dietID];
}