Request and Delegate sheets
tall3at
4 years ago
parent
1e9416c992
commit
22a9b3e818
@ -0,0 +1,165 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/ui/work_list/sheets/selected_item_sheet.dart';
|
||||
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
|
||||
import 'package:mohem_flutter_app/widgets/input_widget.dart';
|
||||
import 'package:mohem_flutter_app/widgets/radio/show_radio.dart';
|
||||
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||
|
||||
class DelegateSheet extends StatelessWidget {
|
||||
TextEditingController username = TextEditingController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
List<String> related = [
|
||||
"Amjad Khan",
|
||||
"Munahi Nasser",
|
||||
];
|
||||
List<String> favorites = [
|
||||
"Amjad Khan",
|
||||
"Muhammad Ahmed",
|
||||
"Majid Ali",
|
||||
"Faris Mahmoud",
|
||||
];
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height - 80,
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(21),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
"Delegate".toText24(),
|
||||
24.height,
|
||||
"Search".toText16(),
|
||||
12.height,
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Name", value: "Name", groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: ShowRadio(
|
||||
title: "User Name",
|
||||
value: "User Name",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Email",
|
||||
value: "Email",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
],
|
||||
),
|
||||
20.height,
|
||||
InputWidget(
|
||||
"Search By Username",
|
||||
"",
|
||||
username,
|
||||
isBackgroundEnable: true,
|
||||
),
|
||||
24.height,
|
||||
"Related".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
itemBuilder: (context, index) {
|
||||
return showItem(context, related[index]);
|
||||
},
|
||||
separatorBuilder: (context, index) {
|
||||
return Container(
|
||||
color: MyColors.borderColor,
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
margin: EdgeInsets.only(top: 8, bottom: 8),
|
||||
);
|
||||
},
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemCount: related.length,
|
||||
padding: EdgeInsets.only(top: 8, bottom: 8),
|
||||
),
|
||||
24.height,
|
||||
"Favorites".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
itemBuilder: (context, index) {
|
||||
return showItem(context, favorites[index],
|
||||
isEnabled: true);
|
||||
},
|
||||
separatorBuilder: (context, index) {
|
||||
return Container(
|
||||
color: MyColors.borderColor,
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
margin: EdgeInsets.only(top: 8, bottom: 8),
|
||||
);
|
||||
},
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemCount: favorites.length,
|
||||
padding: EdgeInsets.only(top: 8, bottom: 8),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
color: MyColors.borderColor,
|
||||
),
|
||||
DefaultButton(
|
||||
"Cancel",
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
textColor: Colors.black,
|
||||
colors: [
|
||||
Color(0xffE6E6E6),
|
||||
Color(0xffE6E6E6),
|
||||
],
|
||||
).insideContainer
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget showItem(BuildContext context, String name, {bool isEnabled = false}) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
showMyBottomSheet(context, child: SelectedItemSheet("Delegate"));
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
CircularAvatar(
|
||||
height: 30,
|
||||
width: 30,
|
||||
),
|
||||
16.width,
|
||||
Expanded(
|
||||
child: name.toText12(),
|
||||
),
|
||||
Icon(
|
||||
Icons.star,
|
||||
size: 16,
|
||||
color: isEnabled ? MyColors.yellowColor : MyColors.borderColor,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,165 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/ui/work_list/sheets/selected_item_sheet.dart';
|
||||
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
|
||||
import 'package:mohem_flutter_app/widgets/input_widget.dart';
|
||||
import 'package:mohem_flutter_app/widgets/radio/show_radio.dart';
|
||||
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||
|
||||
class RequestMoreInfoSheet extends StatelessWidget {
|
||||
TextEditingController username = TextEditingController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
List<String> related = [
|
||||
"Amjad Khan",
|
||||
"Munahi Nasser",
|
||||
];
|
||||
List<String> favorites = [
|
||||
"Amjad Khan",
|
||||
"Muhammad Ahmed",
|
||||
"Majid Ali",
|
||||
"Faris Mahmoud",
|
||||
];
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height - 80,
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(21),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
"Request more info".toText24(),
|
||||
24.height,
|
||||
"Search".toText16(),
|
||||
12.height,
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Name", value: "Name", groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: ShowRadio(
|
||||
title: "User Name",
|
||||
value: "User Name",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Email",
|
||||
value: "Email",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
],
|
||||
),
|
||||
20.height,
|
||||
InputWidget(
|
||||
"Search By Username",
|
||||
"",
|
||||
username,
|
||||
isBackgroundEnable: true,
|
||||
),
|
||||
24.height,
|
||||
"Related".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
itemBuilder: (context, index) {
|
||||
return showItem(context, related[index]);
|
||||
},
|
||||
separatorBuilder: (context, index) {
|
||||
return Container(
|
||||
color: MyColors.borderColor,
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
margin: EdgeInsets.only(top: 8, bottom: 8),
|
||||
);
|
||||
},
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemCount: related.length,
|
||||
padding: EdgeInsets.only(top: 8, bottom: 8),
|
||||
),
|
||||
24.height,
|
||||
"Favorites".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
itemBuilder: (context, index) {
|
||||
return showItem(context, favorites[index],
|
||||
isEnabled: true);
|
||||
},
|
||||
separatorBuilder: (context, index) {
|
||||
return Container(
|
||||
color: MyColors.borderColor,
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
margin: EdgeInsets.only(top: 8, bottom: 8),
|
||||
);
|
||||
},
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemCount: favorites.length,
|
||||
padding: EdgeInsets.only(top: 8, bottom: 8),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
color: MyColors.borderColor,
|
||||
),
|
||||
DefaultButton(
|
||||
"Cancel",
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
textColor: Colors.black,
|
||||
colors: [
|
||||
Color(0xffE6E6E6),
|
||||
Color(0xffE6E6E6),
|
||||
],
|
||||
).insideContainer
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget showItem(BuildContext context, String name, {bool isEnabled = false}) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
showMyBottomSheet(context, child: SelectedItemSheet("Request more info"));
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
CircularAvatar(
|
||||
height: 30,
|
||||
width: 30,
|
||||
),
|
||||
16.width,
|
||||
Expanded(
|
||||
child: name.toText12(),
|
||||
),
|
||||
Icon(
|
||||
Icons.star,
|
||||
size: 16,
|
||||
color: isEnabled ? MyColors.yellowColor : MyColors.borderColor,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,151 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
|
||||
import 'package:mohem_flutter_app/widgets/input_widget.dart';
|
||||
import 'package:mohem_flutter_app/widgets/radio/show_radio.dart';
|
||||
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||
|
||||
class SelectedItemSheet extends StatelessWidget {
|
||||
String title;
|
||||
|
||||
SelectedItemSheet(this.title);
|
||||
|
||||
TextEditingController username = TextEditingController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height - 80,
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(21),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
title.toText24(),
|
||||
24.height,
|
||||
"Search".toText16(),
|
||||
12.height,
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Name", value: "Name", groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: ShowRadio(
|
||||
title: "User Name",
|
||||
value: "User Name",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
Expanded(
|
||||
flex: 2,
|
||||
child: ShowRadio(
|
||||
title: "Email",
|
||||
value: "Email",
|
||||
groupValue: "Name"),
|
||||
),
|
||||
],
|
||||
),
|
||||
20.height,
|
||||
showItem("name"),
|
||||
20.height,
|
||||
InputWidget(
|
||||
"Enter a note",
|
||||
"This is simple note",
|
||||
username,
|
||||
isBackgroundEnable: true,
|
||||
lines: 5,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: 1,
|
||||
color: MyColors.borderColor,
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: DefaultButton(
|
||||
"Cancel",
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
textColor: Colors.black,
|
||||
colors: [
|
||||
Color(0xffE6E6E6),
|
||||
Color(0xffE6E6E6),
|
||||
],
|
||||
),
|
||||
),
|
||||
16.width,
|
||||
Expanded(
|
||||
child: DefaultButton(
|
||||
"Submit",
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
colors: [
|
||||
Color(0xff32D892),
|
||||
Color(0xff1AB170),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
).insideContainer
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget showItem(String name) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
color: Color(0xffF7F7F7),
|
||||
border: Border.all(
|
||||
color: Color(0xffefefef),
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
padding: EdgeInsets.only(top: 16, bottom: 16, left: 21, right: 21),
|
||||
child: Row(
|
||||
children: [
|
||||
CircularAvatar(
|
||||
height: 30,
|
||||
width: 30,
|
||||
),
|
||||
16.width,
|
||||
Expanded(
|
||||
child: name.toText12(),
|
||||
),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.redColor,
|
||||
borderRadius: BorderRadius.all(Radius.circular(100)),
|
||||
),
|
||||
padding: EdgeInsets.all(3),
|
||||
child: Icon(
|
||||
Icons.star,
|
||||
size: 12,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
|
||||
showMyBottomSheet(BuildContext context, {required Widget child}) {
|
||||
showModalBottomSheet<void>(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
backgroundColor: Colors.transparent,
|
||||
builder: (BuildContext context) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.only(
|
||||
topRight: Radius.circular(24),
|
||||
topLeft: Radius.circular(24),
|
||||
),
|
||||
),
|
||||
clipBehavior: Clip.antiAlias,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
8.height,
|
||||
Container(
|
||||
height: 6,
|
||||
width: 60,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.grey[200],
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(20),
|
||||
),
|
||||
),
|
||||
),
|
||||
8.height,
|
||||
child,
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
|
||||
class ShowRadio extends StatelessWidget {
|
||||
String title, value, groupValue;
|
||||
|
||||
ShowRadio(
|
||||
{required this.title, required this.value, required this.groupValue});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
width: 24,
|
||||
height: 24,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.transparent,
|
||||
border: Border.all(color: MyColors.grey98Color, width: 0.5),
|
||||
borderRadius: BorderRadius.all(Radius.circular(100)),
|
||||
),
|
||||
padding: EdgeInsets.all(4),
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
color: value == groupValue ? Colors.black : Colors.transparent,
|
||||
borderRadius: BorderRadius.all(Radius.circular(100)),
|
||||
),
|
||||
),
|
||||
),
|
||||
12.width,
|
||||
title.toText12(isBold: true)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue