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

Merge pull request 'completion of documents web screen added' (#133) from final_completion_of_documents_screen into main

Browse Source 
Reviewed-on: https://repo.ravanertebat.com/TM/tm_app/pulls/133
This commit is contained in:
a.ghabeli
2025-09-16 08:07:56 +03:30
parent 4067495e58 13d6c51673
commit b6a3598cbf
17 changed files with 764 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
analysis_options.yaml
+1
View File
@@ -62,6 +62,7 @@ linter:
prefer_iterable_whereType: true
prefer_null_aware_operators: true
prefer_spread_collections: true
prefer_const_constructors: true
recursive_getters: true
type_init_formals: true
unnecessary_constructor_name: true
assets/icons/arrow-down.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.28 5.9668L8.9333 10.3135C8.41997 10.8268 7.57997 10.8268 7.06664 10.3135L2.71997 5.9668" stroke="#888888" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 313 B

assets/icons/arrow-up.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.72003 10.0332L7.0667 5.68654C7.58003 5.1732 8.42003 5.1732 8.93336 5.68654L13.28 10.0332" stroke="#888888" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 313 B

assets/icons/clipboard-text.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 12.1992H15" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 16.1992H12.38" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 6H14C16 6 16 5 16 4C16 2 15 2 14 2H10C9 2 8 2 8 4C8 6 9 6 10 6Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 4.01953C19.33 4.19953 21 5.42953 21 9.99953V15.9995C21 19.9995 20 21.9995 15 21.9995H9C4 21.9995 3 19.9995 3 15.9995V9.99953C3 5.43953 4.67 4.19953 8 4.01953" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 836 B

assets/icons/danger-fill.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.50073 15.9915H3.349C0.399084 15.9915 -0.83359 13.8839 0.594612 11.309L3.24699 6.533L5.74634 2.04594C7.25955 -0.681981 9.7419 -0.681981 11.2551 2.04594L13.7545 6.5415L16.4068 11.3175C17.835 13.8924 16.5939 16 13.6525 16H8.50073V15.9915Z" fill="#FF9500"/>
<path d="M8.50055 5.44531V9.69442" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.49615 12.2461H8.50379H8.49615Z" fill="#FF9500"/>
<path d="M8.49615 12.2461H8.50379" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 704 B

assets/icons/upload_file.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 17V11L7 13" stroke="#777777" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 11L11 13" stroke="#777777" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 10V15C22 20 20 22 15 22H9C4 22 2 20 2 15V9C2 4 4 2 9 2H14" stroke="#777777" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 10H18C15 10 14 9 14 6V2L22 10Z" stroke="#777777" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 606 B

lib/core/config/dependencies.dart
+4
View File
@@ -11,6 +11,7 @@ import 'package:tm_app/data/services/home_service.dart';
import 'package:tm_app/data/services/liked_tenders_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 'package:tm_app/view_models/liked_tenders_view_model.dart';
import 'package:tm_app/view_models/tender_detail_view_model.dart';
import 'package:tm_app/view_models/tenders_view_model.dart';
@@ -142,6 +143,9 @@ List<SingleChildWidget> get viewModels {
authViewModel: context.read(),
),
),
ChangeNotifierProvider(
create: (context) => FinalCompletionOfDocumentsViewModel(),
),
];
}
lib/core/constants/assets.dart
+9
View File
@@ -49,6 +49,7 @@ class AssetsManager {
static const arrowRight = 'assets/icons/arrow-right.svg';
static const notification = 'assets/icons/notification.svg';
static const danger = 'assets/icons/danger.svg';
static const calendar = 'assets/icons/calendar.svg';
static const menu = 'assets/icons/menu.svg';
static const thumbLike = 'assets/icons/thumb_like.svg';
@@ -67,5 +68,13 @@ class AssetsManager {
//Liked tenders
static const trash = 'assets/icons/trash.svg';
static const arrowDownSmall = 'assets/icons/arrow_down_small.svg';
static const filter = 'assets/icons/filter.svg';
//final completion of documents
static const clipboardText = 'assets/icons/clipboard-text.svg';
static const dangerFill = 'assets/icons/danger-fill.svg';
static const arrowDown = 'assets/icons/arrow-down.svg';
static const arrowUp = 'assets/icons/arrow-up.svg';
static const uploadFile = 'assets/icons/upload_file.svg';
}
lib/core/routes/app_routes.dart
+17 -3
View File
@@ -6,6 +6,7 @@ import 'package:tm_app/views/home/pages/home_screen.dart';
import 'package:tm_app/views/liked_tenders/pages/liked_tenders_screen.dart';
import 'package:tm_app/views/login/pages/login_screen.dart';
import '../../views/final_completion_of_documents/pages/final_completion_of_documents_screen.dart';
import '../../views/forgot_password/pages/forgot_password_screen.dart';
import '../../views/notification/pages/notification_screen.dart';
import '../../views/profile/pages/profile_screen.dart';
@@ -169,7 +170,20 @@ class YourTendersRouteData extends GoRouteData with _$YourTendersRouteData {
@override
Widget build(BuildContext context, GoRouterState state) {
return YourTendersScreen();
return const YourTendersScreen();
}
}
@TypedGoRoute<FinalCompletionOfDocumentsRouteData>(
path: '/final_completion_of_documents',
)
class FinalCompletionOfDocumentsRouteData extends GoRouteData
with _$FinalCompletionOfDocumentsRouteData {
const FinalCompletionOfDocumentsRouteData();
@override
Widget build(BuildContext context, GoRouterState state) {
return const FinalCompletionOfDocumentsScreen();
}
}
@@ -179,7 +193,7 @@ class LikedTendersRouteData extends GoRouteData with _$LikedTendersRouteData {
@override
Widget build(BuildContext context, GoRouterState state) {
return LikedTendersScreen();
return const LikedTendersScreen();
}
}
@@ -211,6 +225,6 @@ class ForgotPasswordRouteData extends GoRouteData
@override
Widget build(BuildContext context, GoRouterState state) {
return ForgotPasswordScreen();
return const ForgotPasswordScreen();
}
}
lib/core/routes/app_routes.g.dart
+29
View File
@@ -10,6 +10,7 @@ List<RouteBase> get $appRoutes => [
$loginScreenRoute,
$appShellRouteData,
$yourTendersRouteData,
$finalCompletionOfDocumentsRouteData,
$likedTendersRouteData,
$completionOfDocumentsMobileRouteData,
$tenderDetailRouteData,
@@ -202,6 +203,34 @@ mixin _$YourTendersRouteData on GoRouteData {
void replace(BuildContext context) => context.replace(location);
}
RouteBase get $finalCompletionOfDocumentsRouteData => GoRouteData.$route(
path: '/final_completion_of_documents',
factory: _$FinalCompletionOfDocumentsRouteData._fromState,
);
mixin _$FinalCompletionOfDocumentsRouteData on GoRouteData {
static FinalCompletionOfDocumentsRouteData _fromState(GoRouterState state) =>
const FinalCompletionOfDocumentsRouteData();
@override
String get location =>
GoRouteData.$location('/final_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/core/theme/colors.dart
+6
View File
@@ -168,4 +168,10 @@ class AppColors {
static const Color lightBlue = Color(0xFFe8ecfc);
static const Color cyanAqua = Color(0xFFd6f4f8);
static const Color cyanTeal = Color(0xFF24A6B4);
static const Color yellow1 = Color(0xFFFFF7EE);
static const Color yellow2 = Color(0xFFFFE4C9);
static const Color yellow3 = Color(0xFFF8EAD6);
static const Color yellow4 = Color(0xFFC07A25);
static const Color secondaryborder = Color(0xFFCDCDCD);
static const Color secondaryborder2 = Color(0xFFDADADA);
}
lib/view_models/final_completion_of_documents_view_model.dart
+16
View File
@@ -0,0 +1,16 @@
import 'dart:io';
import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
class FinalCompletionOfDocumentsViewModel extends ChangeNotifier {
final FilePicker _filePicker = FilePicker.platform;
File? _selectedFile;
File? get selectedFile => _selectedFile;
Future<void> pickFile() async {
final result = await _filePicker.pickFiles();
_selectedFile = File(result?.files.single.path ?? '');
notifyListeners();
}
}
lib/views/final_completion_of_documents/pages/final_completion_of_documents_screen.dart
+330
View File
@@ -0,0 +1,330 @@
import 'package:dotted_border/dotted_border.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:go_router/go_router.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 '../../shared/main_drop_down.dart';
class FinalCompletionOfDocumentsScreen extends StatelessWidget {
const FinalCompletionOfDocumentsScreen({super.key});
@override
Widget build(BuildContext context) {
SizeConfig.init(context);
return Scaffold(
body: Consumer<FinalCompletionOfDocumentsViewModel>(
builder:
(context, viewModel, child) => Column(
children: [
const DesktopNavigationWidget(currentIndex: 1),
const SizedBox(height: 64.0),
Expanded(
child: SizedBox(
width: 740,
child: SingleChildScrollView(
child: Column(
children: [
Row(
children: [
InkWell(
borderRadius: BorderRadius.circular(12),
onTap: () => context.pop(),
child: SvgPicture.asset(
AssetsManager.arrowLeft,
),
),
const SizedBox(width: 8.0),
Text(
FinalCompletionOfDocumentsStrings
.completionOfDocuments,
style: TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.bold,
color: AppColors.grey70,
),
),
],
),
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,
hint: Text(
FinalCompletionOfDocumentsStrings.describeYourTeamHint,
style: 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/strings/final_completion_of_documents_strings.dart
+29
View File
@@ -0,0 +1,29 @@
class FinalCompletionOfDocumentsStrings {
FinalCompletionOfDocumentsStrings._();
static const String completionOfDocuments = 'Completion of documents';
static const String commentNoteTitle = 'Comment / note';
static const String replyToComment = 'reply to comment';
static const String deadlineForCompletionOfDocuments =
'Deadline for Completion of documents:';
static const String numberOfServersListedTitle = 'Number of servers listed';
static const String technicalTeamOrganizationChartUploadedTitle =
'Technical team organization chart uploaded';
static const String describeInfrastructureCapabilitiestitle =
'Describe infrastructure capabilities';
static const String statusTitle = 'Status';
static const String statusWaitingForOthers = 'Waiting for others';
static const String statusToDo = 'To do';
static const String statusDone = 'Done';
static const String chooseFile = 'Choose file';
static const String toUpload = 'To upload';
static const String selectZipOrEtcTitle = 'Select zip,image,pdf or ms.word';
static const String uploadTechnicalTeamOrgChartTitle =
'Upload technical team org chart';
static const String describeYourTeamHint = 'Describe your team';
static const String noCertificationInISO27001Title =
'No certification in ISO 27001';
static const String uploadCompletionCertificateTitle =
'Upload completion certificate';
static const String back = 'Back';
static const String next = 'Next';
}
lib/views/final_completion_of_documents/widgets/comment_box.dart
+117
View File
@@ -0,0 +1,117 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:tm_app/core/constants/assets.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/views/final_completion_of_documents/strings/final_completion_of_documents_strings.dart';
class CommentBox extends StatelessWidget {
const CommentBox({super.key});
@override
Widget build(BuildContext context) {
return Container(
height: 148,
decoration: BoxDecoration(
color: AppColors.yellow1,
borderRadius: BorderRadius.circular(4),
border: Border.all(color: AppColors.yellow2),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsetsDirectional.fromSTEB(40, 24.0, 0.0, 0),
child: Row(
children: [
SvgPicture.asset(AssetsManager.clipboardText),
const SizedBox(width: 16.0),
Text(
FinalCompletionOfDocumentsStrings.commentNoteTitle,
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w500,
color: AppColors.grey80,
),
),
],
),
),
const Spacer(),
const Padding(
padding: EdgeInsetsDirectional.only(start: 65, bottom: 10),
child: SizedBox(
width: 256,
height: 78,
child: Text(
'Lorem ipsum is a dummy or placeholder text commonly used in graphic design, publishing, and web development.',
maxLines: 3,
style: TextStyle(
fontSize: 14.0,
overflow: TextOverflow.ellipsis,
fontWeight: FontWeight.w400,
color: AppColors.grey,
),
),
),
),
],
),
Column(
children: [
Padding(
padding: const EdgeInsetsDirectional.only(end: 14, top: 15),
child: Row(
children: [
Text(
FinalCompletionOfDocumentsStrings
.deadlineForCompletionOfDocuments,
style: TextStyle(
fontSize: 12.0,
fontWeight: FontWeight.w400,
color: AppColors.grey80,
),
),
const SizedBox(width: 4),
Container(
width: 87,
height: 20,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(80),
color: AppColors.mainBlue,
),
alignment: Alignment.center,
child: Text(
'2025-06-15',
style: TextStyle(
color: AppColors.white,
fontSize: 14.0,
fontWeight: FontWeight.w400,
),
),
),
],
),
),
const SizedBox(height: 51),
TextButton(
onPressed: () {},
child: const Text(
FinalCompletionOfDocumentsStrings.replyToComment,
style: TextStyle(
fontSize: 14.0,
fontWeight: FontWeight.w500,
color: AppColors.mainBlue,
),
),
),
],
),
],
),
);
}
}
lib/views/shared/main_drop_down.dart
+180
View File
@@ -0,0 +1,180 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:tm_app/core/theme/colors.dart';
import 'package:tm_app/core/utils/size_config.dart';
import '../../core/constants/assets.dart';
class MainDropDown extends StatefulWidget {
const MainDropDown({
required this.onSelect,
required this.items,
required this.text,
super.key,
this.backgroundColor,
this.active = true,
});
final ValueChanged<String> onSelect;
final List<String> items;
final Color? backgroundColor;
final String text;
final bool active;
@override
State<MainDropDown> createState() => _MainDropDownState();
}
class _MainDropDownState extends State<MainDropDown> {
final LayerLink _layerLink = LayerLink();
OverlayEntry? _overlayEntry;
String? selectedItemText;
void _showPopupMenu() {
if (_overlayEntry == null) {
OverlayState? overlayState = Overlay.of(context);
_overlayEntry = _createOverlayEntry();
overlayState.insert(_overlayEntry!);
setState(() {});
} else {
_hidePopupMenu();
}
}
void _hidePopupMenu() {
setState(() {
_overlayEntry?.remove();
_overlayEntry = null;
});
}
@override
Widget build(BuildContext context) {
return _body();
}
Widget _body() {
return CompositedTransformTarget(
link: _layerLink,
child: GestureDetector(
onTap: () {
if (widget.active) {
_showPopupMenu();
} else {
return;
}
},
child: Container(
width: 168.0.w(),
height: 40.0.h(),
decoration: BoxDecoration(
color: widget.backgroundColor ?? Colors.transparent,
borderRadius: BorderRadius.circular(12.0),
border: Border.all(color: AppColors.secondaryborder),
),
child: Row(
children: [
SizedBox(width: 10.0.w()),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: 120.0.w(),
child: Text(
selectedItemText ?? widget.text,
style: TextStyle(
color: AppColors.grey80,
fontSize: 16.0.sp(),
overflow: TextOverflow.ellipsis,
),
),
),
],
),
const Spacer(),
SvgPicture.asset(
_overlayEntry == null
? AssetsManager.arrowDown
: AssetsManager.arrowUp,
),
SizedBox(width: 12.0.w()),
],
),
),
),
);
}
OverlayEntry _createOverlayEntry() {
return OverlayEntry(
builder:
(context) => Positioned(
width: 168.0.w(),
child: CompositedTransformFollower(
link: _layerLink,
showWhenUnlinked: false,
offset: Offset(0, 48.0.h()), // Offset below the TextField
child: _notificationsMessages(),
),
),
);
}
Widget _notificationsMessages() {
return Material(
color: Colors.transparent,
child: Container(
padding: EdgeInsets.symmetric(vertical: 4.0.h()),
decoration: BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.circular(12.0),
border: Border.all(color: AppColors.secondaryborder),
),
child: Column(
children: [
...widget.items.map((String choice) {
return GestureDetector(
onTap: () {
setState(() {
selectedItemText = choice;
widget.onSelect(choice);
});
_hidePopupMenu();
},
child: Column(
children: [
SizedBox(
width: double.maxFinite,
child: Padding(
padding: EdgeInsets.symmetric(
horizontal: 16.0.w(),
vertical: 8.0.h(),
),
child: Text(
choice,
style: TextStyle(
fontSize: 16.0.sp(),
fontWeight: FontWeight.w400,
color: AppColors.grey70,
),
),
),
),
],
),
);
}),
],
),
),
);
}
@override
void dispose() {
_overlayEntry?.remove();
_overlayEntry = null;
super.dispose();
}
}
pubspec.yaml
+2
View File
@@ -29,6 +29,8 @@ dependencies:
toastification: ^3.0.3
pinput: ^5.0.2
path_provider: ^2.1.5
dotted_border: ^3.1.0
file_picker: ^10.3.3
dev_dependencies: