kishan.bhuta/Regroup
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

Merge pull request #13 from WDI-Ideas/priyanka

Browse Source 
community tab done.
This commit is contained in:
priyankahadpad
2024-06-05 11:53:44 +05:30
committed by GitHub
parent 2fd7337cec 2a492595fe
commit 80d7e3fe07
18 changed files with 859 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/png/BottomBar/ActiveCal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 853 B

BIN
assets/images/png/BottomBar/ActiveChat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
assets/images/png/BottomBar/activeGroup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
assets/images/png/BottomBar/inactiveHome.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

8
lib/Common/CommonBottomNavigationBar.dart
View File

@@ -54,7 +54,7 @@ GlassmorphicContainer bottomnavigationbar(MainController _mainController) {
items: [
BottomNavigationBarItem(
icon: Image.asset(
'assets/images/png/BottomBar/ActiveHome.png',
'assets/images/png/BottomBar/inactiveHome.png',
height: 26.h,
width: 26.w,
),
@@ -154,7 +154,7 @@ GlassmorphicContainer bottomnavigationbar(MainController _mainController) {
bottom: 0,
child: Center(
child: Image.asset(
'assets/images/png/BottomBar/inactiveGroup.png',
'assets/images/png/BottomBar/activeGroup.png',
height: 30.h,
width: 30.w,
),
@@ -208,7 +208,7 @@ GlassmorphicContainer bottomnavigationbar(MainController _mainController) {
bottom: 0,
child: Center(
child: Image.asset(
'assets/images/png/BottomBar/inactiveCal.png',
'assets/images/png/BottomBar/ActiveCal.png',
height: 28.h,
width: 28.w,
),
@@ -262,7 +262,7 @@ GlassmorphicContainer bottomnavigationbar(MainController _mainController) {
bottom: 0,
child: Center(
child: Image.asset(
'assets/images/png/BottomBar/inactiveChat.png',
'assets/images/png/BottomBar/ActiveChat.png',
height: 28.h,
width: 28.w,
),

279
lib/Common/CommonDropDown.dart
View File

@@ -179,19 +179,14 @@ class CommonDropdownradioBtn extends StatefulWidget {
const CommonDropdownradioBtn({
required this.hint,
required this.items,
this.isEnabled = true,
this.islocation = false,
this.textcolor = false,
this.onItemSelected,
bool showAddButton = false,
super.key,
});
final String hint;
final List<String>? items;
final void Function(String)? onItemSelected;
final bool isEnabled;
final bool islocation;
final bool textcolor;
@override
@@ -203,161 +198,147 @@ class _CommonDropdownradioBtnState extends State<CommonDropdownradioBtn> {
@override
Widget build(BuildContext context) {
return DropdownButtonHideUnderline(
child: Row(
children: [
widget.islocation
? Padding(
padding: EdgeInsets.only(left: 4.w),
child: SvgPicture.asset("assets/svg/location.svg"),
)
: SizedBox(),
Expanded(
child: DropdownButton2(
isExpanded: true,
hint: Obx(() {
return Row(
children: [
Expanded(
child: Text(
selectedValue.isEmpty
? widget.hint
: selectedValue.value,
child: DropdownButton2(
isExpanded: true,
hint: Obx(() {
return Row(
children: [
Expanded(
child: Text(
selectedValue.isEmpty ? widget.hint : selectedValue.value,
style: TextStyle(
fontSize: 12.sp,
fontFamily: 'hiragino',
color: Colors.white,
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
),
),
],
);
}),
items: widget.items!.asMap().entries.map((entry) {
int index = entry.key;
String item = entry.value;
return DropdownMenuItem<String>(
value: item,
child: Column(
children: [
InkWell(
onTap: () {
selectedValue.value = item;
if (widget.onItemSelected != null) {
widget.onItemSelected!(item);
}
},
child: Row(
children: [
Obx(() {
return Radio<String>(
value: item,
activeColor: Colors.white,
groupValue: selectedValue.value,
onChanged: (value) {
selectedValue.value = value!;
if (widget.onItemSelected != null) {
widget.onItemSelected!(value);
}
},
);
}),
SizedBox(width: 8.w),
Text(
item,
style: TextStyle(
fontSize: 12.sp,
fontFamily: 'hiragino',
color: Colors.white,
fontSize: 16.sp,
fontFamily: 'hiragino',
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
),
),
],
);
}),
items: widget.items!.asMap().entries.map((entry) {
int index = entry.key;
String item = entry.value;
return DropdownMenuItem<String>(
value: item,
child: Column(
children: [
InkWell(
onTap: () {
selectedValue.value = item;
if (widget.onItemSelected != null) {
widget.onItemSelected!(item);
}
},
child: Row(
children: [
Obx(() {
return Radio<String>(
value: item,
activeColor: Colors.white,
groupValue: selectedValue.value,
onChanged: (value) {
selectedValue.value = value!;
if (widget.onItemSelected != null) {
widget.onItemSelected!(value);
}
},
);
}),
SizedBox(width: 8.w),
Text(
item,
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontFamily: 'hiragino',
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
),
],
),
),
if (index != widget.items!.length - 1) commonDivider(),
],
),
);
}).toList(),
value: null,
onChanged: (value) {},
selectedItemBuilder: (BuildContext context) {
return widget.items!.map((item) {
return Row(
children: [
Expanded(
child: Obx(() {
return Text(
selectedValue.value,
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontFamily: 'hiragino',
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
);
}),
),
],
);
}).toList();
},
buttonStyleData: ButtonStyleData(
height: 50.h,
width: double.infinity,
padding: EdgeInsets.only(left: 12.w, right: 4.w),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFffffff).withOpacity(0.8),
Color(0xFFFFFFFF).withOpacity(0.8),
],
stops: [0.1, 1],
),
borderRadius: BorderRadius.circular(30.r),
border: Border.all(
color: Color(0xff434A53),
),
color: Color(0xFFFFFFFF).withOpacity(0.05),
),
elevation: 0,
),
iconStyleData: IconStyleData(
icon: Icon(
Icons.keyboard_arrow_down,
),
iconSize: 23.sp,
iconEnabledColor: Color(0xFFFFFFFF),
iconDisabledColor: Color(0xFFFFFFFF),
),
dropdownStyleData: DropdownStyleData(
maxHeight: 200,
width: 400,
padding: null,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30),
color: Color(0xFF222935),
),
elevation: 0,
scrollbarTheme: ScrollbarThemeData(
radius: const Radius.circular(40),
thickness: MaterialStateProperty.all<double>(6),
thumbVisibility: MaterialStateProperty.all<bool>(true),
),
),
menuItemStyleData: const MenuItemStyleData(
height: 50,
padding: EdgeInsets.only(left: 14, right: 14),
),
if (index != widget.items!.length - 1) commonDivider(),
],
),
);
}).toList(),
value: null,
onChanged: (value) {},
selectedItemBuilder: (BuildContext context) {
return widget.items!.map((item) {
return Row(
children: [
Expanded(
child: Obx(() {
return Text(
selectedValue.value,
style: TextStyle(
color: Colors.white,
fontSize: 16.sp,
fontFamily: 'hiragino',
fontWeight: FontWeight.w500,
),
overflow: TextOverflow.ellipsis,
);
}),
),
],
);
}).toList();
},
buttonStyleData: ButtonStyleData(
height: 50.h,
width: double.infinity,
padding: EdgeInsets.only(left: 12.w, right: 4.w),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFffffff).withOpacity(0.8),
Color(0xFFFFFFFF).withOpacity(0.8),
],
stops: [0.1, 1],
),
borderRadius: BorderRadius.circular(30.r),
border: Border.all(
color: Color(0xff434A53),
),
color: Color(0xFFFFFFFF).withOpacity(0.05),
),
],
elevation: 0,
),
iconStyleData: IconStyleData(
icon: Icon(
Icons.keyboard_arrow_down,
),
iconSize: 23.sp,
iconEnabledColor: Color(0xFFFFFFFF),
iconDisabledColor: Color(0xFFFFFFFF),
),
dropdownStyleData: DropdownStyleData(
maxHeight: 200,
width: 400,
padding: null,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30),
color: Color(0xFF222935),
),
elevation: 0,
scrollbarTheme: ScrollbarThemeData(
radius: const Radius.circular(40),
thickness: MaterialStateProperty.all<double>(6),
thumbVisibility: MaterialStateProperty.all<bool>(true),
),
),
menuItemStyleData: const MenuItemStyleData(
height: 50,
padding: EdgeInsets.only(left: 14, right: 14),
),
),
);
}

4
lib/Common/CommonWidget.dart
View File

@@ -137,12 +137,10 @@ Widget commonDivider() {
);
}
String extractFileName(String filePath) {
return path.basename(filePath);
}
Widget stackContainers({
required String number,
required List<String> containerImages,
@@ -222,6 +220,8 @@ Widget stackReaction({
width: 30.w,
height: 30.h,
borderradius: 100,
opacity1: 0.05,
opacity2: 0.06,
customWidget: Center(
child: Image.asset(
containerImages[index],

8
lib/Feed Module/Main_Screens/Community/Community.dart
View File

@@ -382,9 +382,11 @@ Widget normalcardtile({
]),
Spacer(),
commonGlassContainer(
border: 0.9,
border: 0.43,
width: 30.w,
height: 30.h,
opacity1: 0.05,
opacity2: 0.06,
borderradius: 100,
customWidget: Center(
child: ReactionButton<String>(
@@ -409,10 +411,12 @@ Widget normalcardtile({
text14w400_FCFCFC('20'),
sizedBoxWidth(20.w),
commonGlassContainer(
border: 0.9,
border: 0.43,
width: 30.w,
height: 30.h,
borderradius: 100,
opacity1: 0.05,
opacity2: 0.06,
customWidget: Center(
child: ReactionButton<String>(
itemSize: Size.fromHeight(20),

6
lib/Feed Module/sidemenu/Community/Admin/PopupItem/Community settings/CommunitySetting.dart
View File

@@ -45,7 +45,11 @@ class _CommunitySettingState extends State<CommunitySetting> {
},
child: rowTile(text: 'Manage members')),
commonDivider(),
rowTile(text: 'Manage groups'),
GestureDetector(
onTap: () {
Get.toNamed(RouteName.managegroups);
},
child: rowTile(text: 'Manage groups')),
commonDivider(),
GestureDetector(
onTap: () {

194
lib/Feed Module/sidemenu/Community/Admin/PopupItem/Community settings/ManageGroup.dart Normal file
View File

@@ -0,0 +1,194 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:regroup/Common/CommonGlassmorphism.dart';
import 'package:regroup/Common/CommonWidget.dart';
import 'package:regroup/Common/controller/CommonTextFormField.dart';
import 'package:regroup/Utils/Common/CommonAppbar.dart';
import 'package:regroup/Utils/Common/blureffect.dart';
import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';
class ManageGroups extends StatefulWidget {
const ManageGroups({super.key});
@override
State<ManageGroups> createState() => _ManageGroupsState();
}
class _ManageGroupsState extends State<ManageGroups> {
List groupData = [
{
"imagePath": "assets/images/png/img45.png",
"title": "Iron titans fitness crew",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/Rectangle 25.png",
"title": "Body blitz brigade",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/img2.png",
"title": "Fit fusion squad",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/img2.png",
"title": "Power pulse posse",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/img2.png",
"title": "Wellness warriors collective",
"subtitle": "Lorem ipsum dummy text",
},
];
@override
Widget build(BuildContext context) {
return Scaffold(
// key: _scaffoldKey1,
backgroundColor: Color(0xFF222935),
extendBody: true,
appBar: CommonAppbar(
titleTxt: "Manage groups",
),
body: Stack(children: [
const CommonBlurLeftRed(),
const CommonBlurRightRed(),
const CommonBlurLeft(),
const CommonBlurRight(),
Positioned.fill(
child: SingleChildScrollView(
child: Column(children: [
Padding(
padding: EdgeInsets.symmetric(horizontal: 16.w),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
sizedBoxHeight(20.h),
CustomTextFormField(
leadingIcon: SizedBox(
height: 23,
width: 23,
child: Center(
child: Image.asset(
"assets/images/png/ion_search-outline.png",
height: 23,
width: 23,
),
),
),
hintText: "Search groups",
),
sizedBoxHeight(25.h),
Row(
children: [
commonGlassContainer(
opacity1: 0.24,
opacity2: 0.24,
width: 50.w,
height: 50.h,
borderradius: 100,
customWidget: Center(
child: Image.asset(
"assets/images/png/Black.png",
height: 30.h,
width: 30.w,
)),
border: 0.5),
sizedBoxWidth(8.w),
text18w400_FCFCFC("Create group"),
Spacer(),
Icon(
Icons.arrow_forward_ios_outlined,
color: Colors.white,
size: 14.sp,
),
],
),
sizedBoxHeight(25.h),
Row(
children: [
commonGlassContainer(
opacity1: 0.24,
opacity2: 0.24,
width: 50.w,
height: 50.h,
borderradius: 100,
customWidget: Center(
child: Icon(
Icons.add,
color: Colors.white,
weight: 1.4.w,
size: 25.sp,
)),
border: 0.5),
sizedBoxWidth(8.w),
text18w400_FCFCFC("Add existing groups"),
Spacer(),
Icon(
Icons.arrow_forward_ios_outlined,
color: Colors.white,
size: 14.sp,
),
],
),
sizedBoxHeight(30.h),
text18w700white("Groups"),
sizedBoxHeight(20.h),
]),
),
ListView.builder(
shrinkWrap: true,
itemCount: groupData.length,
itemBuilder: (context, index) {
return Column(
children: [
groupWidget(
imagePath: groupData[index]["imagePath"],
title: groupData[index]["title"],
subtitle: groupData[index]["subtitle"]),
commonDivider(),
],
);
},
)
]),
))
]));
}
}
Widget groupWidget({
required String imagePath,
required String title,
required String subtitle,
}) {
return Padding(
padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
child: Row(
children: [
CircleAvatar(
backgroundImage: AssetImage(imagePath),
radius: 20.r,
),
sizedBoxWidth(10.w),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
text16w400_FCFCFC(title),
sizedBoxHeight(4.h),
text12w400_FCFCFC_blur(subtitle)
],
),
Spacer(),
Icon(
Icons.clear,
color: Color(0xFFFFFFFF),
weight: 1.88,
)
],
),
);
}

2
lib/Feed Module/sidemenu/Community/Admin/PopupItem/Community settings/ManageTags.dart/ManageTags.dart
View File

@@ -93,7 +93,7 @@ class _ManageTagsState extends State<ManageTags> {
}
Widget tagsTab() {
List tags = ['Cycle', 'Sports', 'Fitness', 'Kayaking' 'Sports club'];
List tags = ['Cycle', 'Sports', 'Fitness', 'Kayaking', 'Sports club'];
return Column(
children: [
sizedBoxHeight(25.h),

201
lib/Feed Module/sidemenu/Community/MyCommunity/AddGroups.dart Normal file
View File

@@ -0,0 +1,201 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:regroup/Common/CommonButton.dart';
import 'package:regroup/Common/CommonGlassmorphism.dart';
import 'package:regroup/Common/CommonWidget.dart';
import 'package:regroup/Common/controller/CommonTextFormField.dart';
import 'package:regroup/Utils/Common/CommonAppbar.dart';
import 'package:regroup/Utils/Common/blureffect.dart';
import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';
import 'package:regroup/resources/routes/route_name.dart';
class AddGroup extends StatefulWidget {
const AddGroup({super.key});
@override
State<AddGroup> createState() => _AddGroupState();
}
class _AddGroupState extends State<AddGroup> {
List<bool> isCheckedList = [false, false, false, false];
List groupData = [
{
"imagePath": "assets/images/png/img45.png",
"title": "Iron titans fitness crew",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/Rectangle 25.png",
"title": "Body blitz brigade",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/img2.png",
"title": "Fit fusion squad",
"subtitle": "Lorem ipsum dummy text",
},
{
"imagePath": "assets/images/png/img2.png",
"title": "Power pulse posse",
"subtitle": "Lorem ipsum dummy text",
},
];
@override
Widget build(BuildContext context) {
return Scaffold(
// key: _scaffoldKey1,
backgroundColor: Color(0xFF222935),
extendBody: true,
appBar: CommonAppbar(
titleTxt: "Add groups",
),
body: Stack(children: [
const CommonBlurLeftRed(),
const CommonBlurRightRed(),
const CommonBlurLeft(),
const CommonBlurRight(),
Positioned.fill(
child: SingleChildScrollView(
child: Column(children: [
Padding(
padding: EdgeInsets.symmetric(horizontal: 16.w),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
sizedBoxHeight(20.h),
CustomTextFormField(
leadingIcon: SizedBox(
height: 23,
width: 23,
child: Center(
child: Image.asset(
"assets/images/png/ion_search-outline.png",
height: 23,
width: 23,
),
),
),
hintText: "Search groups",
),
sizedBoxHeight(25.h),
Row(
children: [
commonGlassContainer(
opacity1: 0.24,
opacity2: 0.24,
width: 50.w,
height: 50.h,
borderradius: 100,
customWidget: Center(
child: Image.asset(
"assets/images/png/Black.png",
height: 30.h,
width: 30.w,
)),
border: 0.5),
sizedBoxWidth(8.w),
text18w400_FCFCFC("Create group"),
Spacer(),
Icon(
Icons.arrow_forward_ios_outlined,
color: Colors.white,
size: 14.sp,
),
],
),
sizedBoxHeight(25.h),
sizedBoxHeight(30.h),
text18w700white("Existing Groups"),
sizedBoxHeight(20.h),
]),
),
ListView.builder(
shrinkWrap: true,
itemCount: groupData.length,
itemBuilder: (context, index) {
return Column(
children: [
groupWidget(
index: index,
imagePath: groupData[index]["imagePath"],
title: groupData[index]["title"],
subtitle: groupData[index]["subtitle"],
isChecked: isCheckedList[index],
onCheckedChanged: (bool? value) {
setState(() {
isCheckedList[index] = value ?? false;
});
},
),
commonDivider(),
],
);
},
),
sizedBoxHeight(50.h),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: CommonBtn(
text: "Add",
onTap: () {
Get.toNamed(RouteName.mycommunity);
},
),
),
]),
))
]));
}
Widget groupWidget({
required int index,
required String imagePath,
required String title,
required String subtitle,
required bool isChecked,
required ValueChanged<bool?> onCheckedChanged,
}) {
return Padding(
padding: EdgeInsets.symmetric(vertical: 16.h, horizontal: 16.w),
child: Row(
children: [
CircleAvatar(
backgroundImage: AssetImage(imagePath),
radius: 20.r,
),
sizedBoxWidth(10.w),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
text16w400_FCFCFC(title),
sizedBoxHeight(4.h),
text12w400_FCFCFC_blur(subtitle),
],
),
Spacer(),
commonGlassContainer(
border: 1,
borderradius: 2,
height: 23.h,
width: 23.w,
opacity1: 0.24,
opacity2: 0.24,
customWidget: Transform.scale(
scale: 1.4,
child: Checkbox(
side: BorderSide(color: Color(0xFF434A53)),
value: isChecked,
activeColor: Colors.transparent,
checkColor: Colors.white,
onChanged: onCheckedChanged,
),
),
),
],
),
);
}
}

129
lib/Feed Module/sidemenu/Community/MyCommunity/NewCommunity.dart Normal file
View File

@@ -0,0 +1,129 @@
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:regroup/Common/CommonButton.dart';
import 'package:regroup/Common/CommonDropDown.dart';
import 'package:regroup/Common/CommonGlassmorphism.dart';
import 'package:regroup/Common/controller/CommonTextFormField.dart';
import 'package:regroup/Utils/Common/CommonAppbar.dart';
import 'package:regroup/Utils/Common/CommonDropdown.dart';
import 'package:regroup/Utils/Common/blureffect.dart';
import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';
import 'package:regroup/resources/routes/route_name.dart';
class NewCommunity extends StatefulWidget {
const NewCommunity({super.key});
@override
State<NewCommunity> createState() => _NewCommunityState();
}
class _NewCommunityState extends State<NewCommunity> {
@override
Widget build(BuildContext context) {
return Scaffold(
// key: _scaffoldKey1,
backgroundColor: Color(0xFF222935),
extendBody: true,
appBar: CommonAppbar(
titleTxt: "New community",
),
body: Stack(children: [
const CommonBlurLeftRed(),
const CommonBlurRightRed(),
const CommonBlurLeft(),
const CommonBlurRight(),
Positioned.fill(
child: SingleChildScrollView(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 16.w),
child:
Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
sizedBoxHeight(20.h),
Center(
child: commonGlassContainer(
width: 95.w,
height: 95.h,
borderradius: 100,
opacity1: 0.24,
opacity2: 0.24,
customWidget: Center(
child: Image.asset(
"assets/images/png/cameraicon2.png",
height: 30.h,
width: 30.w,
),
),
border: 0.5),
),
sizedBoxHeight(20.h),
Center(child: text16w400_white("Add community profile picture")),
sizedBoxHeight(30.h),
text16w400_FCFCFC("Banner image"),
sizedBoxHeight(15.h),
commonGlassContainer(
border: 0.9,
width: double.infinity,
height: 130.h,
borderradius: 10.r,
customWidget: Padding(
padding: EdgeInsets.symmetric(vertical: 16.h),
child: Column(
children: [
Image.asset(
"assets/images/png/bi_download.png",
height: 36.h,
width: 36.w,
),
sizedBoxHeight(10.h),
text14w400white('Upload banner image'),
sizedBoxHeight(8.h),
text8w400_8A8A8A(
"Allowed file extensions: jpg, png, gif Max file size: 10 MB"),
],
),
),
),
sizedBoxHeight(25.h),
text16w400_FCFCFC("Community name*"),
sizedBoxHeight(15.h),
CustomTextFormField(),
sizedBoxHeight(25.h),
text16w400_FCFCFC("Type of community*"),
sizedBoxHeight(15.h),
CommonDropdownradioBtn(
hint: '', items: ['Public', 'Private', 'Secret']),
sizedBoxHeight(25.h),
text16w400_FCFCFC("Location*"),
sizedBoxHeight(15.h),
CommonDropdownradioBtn(
// showOther: true,
hint: '',
items: ['Public', 'Private', 'Secret']),
sizedBoxHeight(25.h),
text16w400_FCFCFC("Primary activity*"),
sizedBoxHeight(15.h),
CustomDropDownWidgetSignup(
header: 'Primary activity',
title: 'ss',
listData: ['Public', 'Private', 'Secret'],
onItemSelected: (p0) => {},
leadingImage: SizedBox()),
CommonDropdownBtn(
hint: '', items: ['Public', 'Private', 'Secret']),
sizedBoxHeight(25.h),
sizedBoxHeight(25.h),
CommonBtn(
text: "Create community",
onTap: () {
Get.toNamed(RouteName.addgroup);
},
),
sizedBoxHeight(25.h),
sizedBoxHeight(25.h),
]),
)))
]));
}
}

199
lib/Feed Module/sidemenu/Community/MyCommunity/View/CommunityDetails.dart
View File

@@ -211,6 +211,8 @@ class _CommunityDetailsState extends State<CommunityDetails> {
width: 35.w,
height: 35.h,
borderradius: 100,
opacity1: 0.24,
opacity2: 0.24,
customWidget: Center(
child: Image.asset(
"assets/images/png/img12.png",
@@ -258,7 +260,7 @@ class _CommunityDetailsState extends State<CommunityDetails> {
sizedBoxHeight(20.h),
GestureDetector(
onTap: () {
Get.toNamed(RouteName.group);
Get.toNamed(RouteName.addgroup);
},
child: commonGlassContainer(
width: double.infinity,
@@ -374,7 +376,17 @@ class _CommunityDetailsState extends State<CommunityDetails> {
return Column(
children: [
sizedBoxHeight(20.h),
normalcardtile(),
normalcardtile(
profileImg: 'assets/images/png/Ellipse 43.png',
title: 'Edward Hackket',
mainImg: 'assets/images/png/Rectangle 24.png',
containerTitle: [
'Cycle',
'Marathon',
'Events',
'Marathon',
'Events'
]),
],
);
}
@@ -385,14 +397,23 @@ class _CommunityDetailsState extends State<CommunityDetails> {
);
}
Widget normalcardtile() {
final List<String> titles = [
'Race',
'Swimming',
'Events',
'Swimming',
'Events',
];
Widget normalcardtile({
required String profileImg,
required String title,
required String mainImg,
required List<String> containerTitle,
}) {
var mainImage = 'assets/images/png/uiw_like-o.png'.obs;
void updateImage(String reaction) {
if (reaction == 'like') {
mainImage.value = 'assets/images/png/f7_hand-thumbsup.png';
} else if (reaction == 'heart') {
mainImage.value = 'assets/images/png/heart 2.png';
} else if (reaction == 'party') {
mainImage.value = 'assets/images/png/party-popper 2.png';
}
}
return Column(
children: [
sizedBoxHeight(25.h),
@@ -402,14 +423,14 @@ class _CommunityDetailsState extends State<CommunityDetails> {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
CircleAvatar(
foregroundImage: AssetImage('assets/images/png/Ellipse 43.png'),
foregroundImage: AssetImage(profileImg),
radius: 25.r,
),
sizedBoxWidth(12.w),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
text16w400_FCFCFC('Edward Hackket'),
text16w400_FCFCFC(title),
sizedBoxHeight(5.h),
Row(
children: [
@@ -520,7 +541,7 @@ class _CommunityDetailsState extends State<CommunityDetails> {
],
child: Image.asset(
'assets/images/png/Group 1000004071.png',
width: 4.w,
width: 16.w,
height: 18.h,
),
),
@@ -533,7 +554,14 @@ class _CommunityDetailsState extends State<CommunityDetails> {
onTap: () {
Get.toNamed(RouteName.postdetailsScreen);
},
child: Image.asset('assets/images/png/Rectangle 22.png')),
child: Container(
height: 163.h,
width: double.infinity,
child: Image.asset(
mainImg,
fit: BoxFit.cover,
),
)),
sizedBoxHeight(20.h),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16.w),
@@ -543,7 +571,7 @@ class _CommunityDetailsState extends State<CommunityDetails> {
child: ListView.builder(
scrollDirection: Axis.horizontal,
shrinkWrap: true,
itemCount: titles.length,
itemCount: containerTitle.length,
itemBuilder: (context, index) {
return Padding(
padding: EdgeInsets.only(right: 12.w),
@@ -551,7 +579,7 @@ class _CommunityDetailsState extends State<CommunityDetails> {
onTap: () {
Get.toNamed(RouteName.cyclescreen);
},
child: containertile(text: titles[index])),
child: containertile(text: containerTitle[index])),
);
},
),
@@ -560,11 +588,18 @@ class _CommunityDetailsState extends State<CommunityDetails> {
text16w400_FCFCFC(
"Lorem Ipsum has been the industry's standard dummy text ever since the 1500s . . ."),
Row(children: [
stackReaction(number: '20', containerImages: [
'assets/images/png/f7_hand-thumbsup.png',
'assets/images/png/heart 2.png',
'assets/images/png/party-popper 2.png'
]),
Spacer(),
commonGlassContainer(
border: 0.9,
border: 0.43,
width: 30.w,
height: 30.h,
opacity1: 0.05,
opacity2: 0.06,
borderradius: 100,
customWidget: Center(
child: ReactionButton<String>(
@@ -589,10 +624,12 @@ class _CommunityDetailsState extends State<CommunityDetails> {
text14w400_FCFCFC('20'),
sizedBoxWidth(20.w),
commonGlassContainer(
border: 0.9,
border: 0.43,
width: 30.w,
height: 30.h,
borderradius: 100,
opacity1: 0.05,
opacity2: 0.06,
customWidget: Center(
child: ReactionButton<String>(
itemSize: Size.fromHeight(20),
@@ -627,63 +664,58 @@ class _CommunityDetailsState extends State<CommunityDetails> {
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ReactionButton<String>(
onReactionChanged: (reaction) {
debugPrint(
'Selected value: ${reaction?.value}');
},
reactions: <Reaction<String>?>[
Reaction<String>(
Obx(() {
return ReactionButton<String>(
onReactionChanged: (reaction) {
updateImage(reaction?.value ?? 'like');
debugPrint(
'Selected value: ${reaction?.value}');
},
reactions: <Reaction<String>?>[
Reaction<String>(
value: 'like',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/f7_hand-thumbsup.png'),
icon: _buildReactionsIcon(
'assets/images/png/f7_hand-thumbsup.png'),
),
Reaction<String>(
value: 'heart',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/heart 2.png'),
icon: _buildReactionsIcon(
'assets/images/png/heart 2.png'),
),
Reaction<String>(
value: 'party',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/party-popper 2.png'),
icon: _buildReactionsIcon(
'assets/images/png/party-popper 2.png'),
),
],
selectedReaction: Reaction<String>(
value: 'like',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/f7_hand-thumbsup.png'),
icon: _buildReactionsIcon(
'assets/images/png/f7_hand-thumbsup.png'),
),
Reaction<String>(
value: 'heart',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/heart 2.png'),
icon: _buildReactionsIcon(
'assets/images/png/heart 2.png'),
),
Reaction<String>(
value: 'party',
previewIcon: _buildReactionsPreviewIcon(
'assets/images/png/party-popper 2.png'),
icon: _buildReactionsIcon(
'assets/images/png/party-popper 2.png'),
),
// Add more reactions here if needed
],
placeholder: Reaction<String>(
value: 'like',
icon: _buildReactionsIcon(
'assets/images/png/f7_hand-thumbsup.png'),
),
selectedReaction: Reaction<String>(
value: 'like',
icon: _buildReactionsIcon(
'assets/images/png/f7_hand-thumbsup.png'),
),
boxColor: Colors.white,
boxElevation: 5,
boxRadius: 50,
itemsSpacing: 8,
itemScale: 0.3,
itemSize: Size(40.w, 40.h),
boxPadding: EdgeInsets.all(4),
boxAnimationDuration: Duration(milliseconds: 200),
itemAnimationDuration:
Duration(milliseconds: 100),
hoverDuration: Duration(milliseconds: 400),
toggle: false,
direction: ReactionsBoxAlignment.ltr,
child: _buildReactionsIcon(
'assets/images/png/uiw_like-o.png',
),
),
boxColor: Colors.white,
boxElevation: 5,
boxRadius: 50,
itemsSpacing: 8,
itemScale: 0.3,
itemSize: Size(40.0, 40.0),
boxPadding: EdgeInsets.all(4),
boxAnimationDuration:
Duration(milliseconds: 200),
itemAnimationDuration:
Duration(milliseconds: 100),
hoverDuration: Duration(milliseconds: 400),
toggle: false,
direction: ReactionsBoxAlignment.ltr,
child: _buildReactionsIcon(mainImage.value),
);
})
],
),
],
@@ -692,16 +724,21 @@ class _CommunityDetailsState extends State<CommunityDetails> {
text11w400_FCFCFC('Like')
],
),
Column(
children: [
Image.asset(
'assets/images/png/Vector.png',
height: 19.h,
width: 19.w,
),
sizedBoxHeight(8.h),
text11w400_FCFCFC('Comment')
],
GestureDetector(
onTap: () {
Get.toNamed(RouteName.postdetailsScreen);
},
child: Column(
children: [
Image.asset(
'assets/images/png/Vector.png',
height: 19.h,
width: 19.w,
),
sizedBoxHeight(8.h),
text11w400_FCFCFC('Comment')
],
),
),
Column(
children: [

41
lib/Feed Module/sidemenu/Community/MyCommunity/View/MyCommunity.dart
View File

@@ -53,22 +53,28 @@ class _MyCommunityState extends State<MyCommunity> {
titleTxt: "My Community",
customActionWidget: Row(
children: [
Container(
height: 30.h,
width: 30.w,
decoration: BoxDecoration(
color: Color(0xFFD90B2E),
boxShadow: [
BoxShadow(
color: Color(0xFF000000).withOpacity(0.25),
offset: Offset(0, 6),
blurRadius: 8,
),
],
shape: BoxShape.circle),
child: Icon(
Icons.add,
color: Colors.white,
GestureDetector(
onTap: () {
Get.toNamed(RouteName.newcommunity);
},
child: Container(
height: 30.h,
width: 30.w,
decoration: BoxDecoration(
color: Color(0xFFD90B2E),
boxShadow: [
BoxShadow(
color: Color(0x40000000),
offset: Offset(0, 6),
blurRadius: 8,
spreadRadius: 0,
),
],
shape: BoxShape.circle),
child: Icon(
Icons.add,
color: Colors.white,
),
),
),
sizedBoxWidth(12.w),
@@ -179,6 +185,8 @@ class _MyCommunityState extends State<MyCommunity> {
width: 30.w,
height: 30.h,
borderradius: 100.r,
opacity1: 0.24,
opacity2: 0.24,
customWidget: Center(
child: Image.asset(
"assets/images/png/Black.png",
@@ -308,5 +316,4 @@ class _MyCommunityState extends State<MyCommunity> {
),
);
}
}

12
lib/Utils/texts.dart
View File

@@ -177,6 +177,18 @@ Widget text16w400white(String text, {TextAlign? textAlign}) {
),
);
}
Widget text18w700white(String text, {TextAlign? textAlign}) {
return Text(
text,
textAlign: textAlign,
style: TextStyle(
fontSize: 18.sp,
fontFamily: 'Helvetica',
fontWeight: FontWeight.w700,
color: AppColors.white,
),
);
}
Widget text14w400white(String text, {TextAlign? textAlign}) {
return Text(

8
lib/resources/routes/route_name.dart
View File

@@ -16,13 +16,10 @@ class RouteName {
static const String communitycommitscreen = '/communitycommitscreen';
static const String signupendpage = '/signupendpage';
static const String businessletusunderstandstep1 = '/businessletusunderstand';
static const String businessSelectgroupstep2 = '/businessselectgroup';
static const String businessSelectcommunitystep3 = '/businessselectcommunity';
static const String communityScreen = '/communityScreen';
static const String mainscreen = '/mainscreen';
static const String sidemenu = '/sidemenu';
@@ -42,4 +39,9 @@ class RouteName {
static const String newannouncement = '/newannouncement';
static const String announcementrequest = '/announcementrequest';
static const String managemembers = '/managemembers';
static const String managegroups = '/managegroups';
static const String addgroup = '/addgroup';
static const String newcommunity = '/newcommunity';
}

45
lib/resources/routes/routes.dart
View File

@@ -1,11 +1,14 @@
import 'package:get/get_navigation/src/routes/get_route.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Admin/PopupItem/Community%20settings/CommunitySetting.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Admin/PopupItem/Community%20settings/EditCommunity/EditCommunity.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Admin/PopupItem/Community%20settings/ManageGroup.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Admin/PopupItem/Community%20settings/ManageTags.dart/ManageTags.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Admin/PopupItem/Community%20settings/ManageTags.dart/NewTag/NewTag.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Announcements/AnnouncementRequest.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Announcements/ManageMembers.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/Announcements/NewAnnouncement/NewAnnounceent.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/MyCommunity/AddGroups.dart';
import 'package:regroup/Feed%20Module/sidemenu/Community/MyCommunity/NewCommunity.dart';
import 'package:regroup/Login/View/loginscreen.dart';
@@ -122,46 +125,43 @@ class AppRoutes {
name: RouteName.group,
page: () => const Group(),
),
GetPage(
GetPage(
name: RouteName.individualprofilestep1,
page: () => const SelectIndividualProfile(),
),
GetPage(
GetPage(
name: RouteName.individualactivitystep2,
page: () => const SelectIndividualActivity(),
),
GetPage(
GetPage(
name: RouteName.individualgroupstep3,
page: () => const SelectIndividualGroup(),
),
GetPage(
GetPage(
name: RouteName.individualcommunitystep4,
page: () => const SelectIndividualCommunity(),
),
GetPage(
GetPage(
name: RouteName.communitycommitscreen,
page: () => const Communitycommitment(),
),
GetPage(
GetPage(
name: RouteName.signupendpage,
page: () => const SignupendPage(),
),
GetPage(
GetPage(
name: RouteName.businessletusunderstandstep1,
page: () => const LetusUnderstand(),
),
GetPage(
GetPage(
name: RouteName.businessSelectgroupstep2,
page: () => const SelectgroupStep2(),
),
GetPage(
GetPage(
name: RouteName.businessSelectcommunitystep3,
page: () => const SelectBusinessCommunity(),
),
GetPage(
GetPage(
name: RouteName.communitysetting,
page: () => const CommunitySetting(),
),
@@ -177,18 +177,29 @@ class AppRoutes {
name: RouteName.newtag,
page: () => const NewTag(),
),
GetPage(
GetPage(
name: RouteName.newannouncement,
page: () => const NewAnnouncement(),
),
GetPage(
GetPage(
name: RouteName.announcementrequest,
page: () => const AnnouncementRequest(),
),
GetPage(
GetPage(
name: RouteName.managemembers,
page: () => const ManageMembers(),
),
GetPage(
name: RouteName.managegroups,
page: () => const ManageGroups(),
),
GetPage(
name: RouteName.addgroup,
page: () => const AddGroup(),
),
GetPage(
name: RouteName.newcommunity,
page: () => const NewCommunity(),
),
];
}