mazyar/tm_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
lib/views/tenders/pages/d_tenders_page.dart
+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,
),
],
),
);
}
}
lib/views/tenders/pages/m_tenders_page.dart
+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 ?? [],
),
),
);
},
);
}
}
lib/views/tenders/pages/t_tenders_page.dart
+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 ?? [],
),
);
},
);
}
}
lib/views/tenders/widgets/recommended_tenders_view.dart
+18 -73
View File
@@ -1,17 +1,18 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/routes/app_routes.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/data/services/model/tender_data/tender_data.dart';
import 'package:tm_app/view_models/ai_recommendations_view_model.dart';
import '../strings/tenders_strings.dart';
import 'main_tenders_slider.dart';
/// The "Recommended" tab body. Handles loading, empty/"still learning",
/// error+retry and the recommended tender list for [AiRecommendationsViewModel].
class RecommendedTendersView extends StatefulWidget {
const RecommendedTendersView({super.key});
const RecommendedTendersView({super.key, this.isDesktop = false});
final bool isDesktop;
@override
State<RecommendedTendersView> createState() => _RecommendedTendersViewState();
@@ -49,15 +50,20 @@ class _RecommendedTendersViewState extends State<RecommendedTendersView> {
);
}
if (vm.recommendedTenders.isNotEmpty) {
return RefreshIndicator(
color: AppColors.jellyBean,
onRefresh: vm.refresh,
child: ListView.separated(
padding: EdgeInsets.all(16.0.h()),
itemCount: vm.recommendedTenders.length,
separatorBuilder: (_, __) => SizedBox(height: 12.0.h()),
itemBuilder: (context, index) =>
_RecommendedTenderCard(tender: vm.recommendedTenders[index]),
if (widget.isDesktop) {
return Padding(
padding: EdgeInsets.symmetric(vertical: 4.0.h()),
child: MainTendersSlider(
tenders: vm.recommendedTenders,
isDesktop: true,
),
);
}
return SingleChildScrollView(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 18.0.h()),
child: MainTendersSlider(tenders: vm.recommendedTenders),
),
);
}
@@ -71,67 +77,6 @@ class _RecommendedTendersViewState extends State<RecommendedTendersView> {
}
}
class _RecommendedTenderCard extends StatelessWidget {
const _RecommendedTenderCard({required this.tender});
final TenderData tender;
void _openDetail(BuildContext context) {
final id = tender.id;
if (id == null || id.isEmpty) {
return;
}
TenderDetailRouteData(tenderId: id).push(context);
}
@override
Widget build(BuildContext context) {
final title = tender.title?.trim() ?? '';
final buyer = tender.buyerOrganization?.name?.trim() ?? '';
return InkWell(
borderRadius: BorderRadius.circular(12.0.w()),
onTap: () => _openDetail(context),
child: Container(
width: double.infinity,
padding: EdgeInsets.all(16.0.h()),
decoration: BoxDecoration(
color: AppColors.grey0,
borderRadius: BorderRadius.circular(12.0.w()),
border: Border.all(color: AppColors.grey30),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (title.isNotEmpty)
SelectableText(
title,
maxLines: 2,
style: TextStyle(
fontSize: 15.0.sp(),
fontWeight: FontWeight.w600,
color: AppColors.grey80,
),
),
if (buyer.isNotEmpty) ...[
SizedBox(height: 8.0.h()),
Text(
buyer,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
],
],
),
),
);
}
}
/// Centered title/body message with an optional retry button. Wrapped in a
/// scroll view so pull-to-refresh works even when empty.
class _MessageState extends StatelessWidget {
lib/views/tenders/widgets/tenders_tab_bar.dart
+4 -4
View File
@@ -4,8 +4,7 @@ import 'package:tm_app/core/utils/size_config.dart';
import '../strings/tenders_strings.dart';
/// Segmented control switching between the "All" tenders list and the
/// "Recommended" AI tab.
/// Segmented control for the tenders list.
class TendersTabBar extends StatelessWidget {
const TendersTabBar({
required this.selectedIndex,
@@ -13,7 +12,7 @@ class TendersTabBar extends StatelessWidget {
super.key,
});
/// 0 = All, 1 = Recommended.
/// 1 = Recommended. The former All tab is intentionally hidden.
final int selectedIndex;
final ValueChanged<int> onChanged;
@@ -29,7 +28,8 @@ class TendersTabBar extends StatelessWidget {
),
child: Row(
children: [
_segment(TendersStrings.allTab, 0),
// All tenders is hidden for now.
// _segment(TendersStrings.allTab, 0),
_segment(TendersStrings.recommendedTab, 1),
],
),