Update tenders recommendations view
continuous-integration/drone/push Build is passing

This commit is contained in:
AmirReza Jamali
2026-06-29 13:27:21 +03:30
parent 17ccd9d464
commit 6cd8d7cc7f
9 changed files with 124 additions and 492 deletions
+18 -231
View File
@@ -1,24 +1,12 @@
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/constants/assets.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';
import 'package:tm_app/views/shared/base_button.dart';
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
import 'package:tm_app/views/tenders/strings/tenders_strings.dart';
import 'package:tm_app/views/tenders/widgets/main_tenders_slider.dart';
import 'package:tm_app/views/tenders/widgets/recommended_tenders_view.dart';
import 'package:tm_app/views/tenders/widgets/tenders_filter_dialog.dart';
import 'package:tm_app/views/tenders/widgets/tenders_sort_dialog.dart';
import 'package:tm_app/views/tenders/widgets/tenders_tab_bar.dart';
import '../../../core/constants/common_strings.dart';
import '../../../core/utils/app_toast.dart';
import '../../../view_models/auth_view_model.dart';
class DesktopTendersPage extends StatefulWidget {
const DesktopTendersPage({required this.initialSelectedTab, super.key});
@@ -32,25 +20,13 @@ class DesktopTendersPage extends StatefulWidget {
class _DesktopTendersPageState extends State<DesktopTendersPage> {
late final TendersViewModel viewModel;
/// 0 = All, 1 = Recommended.
int _selectedTab = 0;
@override
void initState() {
super.initState();
_selectedTab = widget.initialSelectedTab;
viewModel = context.read<TendersViewModel>();
viewModel.addListener(_viewModelListener);
}
@override
void didUpdateWidget(covariant DesktopTendersPage oldWidget) {
super.didUpdateWidget(oldWidget);
if (oldWidget.initialSelectedTab != widget.initialSelectedTab) {
_selectedTab = widget.initialSelectedTab;
}
}
void _viewModelListener() {
if (viewModel.feedbackErrorMessage != null) {
AppToast.error(context, viewModel.feedbackErrorMessage!);
@@ -65,8 +41,6 @@ class _DesktopTendersPageState extends State<DesktopTendersPage> {
@override
Widget build(BuildContext context) {
final userRole = context.watch<AuthViewModel>().userRole;
final bool isAllTab = _selectedTab == 0;
return Scaffold(
backgroundColor: AppColors.backgroundColor,
body: SafeArea(
@@ -74,216 +48,29 @@ class _DesktopTendersPageState extends State<DesktopTendersPage> {
children: [
const DesktopNavigationWidget(currentIndex: 1),
SizedBox(height: 24.0.h()),
SizedBox(
width: 740,
child: TendersTabBar(
selectedIndex: _selectedTab,
onChanged: (index) => setState(() => _selectedTab = index),
// Tab bar hidden while tenders only shows recommendations.
// SizedBox(
// width: 740,
// child: TendersTabBar(
// selectedIndex: 1,
// onChanged: (index) {},
// ),
// ),
// SizedBox(height: 24.0.h()),
// All tenders controls are hidden while the All tab is disabled.
// if (userRole == Role.analyst) const _SearchBox(),
// if (userRole == Role.analyst) const _ActionButtons(),
const Expanded(
child: Center(
child: SizedBox(
width: 740,
child: RecommendedTendersView(isDesktop: true),
),
),
),
SizedBox(height: 24.0.h()),
if (isAllTab && userRole == Role.analyst) const _SearchBox(),
if (isAllTab && userRole == Role.analyst) const _ActionButtons(),
Expanded(
child:
isAllTab
? const _AllTendersTab()
: const Center(
child: SizedBox(
width: 740,
child: RecommendedTendersView(),
),
),
),
],
),
),
);
}
}
class _AllTendersTab extends StatelessWidget {
const _AllTendersTab();
@override
Widget build(BuildContext context) {
return Consumer<TendersViewModel>(
builder: (context, vm, child) {
if (vm.isLoading) {
return const Center(
child: CircularProgressIndicator(color: AppColors.jellyBean),
);
}
if (vm.errorMessage != null) {
return Center(child: Text(vm.errorMessage!));
}
final tenders = vm.tendersResponse?.data?.tenders ?? [];
if (tenders.isEmpty) {
return const Center(child: Text(CommonStrings.noData));
}
return Center(
child: SizedBox(
width: 740,
child: Padding(
padding: EdgeInsets.symmetric(vertical: 4.0.h()),
child: MainTendersSlider(tenders: tenders, isDesktop: true),
),
),
);
},
);
}
}
class _SearchBox extends StatefulWidget {
const _SearchBox();
@override
State<_SearchBox> createState() => _SearchBoxState();
}
class _SearchBoxState extends State<_SearchBox> {
final TextEditingController _searchController = TextEditingController();
Timer? _debounceTimer;
@override
void dispose() {
_searchController.dispose();
_debounceTimer?.cancel();
super.dispose();
}
void _onSearchChanged(String query) {
_debounceTimer?.cancel();
_debounceTimer = Timer(const Duration(milliseconds: 500), () {
final viewModel = context.read<TendersViewModel>();
viewModel.searchTenders(query);
});
}
@override
Widget build(BuildContext context) {
return SizedBox(
height: 48.0.h(),
width: 680,
child: TextField(
controller: _searchController,
onChanged: _onSearchChanged,
style: TextStyle(fontSize: 16.0.sp(), color: AppColors.grey60),
decoration: InputDecoration(
hintText: TendersStrings.search,
hintStyle: TextStyle(fontSize: 16.0.sp(), color: AppColors.grey60),
prefixIcon: Padding(
padding: EdgeInsets.all(12.0.w()),
child: SvgPicture.asset(
AssetsManager.normalSearch,
width: 24.0.w(),
height: 24.0.h(),
),
),
filled: true,
fillColor: AppColors.grey0,
contentPadding: EdgeInsets.symmetric(
horizontal: 12.0.w(),
vertical: 12.0.h(),
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12.0.w()),
borderSide: const BorderSide(color: AppColors.mainBlue, width: 1),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12.0.w()),
borderSide: BorderSide(color: AppColors.grey40, width: 1),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12.0.w()),
borderSide: const BorderSide(color: AppColors.grey, width: 1.5),
),
),
),
);
}
}
class _ActionButtons extends StatelessWidget {
const _ActionButtons();
@override
Widget build(BuildContext context) {
final viewModel = context.read<TendersViewModel>();
return Container(
margin: EdgeInsets.only(top: 25.0.h()),
height: 40.0.h(),
width: 680,
child: Row(
children: [
BaseButton(
width: 178.0.w(),
isEnabled: true,
onPressed: () {
showDialog(
context: context,
builder:
(_) => Dialog(
backgroundColor: AppColors.backgroundColor,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: SizedBox(
width: 560,
child: TendersFilterDialog(
viewModel: viewModel,
onFilterChanged: (dateRange, status) {
viewModel.setDateRange(dateRange);
viewModel.setStatus(status!);
viewModel.callWithSortAndStatus();
},
),
),
),
);
},
text: TendersStrings.filter,
icon: AssetsManager.filter,
iconColor: AppColors.textBlue,
backgroundColor: AppColors.primary20,
textColor: AppColors.textBlue,
),
SizedBox(width: 10.0.w()),
BaseButton(
width: 178.0.w(),
isEnabled: true,
onPressed: () {
showDialog(
context: context,
builder:
(_) => Dialog(
backgroundColor: AppColors.backgroundColor,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: SizedBox(
width: 560,
child: TendersSortDialog(
viewModel: viewModel,
onConfirm: (sort) {
viewModel.setSort(sort);
viewModel.callWithSortAndStatus();
},
),
),
),
);
},
text: TendersStrings.sort,
icon: AssetsManager.sort,
iconColor: AppColors.textBlue,
backgroundColor: AppColors.primary20,
textColor: AppColors.textBlue,
),
],
),
);
}
}
+13 -68
View File
@@ -1,16 +1,12 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';
import '../../../core/constants/common_strings.dart';
import '../../../core/theme/colors.dart';
import '../../../core/utils/app_toast.dart';
import '../../shared/tender_app_bar.dart';
import '../strings/tenders_strings.dart';
import '../widgets/main_tenders_slider.dart';
import '../widgets/recommended_tenders_view.dart';
import '../widgets/tenders_tab_bar.dart';
class MobileTendersPage extends StatefulWidget {
const MobileTendersPage({required this.initialSelectedTab, super.key});
@@ -24,25 +20,13 @@ class MobileTendersPage extends StatefulWidget {
class _MobileTendersPageState extends State<MobileTendersPage> {
late final TendersViewModel viewModel;
/// 0 = All, 1 = Recommended.
int _selectedTab = 0;
@override
void initState() {
super.initState();
_selectedTab = widget.initialSelectedTab;
viewModel = context.read<TendersViewModel>();
viewModel.addListener(_viewModelListener);
}
@override
void didUpdateWidget(covariant MobileTendersPage oldWidget) {
super.didUpdateWidget(oldWidget);
if (oldWidget.initialSelectedTab != widget.initialSelectedTab) {
_selectedTab = widget.initialSelectedTab;
}
}
void _viewModelListener() {
if (viewModel.feedbackErrorMessage != null) {
AppToast.error(context, viewModel.feedbackErrorMessage!);
@@ -60,63 +44,24 @@ class _MobileTendersPageState extends State<MobileTendersPage> {
return Scaffold(
backgroundColor: AppColors.backgroundColor,
appBar: tenderMobileAppBar(title: TendersStrings.tendersTitle),
body: SafeArea(
body: const SafeArea(
child: Column(
children: [
Padding(
padding: EdgeInsets.symmetric(
horizontal: 24.0.w(),
vertical: 12.0.h(),
),
child: TendersTabBar(
selectedIndex: _selectedTab,
onChanged: (index) => setState(() => _selectedTab = index),
),
),
Expanded(
child:
_selectedTab == 0
? const _AllTendersTab()
: const RecommendedTendersView(),
),
// Tab bar hidden while tenders only shows recommendations.
// Padding(
// padding: EdgeInsets.symmetric(
// horizontal: 24.0.w(),
// vertical: 12.0.h(),
// ),
// child: TendersTabBar(
// selectedIndex: 1,
// onChanged: (index) {},
// ),
// ),
Expanded(child: RecommendedTendersView()),
],
),
),
);
}
}
class _AllTendersTab extends StatelessWidget {
const _AllTendersTab();
@override
Widget build(BuildContext context) {
return Consumer<TendersViewModel>(
builder: (context, viewModel, child) {
if (viewModel.isLoading) {
return const Center(
child: CircularProgressIndicator(color: AppColors.jellyBean),
);
}
if (viewModel.errorMessage != null) {
return Center(child: Text(viewModel.errorMessage!));
}
if ((viewModel.tendersResponse?.data?.tenders == null ||
viewModel.tendersResponse!.data!.tenders!.isEmpty) &&
viewModel.isLoading == false) {
return const Center(child: Text(CommonStrings.noData));
}
return SingleChildScrollView(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 18.0.h()),
child: MainTendersSlider(
tenders: viewModel.tendersResponse?.data?.tenders ?? [],
),
),
);
},
);
}
}
+8 -57
View File
@@ -4,13 +4,10 @@ import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';
import 'package:tm_app/views/shared/tablet_navigation_widget.dart';
import 'package:tm_app/views/tenders/widgets/main_tenders_slider.dart';
import '../../../core/constants/common_strings.dart';
import '../../shared/tender_app_bar.dart';
import '../strings/tenders_strings.dart';
import '../widgets/recommended_tenders_view.dart';
import '../widgets/tenders_tab_bar.dart';
class TabletTendersPage extends StatefulWidget {
const TabletTendersPage({required this.initialSelectedTab, super.key});
@@ -24,24 +21,12 @@ class TabletTendersPage extends StatefulWidget {
class _TabletTendersPageState extends State<TabletTendersPage> {
late final TendersViewModel viewModel;
/// 0 = All, 1 = Recommended.
int _selectedTab = 0;
@override
void initState() {
super.initState();
_selectedTab = widget.initialSelectedTab;
viewModel = context.read<TendersViewModel>();
}
@override
void didUpdateWidget(covariant TabletTendersPage oldWidget) {
super.didUpdateWidget(oldWidget);
if (oldWidget.initialSelectedTab != widget.initialSelectedTab) {
_selectedTab = widget.initialSelectedTab;
}
}
@override
Widget build(BuildContext context) {
final GlobalKey<ScaffoldState> key = GlobalKey();
@@ -56,52 +41,18 @@ class _TabletTendersPageState extends State<TabletTendersPage> {
drawer: const TabletNavigationWidget(currentIndex: 1),
body: Padding(
padding: EdgeInsetsDirectional.only(end: 24.0.w(), top: 24.0.h()),
child: Column(
child: const Column(
children: [
TendersTabBar(
selectedIndex: _selectedTab,
onChanged: (index) => setState(() => _selectedTab = index),
),
SizedBox(height: 24.0.h()),
Expanded(
child:
_selectedTab == 0
? const _AllTendersTab()
: const RecommendedTendersView(),
),
// Tab bar hidden while tenders only shows recommendations.
// TendersTabBar(
// selectedIndex: 1,
// onChanged: (index) {},
// ),
// SizedBox(height: 24.0.h()),
Expanded(child: RecommendedTendersView()),
],
),
),
);
}
}
class _AllTendersTab extends StatelessWidget {
const _AllTendersTab();
@override
Widget build(BuildContext context) {
return Consumer<TendersViewModel>(
builder: (context, viewModel, child) {
if (viewModel.isLoading) {
return const Center(
child: CircularProgressIndicator(color: AppColors.jellyBean),
);
}
if (viewModel.errorMessage != null) {
return Center(child: Text(viewModel.errorMessage!));
}
if ((viewModel.tendersResponse?.data?.tenders == null ||
viewModel.tendersResponse!.data!.tenders!.isEmpty) &&
viewModel.isLoading == false) {
return const Center(child: Text(CommonStrings.noData));
}
return SingleChildScrollView(
child: MainTendersSlider(
tenders: viewModel.tendersResponse?.data?.tenders ?? [],
),
);
},
);
}
}