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

added web tablet pages

Browse Source
This commit is contained in:
llsajjad
2025-10-13 11:54:23 +03:30
parent 5e382e78ad
commit be6b0bbe98
16 changed files with 2059 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/core/config/dependencies.dart
+6
View File
@@ -16,6 +16,7 @@ import 'package:tm_app/data/services/notification_service.dart';
import 'package:tm_app/data/services/notification_state_service.dart';
import 'package:tm_app/data/services/tender_detail_service.dart';
import 'package:tm_app/data/services/your_tenders_service.dart';
import 'package:tm_app/view_models/final_completion_of_documents_view_model.dart';
import '../../data/repositories/auth_repository.dart';
import '../../data/repositories/profile_repository.dart';
@@ -158,6 +159,11 @@ List<SingleChildWidget> get authProvider {
ChangeNotifierProvider(
create: (context) => AuthViewModel(authRepository: context.read()),
lazy: false, // Load immediately for auth state checks
),
ChangeNotifierProvider(
create: (context) => FinalCompletionOfDocumentsViewModel(),
lazy: false, // Load immediately for auth state checks
),
];
}
lib/core/constants/common_strings.dart
+1
View File
@@ -7,4 +7,5 @@ class CommonStrings {
static const String selfApply = 'Self-apply';
static const String partnership = 'Partnership';
static const String confirm = 'Confirm';
static const String cancel = 'Cancel';
}
lib/core/routes/app_routes.dart
+15
View File
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:tm_app/views/completion_of_documents/pages/complectopn_of_documents_screen.dart';
import 'package:tm_app/views/completion_of_documents/pages/m_completion_of_documents_page.dart';
import 'package:tm_app/views/detail/pages/detail_screen.dart';
import 'package:tm_app/views/forget_password_create/pages/forgot_password_create_screen.dart';
@@ -235,6 +236,20 @@ class FinalCompletionOfDocumentsRouteData extends GoRouteData
}
}
@TypedGoRoute<CompletionOfDocumentsRouteData>(
path: '/completion_of_documents',
)
class CompletionOfDocumentsRouteData extends GoRouteData
with _$CompletionOfDocumentsRouteData {
const CompletionOfDocumentsRouteData();
@override
Widget build(BuildContext context, GoRouterState state) {
return const CompletionOfDocumentsScreen();
}
}
@TypedGoRoute<LikedTendersRouteData>(path: '/like-tenders')
class LikedTendersRouteData extends GoRouteData with _$LikedTendersRouteData {
const LikedTendersRouteData();
lib/core/routes/app_routes.g.dart
+28
View File
@@ -12,6 +12,7 @@ List<RouteBase> get $appRoutes => [
$appShellRouteData,
$yourTendersRouteData,
$finalCompletionOfDocumentsRouteData,
$completionOfDocumentsRouteData,
$likedTendersRouteData,
$completionOfDocumentsMobileRouteData,
$tenderDetailRouteData,
@@ -294,6 +295,33 @@ mixin _$FinalCompletionOfDocumentsRouteData on GoRouteData {
void replace(BuildContext context) => context.replace(location);
}
RouteBase get $completionOfDocumentsRouteData => GoRouteData.$route(
path: '/completion_of_documents',
factory: _$CompletionOfDocumentsRouteData._fromState,
);
mixin _$CompletionOfDocumentsRouteData on GoRouteData {
static CompletionOfDocumentsRouteData _fromState(GoRouterState state) =>
const CompletionOfDocumentsRouteData();
@override
String get location => GoRouteData.$location('/completion_of_documents');
@override
void go(BuildContext context) => context.go(location);
@override
Future<T?> push<T>(BuildContext context) => context.push<T>(location);
@override
void pushReplacement(BuildContext context) =>
context.pushReplacement(location);
@override
void replace(BuildContext context) => context.replace(location);
}
RouteBase get $likedTendersRouteData => GoRouteData.$route(
path: '/like-tenders',
lib/views/completion_of_documents/pages/complectopn_of_documents_screen.dart
+50
View File
@@ -0,0 +1,50 @@
import 'package:flutter/material.dart';
import 'package:tm_app/views/completion_of_documents/pages/d_completion_of_documents_page.dart';
import 'package:tm_app/views/completion_of_documents/pages/m_completion_of_documents_page.dart';
import 'package:tm_app/views/completion_of_documents/pages/t_completion_of_documents_page.dart';
import '../../../core/utils/size_config.dart';
import '../../shared/responsive_builder.dart';
class CompletionOfDocumentsScreen extends StatefulWidget {
const CompletionOfDocumentsScreen({super.key});
@override
State<CompletionOfDocumentsScreen> createState() => _CompletionOfDocumentsScreenState();
}
class _CompletionOfDocumentsScreenState extends State<CompletionOfDocumentsScreen> {
// late final HomeViewModel _viewModel;
// late final TabNavigationService _tabService;
@override
void initState() {
super.initState();
// _viewModel = context.read<HomeViewModel>();
// _tabService = context.read<TabNavigationService>();
// _tabService.addListener(_onTabChanged);
}
@override
void dispose() {
// _tabService.removeListener(_onTabChanged);
super.dispose();
}
// void _onTabChanged() {
// // Tab index 0 is Home
// if (_tabService.currentTabIndex == 0 && mounted) {
// _viewModel.init();
// }
// }
@override
Widget build(BuildContext context) {
SizeConfig.init(context);
return const ResponsiveBuilder(
mobile: CompletionOfDocumentsMobilePage(),
tablet: CompletionOfDocumentsTabletPage(),
desktop: CompletionOfDocumentsDesktopPage(),
);
}
}
lib/views/completion_of_documents/pages/d_completion_of_documents_page.dart
+390
View File
@@ -0,0 +1,390 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.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/views/completion_of_documents/strings/completion_of_documents_string.dart';
import 'package:tm_app/views/shared/base_button.dart';
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
class CompletionOfDocumentsDesktopPage extends StatelessWidget {
const CompletionOfDocumentsDesktopPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: AppColors.backgroundColor,
body: Column(
children: [
const DesktopNavigationWidget(currentIndex: 0),
SizedBox(
width: 760,
child: SingleChildScrollView(
child: Center(
child: SizedBox(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 24.0.h()),
child: Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
SvgPicture.asset(
AssetsManager.arrowLeft,
width: 24.0.w(),
height: 24.0.h(),
),
SizedBox(width: 8.0.w()),
Text(
CompletionOfDocumentsStrings
.completionOfDocuments,
style: TextStyle(
color: AppColors.grey70,
fontSize: 16.0.sp(),
fontWeight: FontWeight.w600,
),
),
],
),
SizedBox(height: 24.0.h()),
_deadlineContainer(),
SizedBox(height: 16.0.h()),
_matchProfileProgress(),
SizedBox(height: 24.0.h()),
_docCardsSection(),
SizedBox(height: 24.0.h()),
_deadlinePicker(),
SizedBox(height: 16.0.h()),
_noteField(),
SizedBox(height: 24.0.h()),
BaseButton(
isEnabled: true,
onPressed: () {},
text:
CompletionOfDocumentsStrings
.submitForCompletion,
textColor: AppColors.textBlue,
backgroundColor: AppColors.primary30,
),
],
),
),
),
),
),
),
),
],
),
);
}
Widget _deadlineContainer() {
return Container(
width: double.infinity,
height: 24.0.h(),
padding: EdgeInsets.symmetric(horizontal: 8.0.w()),
decoration: BoxDecoration(
color: AppColors.primary20,
borderRadius: BorderRadius.circular(4),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
CompletionOfDocumentsStrings.submissionDeadline,
style: TextStyle(
color: AppColors.textBlue,
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
),
),
Text(
'2025-06-15',
style: TextStyle(
color: AppColors.grey80,
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
),
),
],
),
);
}
Widget _matchProfileProgress() {
return Container(
height: 58.0.h(),
width: double.infinity,
padding: EdgeInsets.symmetric(horizontal: 12.0.w(), vertical: 8.0.h()),
decoration: BoxDecoration(
border: Border.all(color: AppColors.orange10),
borderRadius: BorderRadius.circular(8),
color: AppColors.orange0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
'Match with your profile',
style: TextStyle(
fontSize: 12.0.sp(),
color: AppColors.grey80,
fontWeight: FontWeight.w400,
),
),
const Spacer(),
Text(
'75%',
style: TextStyle(
fontSize: 12.0.sp(),
color: AppColors.cyanTeal,
fontWeight: FontWeight.w600,
),
),
],
),
SizedBox(height: 4.0.h()),
LinearProgressIndicator(
value: 0.75,
backgroundColor: const Color(0xFFE0E0E0),
color: AppColors.cyanTeal,
minHeight: 6,
borderRadius: BorderRadius.circular(10),
),
],
),
);
}
Widget _docCardsSection() {
return Column(
children: [
_docCard(
title: 'Company Registration Certificate',
subtitle: 'Legal document proving business registration',
status: 'Completed',
statusColor: AppColors.green30,
statusBackgroundColor: AppColors.green10,
backgroundColor: AppColors.primary10Light,
borderSideColor: AppColors.primary30,
),
_docCard(
title: 'Tax Compliance Certificate',
subtitle: 'Proof of tax registration and compliance',
status: 'Completed',
statusColor: AppColors.green30,
statusBackgroundColor: AppColors.green10,
backgroundColor: AppColors.primary10Light,
borderSideColor: AppColors.primary30,
),
_docCard(
title: 'Technical Proposal',
subtitle: 'Detailed technical solution for the tender',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
tag: 'Self apply',
tagColor: AppColors.green30,
borderSideColor: AppColors.red10,
tagBackgroundColor: AppColors.green20,
),
_docCard(
title: 'Financial Proposal',
subtitle: 'Detailed cost breakdown and pricing',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
tag: 'Partnership',
tagColor: AppColors.purple,
borderSideColor: AppColors.red10,
tagBackgroundColor: AppColors.purpleLight,
),
_docCard(
title: 'Financial Proposal',
subtitle: 'Detailed cost breakdown and pricing',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
borderSideColor: AppColors.red10,
),
],
);
}
Widget _deadlinePicker() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
CompletionOfDocumentsStrings.setDeadline,
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey80,
fontWeight: FontWeight.w600,
),
),
SizedBox(height: 8.0.h()),
Container(
height: 48.0.h(),
padding: EdgeInsets.symmetric(horizontal: 12.0.w()),
decoration: BoxDecoration(
border: Border.all(color: AppColors.grey40),
borderRadius: BorderRadius.circular(12),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'2025/04/10',
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w700,
color: AppColors.grey60,
),
),
SvgPicture.asset(
AssetsManager.calendar,
height: 24.0.h(),
width: 24.0.w(),
),
],
),
),
],
);
}
Widget _noteField() {
return Container(
padding: const EdgeInsets.all(12),
height: 100.0.h(),
decoration: BoxDecoration(
border: Border.all(color: AppColors.borderColor),
borderRadius: BorderRadius.circular(8),
color: AppColors.grey0,
),
child: TextField(
maxLines: null,
decoration: const InputDecoration.collapsed(
hintText: CompletionOfDocumentsStrings.note,
),
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey60,
fontWeight: FontWeight.w400,
),
),
);
}
Widget _docCard({
required String title,
required String subtitle,
required String status,
required Color statusColor,
required Color backgroundColor,
required Color borderSideColor,
required Color statusBackgroundColor,
String? tag,
Color? tagColor,
Color? tagBackgroundColor,
}) {
return Container(
width: double.infinity,
margin: EdgeInsets.only(bottom: 12.0.h()),
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: backgroundColor,
border: Border(
left: BorderSide(color: borderSideColor, width: 2.0.w()),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (tag != null) ...[
const Spacer(),
Container(
margin: const EdgeInsets.only(right: 8),
height: 32.0.h(),
width: 91.0.w(),
decoration: BoxDecoration(
color: tagBackgroundColor,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
tag,
style: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w500,
color: tagColor,
),
),
),
),
] else
const Spacer(),
Container(
height: 32.0.h(),
width: 91.0.w(),
decoration: BoxDecoration(
color: statusBackgroundColor,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
status,
style: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w500,
color: statusColor,
),
),
),
),
],
),
SizedBox(height: 8.0.h()),
Text(
title,
style: TextStyle(
fontSize: 20.0.sp(),
fontWeight: FontWeight.w600,
color: AppColors.grey70,
),
),
SizedBox(height: 4.0.h()),
Text(
subtitle,
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey,
fontWeight: FontWeight.w400,
),
),
],
),
);
}
}
lib/views/completion_of_documents/pages/m_completion_of_documents_page.dart
+24 -5
View File
@@ -5,7 +5,6 @@ import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/views/completion_of_documents/strings/completion_of_documents_string.dart';
import 'package:tm_app/views/shared/base_button.dart';
import 'package:tm_app/views/shared/tender_app_bar.dart';
class CompletionOfDocumentsMobilePage extends StatelessWidget {
const CompletionOfDocumentsMobilePage({super.key});
@@ -14,10 +13,10 @@ class CompletionOfDocumentsMobilePage extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: AppColors.backgroundColor,
appBar: appBar(
context: context,
title: CompletionOfDocumentsStrings.completionOfDocuments,
),
// appBar: appBar(
// context: context,
// title: CompletionOfDocumentsStrings.completionOfDocuments,
// ),
body: SafeArea(
child: SingleChildScrollView(
padding: EdgeInsets.symmetric(
@@ -27,6 +26,26 @@ class CompletionOfDocumentsMobilePage extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
SvgPicture.asset(
AssetsManager.arrowLeft,
width: 24.0.w(),
height: 24.0.h(),
),
SizedBox(width: 8.0.w()),
Text(
CompletionOfDocumentsStrings.completionOfDocuments,
style: TextStyle(
color: AppColors.grey70,
fontSize: 16.0.sp(),
fontWeight: FontWeight.w600,
),
),
],
),
SizedBox(height: 24.0.h()),
Container(
width: double.infinity,
height: 24.0.h(),
lib/views/completion_of_documents/pages/t_completion_of_documents_page.dart
+385
View File
@@ -0,0 +1,385 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.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/views/completion_of_documents/strings/completion_of_documents_string.dart';
import 'package:tm_app/views/shared/base_button.dart';
import 'package:tm_app/views/shared/tablet_desktop_appbar.dart';
import 'package:tm_app/views/shared/tablet_navigation_widget.dart';
import 'package:tm_app/views/shared/tender_app_bar.dart';
class CompletionOfDocumentsTabletPage extends StatelessWidget {
const CompletionOfDocumentsTabletPage({super.key});
@override
Widget build(BuildContext context) {
final GlobalKey<ScaffoldState> key = GlobalKey();
return Scaffold(
key: key,
backgroundColor: AppColors.backgroundColor,
appBar: tabletAppBar(
title: CompletionOfDocumentsStrings.completionOfDocuments,
key: key,
context: context,
),
drawer: const TabletNavigationWidget(currentIndex: 0),
body: SafeArea(
child: Center(
child: SizedBox(
width: 720,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const TabletDesktopAppbar(
title: CompletionOfDocumentsStrings.completionOfDocuments,
haveFilter: false,
),
Expanded(
child: SingleChildScrollView(
child: Padding(
padding: EdgeInsets.symmetric(vertical: 24.0.h()),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_deadlineContainer(),
SizedBox(height: 16.0.h()),
_matchProfileProgress(),
SizedBox(height: 24.0.h()),
_docCardsSection(),
SizedBox(height: 24.0.h()),
_deadlinePicker(),
SizedBox(height: 16.0.h()),
_noteField(),
SizedBox(height: 24.0.h()),
BaseButton(
isEnabled: true,
onPressed: () {},
text:
CompletionOfDocumentsStrings
.submitForCompletion,
textColor: AppColors.textBlue,
backgroundColor: AppColors.primary30,
),
],
),
),
),
),
],
),
),
),
),
);
}
Widget _deadlineContainer() {
return Container(
width: double.infinity,
height: 24.0.h(),
padding: EdgeInsets.symmetric(horizontal: 8.0.w()),
decoration: BoxDecoration(
color: AppColors.primary20,
borderRadius: BorderRadius.circular(4),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
CompletionOfDocumentsStrings.submissionDeadline,
style: TextStyle(
color: AppColors.textBlue,
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
),
),
Text(
'2025-06-15',
style: TextStyle(
color: AppColors.grey80,
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
),
),
],
),
);
}
Widget _matchProfileProgress() {
return Container(
height: 58.0.h(),
width: double.infinity,
padding: EdgeInsets.symmetric(horizontal: 12.0.w(), vertical: 8.0.h()),
decoration: BoxDecoration(
border: Border.all(color: AppColors.orange10),
borderRadius: BorderRadius.circular(8),
color: AppColors.orange0,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
'Match with your profile',
style: TextStyle(
fontSize: 12.0.sp(),
color: AppColors.grey80,
fontWeight: FontWeight.w400,
),
),
const Spacer(),
Text(
'75%',
style: TextStyle(
fontSize: 12.0.sp(),
color: AppColors.cyanTeal,
fontWeight: FontWeight.w600,
),
),
],
),
SizedBox(height: 4.0.h()),
LinearProgressIndicator(
value: 0.75,
backgroundColor: const Color(0xFFE0E0E0),
color: AppColors.cyanTeal,
minHeight: 6,
borderRadius: BorderRadius.circular(10),
),
],
),
);
}
Widget _docCardsSection() {
return Column(
children: [
_docCard(
title: 'Company Registration Certificate',
subtitle: 'Legal document proving business registration',
status: 'Completed',
statusColor: AppColors.green30,
statusBackgroundColor: AppColors.green10,
backgroundColor: AppColors.primary10Light,
borderSideColor: AppColors.primary30,
),
_docCard(
title: 'Tax Compliance Certificate',
subtitle: 'Proof of tax registration and compliance',
status: 'Completed',
statusColor: AppColors.green30,
statusBackgroundColor: AppColors.green10,
backgroundColor: AppColors.primary10Light,
borderSideColor: AppColors.primary30,
),
_docCard(
title: 'Technical Proposal',
subtitle: 'Detailed technical solution for the tender',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
tag: 'Self apply',
tagColor: AppColors.green30,
borderSideColor: AppColors.red10,
tagBackgroundColor: AppColors.green20,
),
_docCard(
title: 'Financial Proposal',
subtitle: 'Detailed cost breakdown and pricing',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
tag: 'Partnership',
tagColor: AppColors.purple,
borderSideColor: AppColors.red10,
tagBackgroundColor: AppColors.purpleLight,
),
_docCard(
title: 'Financial Proposal',
subtitle: 'Detailed cost breakdown and pricing',
status: 'Incomplete',
statusColor: AppColors.red20,
statusBackgroundColor: AppColors.red10,
backgroundColor: AppColors.red0,
borderSideColor: AppColors.red10,
),
],
);
}
Widget _deadlinePicker() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
CompletionOfDocumentsStrings.setDeadline,
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey80,
fontWeight: FontWeight.w600,
),
),
SizedBox(height: 8.0.h()),
Container(
height: 48.0.h(),
padding: EdgeInsets.symmetric(horizontal: 12.0.w()),
decoration: BoxDecoration(
border: Border.all(color: AppColors.grey40),
borderRadius: BorderRadius.circular(12),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
'2025/04/10',
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w700,
color: AppColors.grey60,
),
),
SvgPicture.asset(
AssetsManager.calendar,
height: 24.0.h(),
width: 24.0.w(),
),
],
),
),
],
);
}
Widget _noteField() {
return Container(
padding: const EdgeInsets.all(12),
height: 100.0.h(),
decoration: BoxDecoration(
border: Border.all(color: AppColors.borderColor),
borderRadius: BorderRadius.circular(8),
color: AppColors.grey0,
),
child: TextField(
maxLines: null,
decoration: const InputDecoration.collapsed(
hintText: CompletionOfDocumentsStrings.note,
),
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey60,
fontWeight: FontWeight.w400,
),
),
);
}
// -------------------- Document Card --------------------
Widget _docCard({
required String title,
required String subtitle,
required String status,
required Color statusColor,
required Color backgroundColor,
required Color borderSideColor,
required Color statusBackgroundColor,
String? tag,
Color? tagColor,
Color? tagBackgroundColor,
}) {
return Container(
width: double.infinity,
margin: EdgeInsets.only(bottom: 12.0.h()),
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: backgroundColor,
border: Border(
left: BorderSide(color: borderSideColor, width: 2.0.w()),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (tag != null) ...[
const Spacer(),
Container(
margin: const EdgeInsets.only(right: 8),
height: 32.0.h(),
width: 91.0.w(),
decoration: BoxDecoration(
color: tagBackgroundColor,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
tag,
style: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w500,
color: tagColor,
),
),
),
),
] else
const Spacer(),
Container(
height: 32.0.h(),
width: 91.0.w(),
decoration: BoxDecoration(
color: statusBackgroundColor,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
status,
style: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w500,
color: statusColor,
),
),
),
),
],
),
SizedBox(height: 8.0.h()),
Text(
title,
style: TextStyle(
fontSize: 20.0.sp(),
fontWeight: FontWeight.w600,
color: AppColors.grey70,
),
),
SizedBox(height: 4.0.h()),
Text(
subtitle,
style: TextStyle(
fontSize: 16.0.sp(),
color: AppColors.grey,
fontWeight: FontWeight.w400,
),
),
],
),
);
}
}
lib/views/detail/widgets/select_meeting_time_bottom_sheet.dart
+3 -2
View File
@@ -5,8 +5,9 @@ import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/views/detail/strings/tender_details_strings.dart';
class SelectMeetingTimeBottomSheet extends StatefulWidget {
const SelectMeetingTimeBottomSheet({required this.onConfirm, super.key});
const SelectMeetingTimeBottomSheet({required this.onConfirm, required this.isDialog, super.key});
final ValueChanged<String> onConfirm;
final bool isDialog;
@override
State<SelectMeetingTimeBottomSheet> createState() =>
@@ -35,7 +36,7 @@ class _SelectMeetingTimeBottomSheetState
padding: EdgeInsets.fromLTRB(24.0.w(), 24.0.h(), 24.0.w(), 33.0.h()),
decoration: BoxDecoration(
color: AppColors.backgroundColor,
borderRadius: const BorderRadius.only(
borderRadius: widget.isDialog ? const BorderRadius.all(Radius.circular(16.0)) : const BorderRadius.only(
topLeft: Radius.circular(16.0),
topRight: Radius.circular(16.0),
),
lib/views/detail/widgets/show_select_meeting_time_bottom_sheet.dart
+29
View File
@@ -0,0 +1,29 @@
import 'package:flutter/material.dart';
import 'package:tm_app/views/detail/widgets/select_meeting_time_bottom_sheet.dart';
Future<void> showSelectMeetingTimeDialog({
required BuildContext context,
required ValueChanged<String> onConfirm,
}) async {
await showDialog(
context: context,
barrierDismissible: true,
builder: (dialogContext) {
return Dialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
insetPadding: const EdgeInsets.symmetric(horizontal: 32, vertical: 24),
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 500),
child: SelectMeetingTimeBottomSheet(
isDialog: true,
onConfirm: (value) {
onConfirm(value);
},
),
),
);
},
);
}
lib/views/detail/widgets/tender_detail_action.dart
+54 -22
View File
@@ -4,6 +4,7 @@ import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import 'package:tm_app/view_models/tender_detail_view_model.dart';
import 'package:tm_app/views/detail/widgets/select_meeting_time_bottom_sheet.dart';
import 'package:tm_app/views/detail/widgets/show_select_meeting_time_bottom_sheet.dart';
import 'package:tm_app/views/shared/base_button.dart';
import 'package:tm_app/views/shared/select_submission_bottom_sheet.dart';
@@ -53,28 +54,28 @@ class TenderDetailActions extends StatelessWidget {
onPressed: () {
{
showModalBottomSheet(
isDismissible: true,
context: context,
builder: (bottomSheetContext) {
builder: (context) {
return SelectSubmissionBottomSheet(
onConfirm: (value) {
// viewModel.submitTenderApproval(
// tenderId: detail.id!,
// submissionMode: value,
// );
onConfirm: (String value) {
if (value ==
TenderSubmissionMode.selfApply.value) {
const CompletionOfDocumentsMobileRouteData()
.push(context);
} else {
viewModel.submitTenderApproval(
tenderId: detail.id!,
submissionMode: value,
);
} else if (value ==
TenderSubmissionMode.partnership.value) {
Future.delayed(Duration.zero, () {
showModalBottomSheet(
isDismissible: true,
// ignore: use_build_context_synchronously
showDialog(
context: context,
builder: (context) {
return SelectMeetingTimeBottomSheet(
onConfirm: (meetingTime) {},
onConfirm: (String value) {
const CompletionOfDocumentsRouteData()
.push(context);
},
isDialog: false,
);
},
);
@@ -186,10 +187,24 @@ class TenderDetailActions extends StatelessWidget {
builder: (context) {
return SelectSubmissionDialog(
onConfirm: (String value) {
viewModel.submitTenderApproval(
tenderId: detail.id!,
submissionMode: value,
);
if (value ==
TenderSubmissionMode.selfApply.value) {
const FinalCompletionOfDocumentsRouteData()
.push(context);
} else if (value ==
TenderSubmissionMode.partnership.value) {
WidgetsBinding.instance.addPostFrameCallback((
timeStamp,
) {
showSelectMeetingTimeDialog(
context: context,
onConfirm: (String value) {
const CompletionOfDocumentsRouteData()
.push(context);
},
);
});
}
},
);
},
@@ -199,10 +214,27 @@ class TenderDetailActions extends StatelessWidget {
builder: (context) {
return SelectSubmissionBottomSheet(
onConfirm: (String value) {
viewModel.submitTenderApproval(
tenderId: detail.id!,
submissionMode: value,
);
if (value ==
TenderSubmissionMode.selfApply.value) {
viewModel.submitTenderApproval(
tenderId: detail.id!,
submissionMode: value,
);
} else if (value ==
TenderSubmissionMode.partnership.value) {
showDialog(
context: context,
builder: (context) {
return SelectMeetingTimeBottomSheet(
onConfirm: (String value) {
const CompletionOfDocumentsRouteData()
.push(context);
},
isDialog: false,
);
},
);
}
},
);
},
lib/views/final_completion_of_documents/pages/desktop_final_completion_of_documents_page.dart
+326
View File
@@ -0,0 +1,326 @@
import 'package:dotted_border/dotted_border.dart';
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/final_completion_of_documents_view_model.dart';
import 'package:tm_app/views/final_completion_of_documents/strings/final_completion_of_documents_strings.dart';
import 'package:tm_app/views/final_completion_of_documents/widgets/comment_box.dart';
import 'package:tm_app/views/login/widgets/widgets.dart';
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
import 'package:tm_app/views/shared/tablet_desktop_appbar.dart';
import '../../shared/main_drop_down.dart';
class DesktopFinalCompletionOfDocumentsPage extends StatelessWidget {
const DesktopFinalCompletionOfDocumentsPage({super.key});
@override
Widget build(BuildContext context) {
SizeConfig.init(context);
return Scaffold(
body: Consumer<FinalCompletionOfDocumentsViewModel>(
builder:
(context, viewModel, child) => SafeArea(
child: Column(
children: [
const DesktopNavigationWidget(currentIndex: 1),
const SizedBox(height: 64.0),
SizedBox(
width: 740,
child: Column(
children: [
Expanded(
child: SizedBox(
child: SingleChildScrollView(
child: Column(
children: [
const TabletDesktopAppbar(
title:
FinalCompletionOfDocumentsStrings
.completionOfDocuments,
),
SizedBox(height: 32.0.h()),
const SizedBox(height: 32.0),
const CommentBox(),
const SizedBox(height: 32.0),
FormCard(viewModel: viewModel),
const SizedBox(height: 40.0),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176,
backgroundColor: AppColors.primary10,
textColor: AppColors.mainBlue,
text:
FinalCompletionOfDocumentsStrings
.back,
),
const SizedBox(width: 16.0),
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176,
text:
FinalCompletionOfDocumentsStrings
.next,
),
],
),
const SizedBox(height: 35.0),
],
),
),
),
),
],
),
),
],
),
),
),
);
}
}
class FormCard extends StatelessWidget {
const FormCard({required this.viewModel, super.key});
final FinalCompletionOfDocumentsViewModel viewModel;
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: double.infinity,
height: 64.0,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
alignment: AlignmentDirectional.centerStart,
child: Container(
width: 118,
height: 32,
decoration: BoxDecoration(
color: AppColors.yellow3,
borderRadius: BorderRadius.circular(8),
),
alignment: Alignment.center,
child: const Text(
'50% Completed',
style: TextStyle(color: AppColors.yellow4),
),
),
),
const SizedBox(height: 48.0),
Text(
FinalCompletionOfDocumentsStrings.numberOfServersListedTitle,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const SizedBox(height: 12.0),
Text(
'12 servers across 2 data centers',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
const SizedBox(height: 24),
Divider(color: AppColors.borderColor),
const SizedBox(height: 24),
Text(
FinalCompletionOfDocumentsStrings
.technicalTeamOrganizationChartUploadedTitle,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const SizedBox(height: 12.0),
Text(
'PDF submitted with full team roles and structure',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
const SizedBox(height: 24),
Divider(color: AppColors.borderColor),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.describeInfrastructureCapabilitiestitle,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
const SizedBox(height: 40),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadTechnicalTeamOrgChartTitle,
),
const SizedBox(height: 16),
_describeYourTeamTextField(),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.noCertificationInISO27001Title,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadCompletionCertificateTitle,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
],
),
);
}
Widget _describeYourTeamTextField() {
return TextFormField(
maxLines: 5,
decoration: InputDecoration(
filled: true,
fillColor: AppColors.grey0,
hintText: FinalCompletionOfDocumentsStrings.describeYourTeamHint,
hintStyle: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
border: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
),
);
}
Widget _uploadFileCard({
required FinalCompletionOfDocumentsViewModel viewModel,
}) {
return InkWell(
onTap: () => viewModel.pickFile(),
child: Container(
width: double.infinity,
height: 140,
decoration: BoxDecoration(color: AppColors.grey0),
child: DottedBorder(
options: const RoundedRectDottedBorderOptions(
radius: Radius.circular(12),
dashPattern: [4, 4],
strokeWidth: 1,
color: AppColors.secondaryborder,
padding: EdgeInsets.all(16),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SvgPicture.asset(AssetsManager.uploadFile),
const SizedBox(height: 12),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
FinalCompletionOfDocumentsStrings.chooseFile,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
),
),
const SizedBox(width: 4),
Text(
FinalCompletionOfDocumentsStrings.toUpload,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.grey60,
),
),
],
),
const SizedBox(height: 8),
Text(
FinalCompletionOfDocumentsStrings.selectZipOrEtcTitle,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
],
),
),
),
);
}
Widget _titleDropDownRow({required String text}) {
return Row(
children: [
SvgPicture.asset(AssetsManager.dangerFill),
const SizedBox(width: 8),
Text(
text,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const Spacer(),
MainDropDown(
text: FinalCompletionOfDocumentsStrings.statusTitle,
items: const [
FinalCompletionOfDocumentsStrings.statusWaitingForOthers,
FinalCompletionOfDocumentsStrings.statusToDo,
FinalCompletionOfDocumentsStrings.statusDone,
],
onSelect: (String item) {},
),
],
);
}
}
lib/views/final_completion_of_documents/pages/final_completion_of_documents_screen.dart
+41 -305
View File
@@ -1,316 +1,52 @@
import 'package:dotted_border/dotted_border.dart';
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/final_completion_of_documents_view_model.dart';
import 'package:tm_app/views/final_completion_of_documents/strings/final_completion_of_documents_strings.dart';
import 'package:tm_app/views/final_completion_of_documents/widgets/comment_box.dart';
import 'package:tm_app/views/login/widgets/widgets.dart';
import 'package:tm_app/views/shared/desktop_navigation_widget.dart';
import 'package:tm_app/views/shared/tablet_desktop_appbar.dart';
import 'package:tm_app/views/final_completion_of_documents/pages/desktop_final_completion_of_documents_page.dart';
import 'package:tm_app/views/final_completion_of_documents/pages/tablet_final_completion_of_documents_page.dart';
import '../../shared/main_drop_down.dart';
import '../../../core/utils/size_config.dart';
import '../../shared/responsive_builder.dart';
class FinalCompletionOfDocumentsScreen extends StatelessWidget {
class FinalCompletionOfDocumentsScreen extends StatefulWidget {
const FinalCompletionOfDocumentsScreen({super.key});
@override
State<FinalCompletionOfDocumentsScreen> createState() =>
_FinalCompletionOfDocumentsScreenState();
}
class _FinalCompletionOfDocumentsScreenState
extends State<FinalCompletionOfDocumentsScreen> {
// late final HomeViewModel _viewModel;
// late final TabNavigationService _tabService;
@override
void initState() {
super.initState();
// _viewModel = context.read<HomeViewModel>();
// _tabService = context.read<TabNavigationService>();
// _tabService.addListener(_onTabChanged);
}
@override
void dispose() {
// _tabService.removeListener(_onTabChanged);
super.dispose();
}
// void _onTabChanged() {
// // Tab index 0 is Home
// if (_tabService.currentTabIndex == 0 && mounted) {
// _viewModel.init();
// }
// }
@override
Widget build(BuildContext context) {
SizeConfig.init(context);
return Scaffold(
body: Consumer<FinalCompletionOfDocumentsViewModel>(
builder:
(context, viewModel, child) => SafeArea(
child: Column(
children: [
const DesktopNavigationWidget(currentIndex: 1),
const SizedBox(height: 64.0),
Expanded(
child: SizedBox(
width: 740,
child: SingleChildScrollView(
child: Column(
children: [
const TabletDesktopAppbar(
title:
FinalCompletionOfDocumentsStrings
.completionOfDocuments,
),
SizedBox(height: 32.0.h()),
const SizedBox(height: 32.0),
const CommentBox(),
const SizedBox(height: 32.0),
FormCard(viewModel: viewModel),
const SizedBox(height: 40.0),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176,
backgroundColor: AppColors.primary10,
textColor: AppColors.mainBlue,
text: FinalCompletionOfDocumentsStrings.back,
),
const SizedBox(width: 16.0),
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176,
text: FinalCompletionOfDocumentsStrings.next,
),
],
),
const SizedBox(height: 35.0),
],
),
),
),
),
],
),
),
),
);
}
}
class FormCard extends StatelessWidget {
const FormCard({required this.viewModel, super.key});
final FinalCompletionOfDocumentsViewModel viewModel;
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: double.infinity,
height: 64.0,
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
alignment: AlignmentDirectional.centerStart,
child: Container(
width: 118,
height: 32,
decoration: BoxDecoration(
color: AppColors.yellow3,
borderRadius: BorderRadius.circular(8),
),
alignment: Alignment.center,
child: const Text(
'50% Completed',
style: TextStyle(color: AppColors.yellow4),
),
),
),
const SizedBox(height: 48.0),
Text(
FinalCompletionOfDocumentsStrings.numberOfServersListedTitle,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const SizedBox(height: 12.0),
Text(
'12 servers across 2 data centers',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
const SizedBox(height: 24),
Divider(color: AppColors.borderColor),
const SizedBox(height: 24),
Text(
FinalCompletionOfDocumentsStrings
.technicalTeamOrganizationChartUploadedTitle,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const SizedBox(height: 12.0),
Text(
'PDF submitted with full team roles and structure',
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
const SizedBox(height: 24),
Divider(color: AppColors.borderColor),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.describeInfrastructureCapabilitiestitle,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
const SizedBox(height: 40),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadTechnicalTeamOrgChartTitle,
),
const SizedBox(height: 16),
_describeYourTeamTextField(),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.noCertificationInISO27001Title,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
const SizedBox(height: 48),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadCompletionCertificateTitle,
),
const SizedBox(height: 16),
_uploadFileCard(viewModel: viewModel),
],
),
);
}
Widget _describeYourTeamTextField() {
return TextFormField(
maxLines: 5,
decoration: InputDecoration(
filled: true,
fillColor: AppColors.grey0,
hintText: FinalCompletionOfDocumentsStrings.describeYourTeamHint,
hintStyle: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
border: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
),
);
}
Widget _uploadFileCard({
required FinalCompletionOfDocumentsViewModel viewModel,
}) {
return InkWell(
onTap: () => viewModel.pickFile(),
child: Container(
width: double.infinity,
height: 140,
decoration: BoxDecoration(color: AppColors.grey0),
child: DottedBorder(
options: const RoundedRectDottedBorderOptions(
radius: Radius.circular(12),
dashPattern: [4, 4],
strokeWidth: 1,
color: AppColors.secondaryborder,
padding: EdgeInsets.all(16),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SvgPicture.asset(AssetsManager.uploadFile),
const SizedBox(height: 12),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
FinalCompletionOfDocumentsStrings.chooseFile,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
),
),
const SizedBox(width: 4),
Text(
FinalCompletionOfDocumentsStrings.toUpload,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: AppColors.grey60,
),
),
],
),
const SizedBox(height: 8),
Text(
FinalCompletionOfDocumentsStrings.selectZipOrEtcTitle,
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
],
),
),
),
);
}
Widget _titleDropDownRow({required String text}) {
return Row(
children: [
SvgPicture.asset(AssetsManager.dangerFill),
const SizedBox(width: 8),
Text(
text,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
const Spacer(),
MainDropDown(
text: FinalCompletionOfDocumentsStrings.statusTitle,
items: const [
FinalCompletionOfDocumentsStrings.statusWaitingForOthers,
FinalCompletionOfDocumentsStrings.statusToDo,
FinalCompletionOfDocumentsStrings.statusDone,
],
onSelect: (String item) {},
),
],
return const ResponsiveBuilder(
//mobile: MobileFinalCompletionOfDocumentsPage(),
mobile: TabletFinalCompletionOfDocumentsPage(),
tablet: TabletFinalCompletionOfDocumentsPage(),
desktop: DesktopFinalCompletionOfDocumentsPage(),
);
}
}
lib/views/final_completion_of_documents/pages/mobile_final_completion_of_documents_page.dart
+314
View File
@@ -0,0 +1,314 @@
// import 'package:dotted_border/dotted_border.dart';
// 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/final_completion_of_documents_view_model.dart';
// import 'package:tm_app/views/final_completion_of_documents/strings/final_completion_of_documents_strings.dart';
// import 'package:tm_app/views/final_completion_of_documents/widgets/comment_box.dart';
// import 'package:tm_app/views/login/widgets/widgets.dart';
// import 'package:tm_app/views/shared/tablet_desktop_appbar.dart';
// import '../../shared/main_drop_down.dart';
// class MobileFinalCompletionOfDocumentsPage extends StatelessWidget {
// const MobileFinalCompletionOfDocumentsPage({super.key});
// @override
// Widget build(BuildContext context) {
// SizeConfig.init(context);
// return Scaffold(
// body: Consumer<FinalCompletionOfDocumentsViewModel>(
// builder:
// (context, viewModel, child) => SafeArea(
// child: Column(
// children: [
// const SizedBox(height: 64.0),
// Padding(
// padding: EdgeInsets.symmetric(vertical: 24.0.h()),
// child: Expanded(
// child: SingleChildScrollView(
// child: Column(
// children: [
// const TabletDesktopAppbar(
// title:
// FinalCompletionOfDocumentsStrings
// .completionOfDocuments,
// ),
// SizedBox(height: 32.0.h()),
// const SizedBox(height: 32.0),
// const CommentBox(),
// const SizedBox(height: 32.0),
// FormCard(viewModel: viewModel),
// const SizedBox(height: 40.0),
// Row(
// mainAxisAlignment: MainAxisAlignment.end,
// children: [
// BaseButton(
// isEnabled: true,
// onPressed: () {},
// width: 176,
// backgroundColor: AppColors.primary10,
// textColor: AppColors.mainBlue,
// text: FinalCompletionOfDocumentsStrings.back,
// ),
// const SizedBox(width: 16.0),
// BaseButton(
// isEnabled: true,
// onPressed: () {},
// width: 176,
// text: FinalCompletionOfDocumentsStrings.next,
// ),
// ],
// ),
// const SizedBox(height: 35.0),
// ],
// ),
// ),
// ),
// ),
// ],
// ),
// ),
// ),
// );
// }
// }
// class FormCard extends StatelessWidget {
// const FormCard({required this.viewModel, super.key});
// final FinalCompletionOfDocumentsViewModel viewModel;
// @override
// Widget build(BuildContext context) {
// return Container(
// width: double.infinity,
// padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(4),
// border: Border.all(color: AppColors.borderColor),
// ),
// child: Column(
// crossAxisAlignment: CrossAxisAlignment.start,
// children: [
// Container(
// width: double.infinity,
// height: 64.0,
// padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(4),
// border: Border.all(color: AppColors.borderColor),
// ),
// alignment: AlignmentDirectional.centerStart,
// child: Container(
// width: 118,
// height: 32,
// decoration: BoxDecoration(
// color: AppColors.yellow3,
// borderRadius: BorderRadius.circular(8),
// ),
// alignment: Alignment.center,
// child: const Text(
// '50% Completed',
// style: TextStyle(color: AppColors.yellow4),
// ),
// ),
// ),
// const SizedBox(height: 48.0),
// Text(
// FinalCompletionOfDocumentsStrings.numberOfServersListedTitle,
// style: TextStyle(
// fontSize: 16.0,
// fontWeight: FontWeight.w400,
// color: AppColors.grey60,
// ),
// ),
// const SizedBox(height: 12.0),
// Text(
// '12 servers across 2 data centers',
// style: TextStyle(
// fontSize: 16.0,
// fontWeight: FontWeight.w400,
// color: AppColors.grey80,
// ),
// ),
// const SizedBox(height: 24),
// Divider(color: AppColors.borderColor),
// const SizedBox(height: 24),
// Text(
// FinalCompletionOfDocumentsStrings
// .technicalTeamOrganizationChartUploadedTitle,
// style: TextStyle(
// fontSize: 16.0,
// fontWeight: FontWeight.w400,
// color: AppColors.grey60,
// ),
// ),
// const SizedBox(height: 12.0),
// Text(
// 'PDF submitted with full team roles and structure',
// style: TextStyle(
// fontSize: 16.0,
// fontWeight: FontWeight.w400,
// color: AppColors.grey80,
// ),
// ),
// const SizedBox(height: 24),
// Divider(color: AppColors.borderColor),
// const SizedBox(height: 48),
// _titleDropDownRow(
// text:
// FinalCompletionOfDocumentsStrings
// .describeInfrastructureCapabilitiestitle,
// ),
// const SizedBox(height: 16),
// _uploadFileCard(viewModel: viewModel),
// const SizedBox(height: 40),
// _titleDropDownRow(
// text:
// FinalCompletionOfDocumentsStrings
// .uploadTechnicalTeamOrgChartTitle,
// ),
// const SizedBox(height: 16),
// _describeYourTeamTextField(),
// const SizedBox(height: 48),
// _titleDropDownRow(
// text:
// FinalCompletionOfDocumentsStrings
// .noCertificationInISO27001Title,
// ),
// const SizedBox(height: 16),
// _uploadFileCard(viewModel: viewModel),
// const SizedBox(height: 48),
// _titleDropDownRow(
// text:
// FinalCompletionOfDocumentsStrings
// .uploadCompletionCertificateTitle,
// ),
// const SizedBox(height: 16),
// _uploadFileCard(viewModel: viewModel),
// ],
// ),
// );
// }
// Widget _describeYourTeamTextField() {
// return TextFormField(
// maxLines: 5,
// decoration: InputDecoration(
// filled: true,
// fillColor: AppColors.grey0,
// hintText: FinalCompletionOfDocumentsStrings.describeYourTeamHint,
// hintStyle: TextStyle(
// fontSize: 12.0,
// fontWeight: FontWeight.w400,
// color: AppColors.grey60,
// ),
// border: OutlineInputBorder(
// borderSide: const BorderSide(color: AppColors.secondaryborder2),
// borderRadius: BorderRadius.circular(12),
// ),
// enabledBorder: OutlineInputBorder(
// borderSide: const BorderSide(color: AppColors.secondaryborder2),
// borderRadius: BorderRadius.circular(12),
// ),
// focusedBorder: OutlineInputBorder(
// borderSide: const BorderSide(color: AppColors.secondaryborder2),
// borderRadius: BorderRadius.circular(12),
// ),
// ),
// );
// }
// Widget _uploadFileCard({
// required FinalCompletionOfDocumentsViewModel viewModel,
// }) {
// return InkWell(
// onTap: () => viewModel.pickFile(),
// child: Container(
// width: double.infinity,
// height: 140,
// decoration: BoxDecoration(color: AppColors.grey0),
// child: DottedBorder(
// options: const RoundedRectDottedBorderOptions(
// radius: Radius.circular(12),
// dashPattern: [4, 4],
// strokeWidth: 1,
// color: AppColors.secondaryborder,
// padding: EdgeInsets.all(16),
// ),
// child: Column(
// mainAxisAlignment: MainAxisAlignment.center,
// crossAxisAlignment: CrossAxisAlignment.center,
// children: [
// SvgPicture.asset(AssetsManager.uploadFile),
// const SizedBox(height: 12),
// Row(
// mainAxisAlignment: MainAxisAlignment.center,
// children: [
// const Text(
// FinalCompletionOfDocumentsStrings.chooseFile,
// style: TextStyle(
// fontSize: 14,
// fontWeight: FontWeight.w500,
// color: AppColors.mainBlue,
// ),
// ),
// const SizedBox(width: 4),
// Text(
// FinalCompletionOfDocumentsStrings.toUpload,
// style: TextStyle(
// fontSize: 14,
// fontWeight: FontWeight.w500,
// color: AppColors.grey60,
// ),
// ),
// ],
// ),
// const SizedBox(height: 8),
// Text(
// FinalCompletionOfDocumentsStrings.selectZipOrEtcTitle,
// style: TextStyle(
// fontSize: 12,
// fontWeight: FontWeight.w400,
// color: AppColors.grey60,
// ),
// ),
// ],
// ),
// ),
// ),
// );
// }
// Widget _titleDropDownRow({required String text}) {
// return Row(
// children: [
// SvgPicture.asset(AssetsManager.dangerFill),
// const SizedBox(width: 8),
// Text(
// text,
// style: TextStyle(
// fontSize: 16,
// fontWeight: FontWeight.w400,
// color: AppColors.grey60,
// ),
// ),
// const Spacer(),
// MainDropDown(
// text: FinalCompletionOfDocumentsStrings.statusTitle,
// items: const [
// FinalCompletionOfDocumentsStrings.statusWaitingForOthers,
// FinalCompletionOfDocumentsStrings.statusToDo,
// FinalCompletionOfDocumentsStrings.statusDone,
// ],
// onSelect: (String item) {},
// ),
// ],
// );
// }
// }
lib/views/final_completion_of_documents/pages/tablet_final_completion_of_documents_page.dart
+343
View File
@@ -0,0 +1,343 @@
import 'package:dotted_border/dotted_border.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_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/final_completion_of_documents_view_model.dart';
import 'package:tm_app/views/final_completion_of_documents/strings/final_completion_of_documents_strings.dart';
import 'package:tm_app/views/final_completion_of_documents/widgets/comment_box.dart';
import 'package:tm_app/views/login/widgets/widgets.dart';
import 'package:tm_app/views/shared/main_drop_down.dart';
import 'package:tm_app/views/shared/tablet_desktop_appbar.dart';
import 'package:tm_app/views/shared/tablet_navigation_widget.dart';
import 'package:tm_app/views/shared/tender_app_bar.dart';
class TabletFinalCompletionOfDocumentsPage extends StatelessWidget {
const TabletFinalCompletionOfDocumentsPage({super.key});
@override
Widget build(BuildContext context) {
final GlobalKey<ScaffoldState> key = GlobalKey();
SizeConfig.init(context);
return Scaffold(
key: key,
backgroundColor: AppColors.backgroundColor,
appBar: tabletAppBar(
title: FinalCompletionOfDocumentsStrings.completionOfDocuments,
key: key,
context: context,
),
drawer: const TabletNavigationWidget(currentIndex: 1),
body: Consumer<FinalCompletionOfDocumentsViewModel>(
builder: (context, viewModel, _) {
return SafeArea(
child: Center(
child: SizedBox(
width: 720,
child: Padding(
padding: EdgeInsets.symmetric(vertical: 24.0.h()),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const TabletDesktopAppbar(
title:
FinalCompletionOfDocumentsStrings
.completionOfDocuments,
haveFilter: false,
),
Expanded(
child: SingleChildScrollView(
padding: EdgeInsets.symmetric(vertical: 32.0.h()),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const CommentBox(),
SizedBox(height: 32.0.h()),
FormCard(viewModel: viewModel),
SizedBox(height: 40.0.h()),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176.0.w(),
backgroundColor: AppColors.primary10,
textColor: AppColors.mainBlue,
text:
FinalCompletionOfDocumentsStrings.back,
),
SizedBox(width: 16.0.w()),
BaseButton(
isEnabled: true,
onPressed: () {},
width: 176.0.w(),
text:
FinalCompletionOfDocumentsStrings.next,
),
],
),
SizedBox(height: 35.0.h()),
],
),
),
),
],
),
),
),
),
);
},
),
);
}
}
class FormCard extends StatelessWidget {
const FormCard({required this.viewModel, super.key});
final FinalCompletionOfDocumentsViewModel viewModel;
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
padding: EdgeInsets.symmetric(horizontal: 16.0.w(), vertical: 24.0.h()),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_progressCard(),
SizedBox(height: 48.0.h()),
_infoSection(
title: FinalCompletionOfDocumentsStrings.numberOfServersListedTitle,
value: '12 servers across 2 data centers',
),
SizedBox(height: 24.0.h()),
Divider(color: AppColors.borderColor),
SizedBox(height: 24.0.h()),
_infoSection(
title:
FinalCompletionOfDocumentsStrings
.technicalTeamOrganizationChartUploadedTitle,
value: 'PDF submitted with full team roles and structure',
),
SizedBox(height: 24.0.h()),
Divider(color: AppColors.borderColor),
SizedBox(height: 48.0.h()),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.describeInfrastructureCapabilitiestitle,
),
SizedBox(height: 16.0.h()),
_uploadFileCard(viewModel: viewModel),
SizedBox(height: 40.0.h()),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadTechnicalTeamOrgChartTitle,
),
SizedBox(height: 16.0.h()),
_describeYourTeamTextField(),
SizedBox(height: 48.0.h()),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.noCertificationInISO27001Title,
),
SizedBox(height: 16.0.h()),
_uploadFileCard(viewModel: viewModel),
SizedBox(height: 48.0.h()),
_titleDropDownRow(
text:
FinalCompletionOfDocumentsStrings
.uploadCompletionCertificateTitle,
),
SizedBox(height: 16.0.h()),
_uploadFileCard(viewModel: viewModel),
],
),
);
}
Widget _progressCard() {
return Container(
width: double.infinity,
height: 64.0.h(),
padding: EdgeInsets.symmetric(horizontal: 16.0.w(), vertical: 16.0.h()),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.borderColor),
),
alignment: AlignmentDirectional.centerStart,
child: Container(
width: 118.0.w(),
height: 32.0.h(),
decoration: BoxDecoration(
color: AppColors.yellow3,
borderRadius: BorderRadius.circular(8),
),
alignment: Alignment.center,
child: Text(
'50% Completed',
style: TextStyle(color: AppColors.yellow4, fontSize: 14.0.sp()),
),
),
);
}
Widget _infoSection({required String title, required String value}) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
SizedBox(height: 12.0.h()),
Text(
value,
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
],
);
}
Widget _describeYourTeamTextField() {
return TextFormField(
maxLines: 5,
decoration: InputDecoration(
filled: true,
fillColor: AppColors.grey0,
hintText: FinalCompletionOfDocumentsStrings.describeYourTeamHint,
hintStyle: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
border: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
enabledBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
focusedBorder: OutlineInputBorder(
borderSide: const BorderSide(color: AppColors.secondaryborder2),
borderRadius: BorderRadius.circular(12),
),
),
);
}
Widget _uploadFileCard({
required FinalCompletionOfDocumentsViewModel viewModel,
}) {
return InkWell(
onTap: () => viewModel.pickFile(),
child: Container(
width: double.infinity,
height: 140.0.h(),
decoration: BoxDecoration(
color: AppColors.grey0,
borderRadius: BorderRadius.circular(12),
),
child: DottedBorder(
options: RoundedRectDottedBorderOptions(
radius: const Radius.circular(12),
dashPattern: const [4, 4],
strokeWidth: 1,
color: AppColors.secondaryborder,
padding: EdgeInsets.all(16.0.w()),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SvgPicture.asset(AssetsManager.uploadFile, height: 32.0.h()),
SizedBox(height: 12.0.h()),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
FinalCompletionOfDocumentsStrings.chooseFile,
style: TextStyle(
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
),
),
SizedBox(width: 4.0.w()),
Text(
FinalCompletionOfDocumentsStrings.toUpload,
style: TextStyle(
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
color: AppColors.grey60,
),
),
],
),
SizedBox(height: 8.0.h()),
Text(
FinalCompletionOfDocumentsStrings.selectZipOrEtcTitle,
style: TextStyle(
fontSize: 12.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
],
),
),
),
);
}
Widget _titleDropDownRow({required String text}) {
return Row(
children: [
SvgPicture.asset(
AssetsManager.dangerFill,
height: 20.0.h(),
width: 20.0.w(),
),
SizedBox(width: 8.0.w()),
Expanded(
child: Text(
text,
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey60,
),
),
),
MainDropDown(
text: FinalCompletionOfDocumentsStrings.statusTitle,
items: const [
FinalCompletionOfDocumentsStrings.statusWaitingForOthers,
FinalCompletionOfDocumentsStrings.statusToDo,
FinalCompletionOfDocumentsStrings.statusDone,
],
onSelect: (String item) {},
),
],
);
}
}
lib/views/shared/select_submission_dialog.dart
+50 -21
View File
@@ -29,7 +29,7 @@ class _SelectSubmissionDialogState extends State<SelectSubmissionDialog> {
height: 300,
padding: EdgeInsets.symmetric(horizontal: 24.0.w(), vertical: 16.0.h()),
decoration: BoxDecoration(
color: Colors.white,
color: AppColors.backgroundColor,
borderRadius: BorderRadius.circular(16),
),
child: Column(
@@ -65,28 +65,57 @@ class _SelectSubmissionDialogState extends State<SelectSubmissionDialog> {
SizedBox(height: 8.0.h()),
Align(
alignment: Alignment.centerRight,
child: InkWell(
onTap: () {
widget.onConfirm(type);
context.pop();
},
child: Container(
width: 150,
height: 56.0,
decoration: BoxDecoration(
color: AppColors.primary20,
borderRadius: BorderRadius.circular(100),
),
alignment: Alignment.center,
child: Text(
CommonStrings.confirm,
style: TextStyle(
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
child: Row(
children: [
const Spacer(),
InkWell(
onTap: () {
context.pop();
},
child: Container(
width: 150,
height: 56.0,
decoration: BoxDecoration(
color: AppColors.red10,
borderRadius: BorderRadius.circular(100),
),
alignment: Alignment.center,
child: Text(
CommonStrings.cancel,
style: TextStyle(
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
color: AppColors.red20,
),
),
),
),
),
SizedBox(width: 10.0.w()),
InkWell(
onTap: () {
widget.onConfirm(type);
context.pop();
},
child: Container(
width: 150,
height: 56.0,
decoration: BoxDecoration(
color: AppColors.primary20,
borderRadius: BorderRadius.circular(100),
),
alignment: Alignment.center,
child: Text(
CommonStrings.confirm,
style: TextStyle(
fontSize: 14.0.sp(),
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
),
),
),
),
],
),
),
],