This commit is contained in:
Hamza-Ayed
2023-09-11 19:12:33 +03:00
parent a626915f45
commit 8b0b5e9cef
10 changed files with 556 additions and 275 deletions

View File

@@ -7,7 +7,10 @@
<string>YOUR_API_KEY</string> <string>YOUR_API_KEY</string>
<key>NSLocationWhenInUseUsageDescription</key> <key>NSLocationWhenInUseUsageDescription</key>
<string>Your location is required to provide relevant information.</string> <string>Your location is required to provide relevant information.</string>
<key>NSCameraUsageDescription</key>
<string>Sefer app requires access to your camera in order to scan QR codes and capture images for uploading.</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>Sefer app needs access to your location to provide you with accurate directions and location-based services.</string>
<key>CFBundleDevelopmentRegion</key> <key>CFBundleDevelopmentRegion</key>
<string>$(DEVELOPMENT_LANGUAGE)</string> <string>$(DEVELOPMENT_LANGUAGE)</string>

View File

@@ -9,6 +9,7 @@ import 'package:ride/constant/style.dart';
import 'package:ride/controller/functions/crud.dart'; import 'package:ride/controller/functions/crud.dart';
import 'package:ride/controller/functions/launch.dart'; import 'package:ride/controller/functions/launch.dart';
import 'package:ride/controller/functions/toast.dart'; import 'package:ride/controller/functions/toast.dart';
import 'package:ride/controller/home/map_page_controller.dart';
import 'package:ride/views/home/profile/promos_passenger_page.dart'; import 'package:ride/views/home/profile/promos_passenger_page.dart';
import 'package:ride/views/widgets/elevated_btn.dart'; import 'package:ride/views/widgets/elevated_btn.dart';
@@ -101,11 +102,13 @@ class FirebasMessagesController extends GetxController {
FirebaseMessaging.onMessage.listen((RemoteMessage message) { FirebaseMessaging.onMessage.listen((RemoteMessage message) {
if (message.data.isNotEmpty) { if (message.data.isNotEmpty) {
if (message.notification!.title!.contains('Order')) { if (message.notification!.title!.contains('Order')) {
var myListString = message.data['myList']; var myListString = message.data['DriverList'];
print(myListString);
print('9999999999999myListString999999999999999');
var myList = jsonDecode(myListString) as List<dynamic>; var myList = jsonDecode(myListString) as List<dynamic>;
Get.to(() => const OrderRequestPage(), arguments: { Get.to(() => OrderRequestPage(), arguments: {
'myListString': myListString, 'myListString': myListString,
'myList': myList, 'DriverList': myList,
'body': message.notification!.body 'body': message.notification!.body
}); });
// Get.defaultDialog( // Get.defaultDialog(
@@ -199,6 +202,25 @@ class FirebasMessagesController extends GetxController {
// ) // )
// ], // ],
// )); // ));
} else if (message.notification!.title!.contains('Apply Ride')) {
// MapController().rideConfirm = true;
var passengerList = message.data['passengerList'];
print(passengerList);
print('9999999999999my Apply Ride 999999999999999');
var myList = jsonDecode(passengerList) as List<dynamic>;
Get.defaultDialog(
barrierDismissible: false,
title: message.notification!.title.toString(),
content: Row(
children: [Text(myList[1].toString())],
),
confirm: MyElevatedButton(
title: 'Ok',
onPressed: () {
// MapController().rideConfirm = true;
},
));
} else if (message.notification!.title!.contains('Promo')) { } else if (message.notification!.title!.contains('Promo')) {
Get.to(const PromosPassengerPage()); Get.to(const PromosPassengerPage());
} }
@@ -381,35 +403,58 @@ class FirebasMessagesController extends GetxController {
// } // }
// } // }
// void sendNotificationDriverId(String title, body, token) async { void sendNotificanToPassengerToken(
// http String title, body, token, List<String> map) async {
// .post(Uri.parse('https://fcm.googleapis.com/fcm/send'), try {
// headers: <String, String>{ final response = await http.post(
// 'Content-Type': 'application/json', Uri.parse('https://fcm.googleapis.com/fcm/send'),
// 'Authorization': 'key=${AppCredintials.serverAPI}' headers: <String, String>{
// }, 'Content-Type': 'application/json',
// body: jsonEncode({ 'Authorization': 'key=${AppCredintials.serverAPI}'
// 'notification': <String, dynamic>{ },
// 'title': title, body: jsonEncode({
// 'body': body, 'notification': <String, dynamic>{
// 'sound': 'true' 'title': title,
// }, 'body': body,
// 'priority': 'high', 'sound': 'true'
// 'data': <String, dynamic>{ },
// 'click_action': 'FLUTTER_NOTIFICATION_CLICK', 'data': {
// 'id': '1', 'passengerList': map,
// 'status': 'done' },
// }, 'priority': 'high',
// 'to': token, 'to': token,
// })) }),
// .whenComplete(() {}) );
// .catchError((e) {
// print('sendNotification() error: $e');
// });
// }
void sendNotificationDriverId(String title, body, strin1, strin2, strin3, if (response.statusCode == 200) {
strin4, strin5, strin6, string7, string8, token) async { // Notification sent successfully
print('Notification sent successfully');
} else {
// Handle error response
print(
'Failed to send notification. Status code: ${response.statusCode}');
}
} catch (e) {
// Handle other exceptions
print('sendNotification() error: $e');
}
}
void sendNotificationToDriverId(
String title,
body,
strin1,
strin2,
strin3,
strin4,
strin5,
strin6,
string7,
string8,
passengerName,
passengertoken,
passengerPhone,
token) async {
http http
.post(Uri.parse('https://fcm.googleapis.com/fcm/send'), .post(Uri.parse('https://fcm.googleapis.com/fcm/send'),
headers: <String, String>{ headers: <String, String>{
@@ -431,7 +476,10 @@ class FirebasMessagesController extends GetxController {
strin5, strin5,
strin6, strin6,
string7, string7,
string8 string8,
passengerName,
passengertoken,
passengerPhone
]), ]),
}, },
'priority': 'high', 'priority': 'high',
@@ -442,4 +490,41 @@ class FirebasMessagesController extends GetxController {
print('sendNotification() error: $e'); print('sendNotification() error: $e');
}); });
} }
void sendNotificationToDriverMAP(
String title, String body, String token, List<String> data) async {
try {
final response = await http.post(
Uri.parse('https://fcm.googleapis.com/fcm/send'),
headers: <String, String>{
'Content-Type': 'application/json',
'Authorization': 'key=${AppCredintials.serverAPI}'
},
body: jsonEncode({
'notification': <String, dynamic>{
'title': title,
'body': body,
'sound': 'true'
},
'data': {
'DriverList': data,
},
'priority': 'high',
'to': token,
}),
);
if (response.statusCode == 200) {
// Notification sent successfully
print('Notification sent successfully');
} else {
// Handle error response
print(
'Failed to send notification. Status code: ${response.statusCode}');
}
} catch (e) {
// Handle other exceptions
print('sendNotification() error: $e');
}
}
} }

View File

@@ -50,6 +50,7 @@ class CRUD {
}, },
); );
print(response.request); print(response.request);
print(payload);
var jsonData = jsonDecode(response.body); var jsonData = jsonDecode(response.body);
if (response.statusCode == 200) { if (response.statusCode == 200) {

View File

@@ -31,8 +31,8 @@ class LocationController extends GetxController {
await CRUD().post(link: AppLink.addCarsLocationByPassenger, payload: { await CRUD().post(link: AppLink.addCarsLocationByPassenger, payload: {
'driver_id': box.read(BoxName.driverID).toString(), 'driver_id': box.read(BoxName.driverID).toString(),
'latitude': mylocation!.latitude.toString(), 'latitude': mylocation.latitude.toString(),
'longitude': mylocation!.longitude.toString(), 'longitude': mylocation.longitude.toString(),
}); });
}); });
} }

View File

@@ -0,0 +1,42 @@
import 'package:get/get.dart';
import 'package:ride/constant/links.dart';
import '../../functions/crud.dart';
class TimerController extends GetxController {
double progress = 0;
int duration = 25;
int remainingTime = 0;
@override
void onInit() {
startTimer();
super.onInit();
}
void startTimer() async {
for (int i = 0; i <= duration; i++) {
await Future.delayed(const Duration(seconds: 1));
progress = i / duration;
remainingTime = duration - i;
update();
}
timerEnded();
}
void refuseOrder(String driverID, orderID) async {
await CRUD().postFromDialogue(link: AppLink.addDriverOrder, payload: {
'driver_id': driverID,
// box.read(BoxName.driverID).toString(),
'order_id': orderID,
'status': 'Refused'
});
Get.back();
}
void timerEnded() async {
print('Timer ended');
// refuseOrder();
}
}

View File

@@ -126,12 +126,12 @@ class MapController extends GetxController {
} }
changeConfirmRide() async { changeConfirmRide() async {
rideConfirm = true; // rideConfirm = true;
print('rideConfirm= $rideConfirm'); // update();
// print('rideConfirm= $rideConfirm');
await getCarsLocationByPassenger();
await CRUD().post(link: AppLink.addRides, payload: { await CRUD().post(link: AppLink.addRides, payload: {
"start_location": '${data[0]['start_address']}', "start_location": '${data[0]['start_address']}',
// '${data[0]["start_location"]['lat']},${data[0]["start_location"]['lng']}', // '${data[0]["start_location"]['lat']},${data[0]["start_location"]['lng']}',
"end_location": '${data[0]['end_address']}', "end_location": '${data[0]['end_address']}',
// '${data[0]["end_location"]['lat']},${data[0]["end_location"]['lng']}', // '${data[0]["end_location"]['lat']},${data[0]["end_location"]['lng']}',
@@ -147,6 +147,7 @@ class MapController extends GetxController {
"distance": distance.toString() "distance": distance.toString()
}).then((value) { }).then((value) {
// print(jsonDecode(value)['message']); // print(jsonDecode(value)['message']);
// List<String> body = [
List<String> body = [ List<String> body = [
// '${data[0]['start_address']}', // '${data[0]['start_address']}',
// '${data[0]['end_address']}', // '${data[0]['end_address']}',
@@ -157,21 +158,37 @@ class MapController extends GetxController {
duration.toString(), duration.toString(),
distance.toString(), distance.toString(),
dataCarsLocationByPassenger['message'][0]['id'].toString(), dataCarsLocationByPassenger['message'][0]['id'].toString(),
box.read(BoxName.pasengerID).toString() box.read(BoxName.pasengerID).toString(),
box.read(BoxName.name).toString(),
box.read(BoxName.tokenFCM).toString(),
box.read(BoxName.phone).toString(),
duratioByPassenger.toString(),
distanceByPassenger.toString(),
]; ];
FirebasMessagesController().sendNotificationDriverId( FirebasMessagesController().sendNotificationToDriverMAP(
'Order', 'Order',
jsonDecode(value)['message'].toString(), jsonDecode(value)['message'].toString(),
body[0], dataCarsLocationByPassenger['message'][0]['token'].toString(),
body[1], body,
body[2],
body[3],
body[4],
body[5],
body[6],
body[7],
box.read(BoxName.tokenFCM).toString(), //TODO change to Driver
); );
// FirebasMessagesController().sendNotificationToDriverId(
// 'Order',
// jsonDecode(value)['message'].toString(),
// body[0],
// body[1],
// body[2],
// body[3],
// body[4],
// body[5],
// body[6],
// body[7],
// body[8],
// body[9],
// body[10],
// dataCarsLocationByPassenger['message'][0]['token'].toString(),
// );
print(dataCarsLocationByPassenger);
print(dataCarsLocationByPassenger['message'][0]['token'].toString());
}); });
update(); update();
@@ -372,7 +389,7 @@ class MapController extends GetxController {
LatLngBounds calculateBounds( LatLngBounds calculateBounds(
double centerLat, double centerLng, double radius) { double centerLat, double centerLng, double radius) {
double radius = 2000; // 10 km in meters double radius = 4000; // 10 km in meters
southwest = LatLng( southwest = LatLng(
centerLat - (radius / 111000), centerLat - (radius / 111000),
@@ -449,6 +466,7 @@ class MapController extends GetxController {
} }
String duratioByPassenger = ''; String duratioByPassenger = '';
String distanceByPassenger = '';
void getNearestDriverByPassengerLocation() async { void getNearestDriverByPassengerLocation() async {
if (polylines.isEmpty || data.isEmpty) { if (polylines.isEmpty || data.isEmpty) {
double nearestDistance = double.infinity; double nearestDistance = double.infinity;
@@ -471,7 +489,7 @@ class MapController extends GetxController {
// longitude: double.parse(carLocation['longitude']), // longitude: double.parse(carLocation['longitude']),
// ); // );
// } // }
isloading = true; // isloading = true;
update(); update();
// Make API request to get exact distance and duration // Make API request to get exact distance and duration
String apiUrl = String apiUrl =
@@ -481,6 +499,8 @@ class MapController extends GetxController {
var data = response; var data = response;
// Extract distance and duration from the response and handle accordingly // Extract distance and duration from the response and handle accordingly
int distance1 = data['rows'][0]['elements'][0]['distance']['value']; int distance1 = data['rows'][0]['elements'][0]['distance']['value'];
distanceByPassenger =
data['rows'][0]['elements'][0]['distance']['text'];
duration1 = data['rows'][0]['elements'][0]['duration']['value']; duration1 = data['rows'][0]['elements'][0]['duration']['value'];
duratioByPassenger = duratioByPassenger =
data['rows'][0]['elements'][0]['duration']['text']; data['rows'][0]['elements'][0]['duration']['text'];
@@ -495,7 +515,7 @@ class MapController extends GetxController {
latitude: double.parse(carLocation['latitude']), latitude: double.parse(carLocation['latitude']),
longitude: double.parse(carLocation['longitude']), longitude: double.parse(carLocation['longitude']),
); );
isloading = false; // isloading = false;
update(); update();
} }
} }

View File

@@ -76,7 +76,7 @@ class MyApp extends StatelessWidget {
: box.read(BoxName.email) != null : box.read(BoxName.email) != null
? const MapPage() ? const MapPage()
: box.read(BoxName.emailDriver) == null : box.read(BoxName.emailDriver) == null
? LoginCaptin() ? LoginPage()
: const HomeCaptin()); : const HomeCaptin());
} }
} }

View File

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart'; import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:ride/constant/colors.dart'; import 'package:ride/constant/colors.dart';
import 'package:ride/constant/style.dart';
import 'package:ride/controller/home/map_page_controller.dart'; import 'package:ride/controller/home/map_page_controller.dart';
import 'package:ride/views/home/map_widget.dart/cancel_raide_page.dart'; import 'package:ride/views/home/map_widget.dart/cancel_raide_page.dart';
import 'package:ride/views/widgets/mycircular.dart'; import 'package:ride/views/widgets/mycircular.dart';
@@ -53,7 +54,8 @@ class MapPage extends StatelessWidget {
// ), // ),
// ), // ),
body: Stack( body: SafeArea(
child: Stack(
children: [ children: [
GetBuilder<MapController>( GetBuilder<MapController>(
builder: (controller) => controller.isloading builder: (controller) => controller.isloading
@@ -68,7 +70,8 @@ class MapPage extends StatelessWidget {
title: 'Are you want to go to this site'.tr, title: 'Are you want to go to this site'.tr,
content: Column( content: Column(
children: [ children: [
Text('${argument.latitude},${argument.longitude}'), Text(
'${argument.latitude},${argument.longitude}'),
], ],
), ),
onConfirm: () async { onConfirm: () async {
@@ -160,8 +163,9 @@ class MapPage extends StatelessWidget {
// radius: 60, // radius: 60,
// fillColor: AppColor.primaryColor,) // fillColor: AppColor.primaryColor,)
// }, // },
mapType: mapType: controller.mapType
controller.mapType ? MapType.satellite : MapType.normal, ? MapType.satellite
: MapType.normal,
myLocationButtonEnabled: true, myLocationButtonEnabled: true,
// liteModeEnabled: true, tiltGesturesEnabled: false, // liteModeEnabled: true, tiltGesturesEnabled: false,
@@ -232,6 +236,32 @@ class MapPage extends StatelessWidget {
const MapMenuWidget(), const MapMenuWidget(),
const MenuIconMapPageWidget(), const MenuIconMapPageWidget(),
buttomSheetMapPage(), buttomSheetMapPage(),
GetBuilder<MapController>(
builder: ((controller) => controller.rideConfirm
? Positioned(
top: Get.height * .2,
left: Get.width * .2,
right: Get.width * .2,
child: AnimatedContainer(
duration: const Duration(microseconds: 300),
height: 350,
width: 200,
decoration: BoxDecoration(
border: Border.all(),
color: AppColor.secondaryColor,
borderRadius: BorderRadius.circular(15)),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
'Waiting for Captin ...'.tr,
style: AppStyle.title,
),
],
),
),
)
: const SizedBox())),
cancelRidePage(), cancelRidePage(),
GetBuilder<MapController>( GetBuilder<MapController>(
builder: (controller) => controller.data.isNotEmpty builder: (controller) => controller.data.isNotEmpty
@@ -252,6 +282,7 @@ class MapPage extends StatelessWidget {
const PaymentMethodPage() const PaymentMethodPage()
], ],
), ),
),
); );
} }
} }

View File

@@ -76,12 +76,12 @@ class MainBottomMenuMap extends StatelessWidget {
animatedTexts: [ animatedTexts: [
ScaleAnimatedText( ScaleAnimatedText(
'${'Where to'.tr} ${box.read(BoxName.name)}'), '${'Where to'.tr} ${box.read(BoxName.name)}'),
WavyAnimatedText( // WavyAnimatedText(
'${'Where to'.tr} ${box.read(BoxName.name)}'), // '${'Where to'.tr} ${box.read(BoxName.name)}'),
FlickerAnimatedText( // FlickerAnimatedText(
'${'Where to'.tr} ${box.read(BoxName.name)}'), // '${'Where to'.tr} ${box.read(BoxName.name)}'),
WavyAnimatedText( // WavyAnimatedText(
'${'Where to'.tr} ${box.read(BoxName.name)}'), // '${'Where to'.tr} ${box.read(BoxName.name)}'),
], ],
isRepeatingAnimation: true, isRepeatingAnimation: true,
onTap: () { onTap: () {

View File

@@ -1,5 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:ride/constant/box_name.dart';
import 'package:ride/controller/firebase/firbase_messge.dart';
import 'package:ride/main.dart';
import 'package:ride/views/widgets/my_scafold.dart'; import 'package:ride/views/widgets/my_scafold.dart';
import '../../constant/colors.dart'; import '../../constant/colors.dart';
@@ -7,17 +10,19 @@ import '../../constant/links.dart';
import '../../constant/style.dart'; import '../../constant/style.dart';
import '../../controller/functions/crud.dart'; import '../../controller/functions/crud.dart';
import '../../controller/functions/launch.dart'; import '../../controller/functions/launch.dart';
import '../../controller/home/captin/order_request_controller.dart';
import '../widgets/elevated_btn.dart'; import '../widgets/elevated_btn.dart';
class OrderRequestPage extends StatelessWidget { class OrderRequestPage extends StatelessWidget {
const OrderRequestPage({super.key}); OrderRequestPage({super.key});
TimerController timerController = Get.put(TimerController());
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final arguments = Get.arguments; final arguments = Get.arguments;
final myListString = arguments['myListString']; final myListString = arguments['myListString'];
final myList = arguments['myList']; final myList = arguments['DriverList'];
final body = arguments['body']; final body = arguments['body'];
return MyScafolld( return MyScafolld(
title: 'Order Request Page', title: 'Order Request Page',
body: [ body: [
@@ -40,34 +45,98 @@ class OrderRequestPage extends StatelessWidget {
Padding( Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Text( child: RichText(
'Tatal From Passenger is '.tr + text: TextSpan(
double.parse(myList[2]).toStringAsFixed(2), text: 'Passenger Name is '.tr,
style: AppStyle.title, style: AppStyle.title,
children: [
TextSpan(text: myList[8], style: AppStyle.headtitle2),
],
),
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Text( child: RichText(
'Tatal For You is '.tr + text: TextSpan(
double.parse(myList[3]).toStringAsFixed(2), text: 'Tatal From Passenger is '.tr,
style: AppStyle.title, style: AppStyle.title,
children: [
TextSpan(
text: double.parse(myList[2]).toStringAsFixed(2),
style: AppStyle.headtitle2),
],
),
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Text( child: RichText(
'Distance is '.tr + myList[5].toString() + ' KM'.tr, text: TextSpan(
text: 'Duration To Passenger is '.tr,
style: AppStyle.title, style: AppStyle.title,
children: [
TextSpan(
text: myList[11].toString(),
style: AppStyle.headtitle2),
],
),
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),
child: Text( child: RichText(
'Duration of Trip is '.tr + text: TextSpan(
myList[4].toString() + text: 'Distance To Passenger is '.tr,
' Minutes'.tr,
style: AppStyle.title, style: AppStyle.title,
children: [
TextSpan(
text: myList[12].toString(),
style: AppStyle.headtitle2),
],
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: RichText(
text: TextSpan(
text: 'Tatal For You is '.tr,
style: AppStyle.title,
children: [
TextSpan(
text: double.parse(myList[3]).toStringAsFixed(2),
style: AppStyle.headtitle2),
],
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: RichText(
text: TextSpan(
text: 'Distance is '.tr,
style: AppStyle.title,
children: [
TextSpan(
text: myList[5].toString(),
style: AppStyle.headtitle2),
TextSpan(text: ' KM'.tr, style: AppStyle.title),
]),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: RichText(
text: TextSpan(
text: 'Duration of Trip is '.tr,
style: AppStyle.title,
children: [
TextSpan(
text: myList[4].toString(),
style: AppStyle.headtitle2),
TextSpan(text: ' Minutes'.tr, style: AppStyle.title),
]),
), ),
), ),
Padding( Padding(
@@ -86,19 +155,49 @@ class OrderRequestPage extends StatelessWidget {
'order_id': body.toString(), 'order_id': body.toString(),
'status': 'Apply' 'status': 'Apply'
}); });
// Get.back();
List<String> bodyToPassenger = [
box.read(BoxName.driverID).toString(),
box.read(BoxName.nameDriver).toString(),
box.read(BoxName.tokenDriver).toString(),
];
print(bodyToPassenger);
FirebasMessagesController()
.sendNotificanToPassengerToken(
'Apply Ride',
arguments['DriverList'][9].toString(),
arguments['DriverList'][9].toString(),
// box.read(BoxName.tokenDriver).toString(),
bodyToPassenger,
);
},
),
GetBuilder<TimerController>(
builder: (timerController) {
final isNearEnd = timerController.remainingTime <=
5; // Define a threshold for "near end"
return Stack(
alignment: Alignment.center,
children: [
CircularProgressIndicator(
value: timerController.progress,
// Set the color based on the "isNearEnd" condition
color: isNearEnd ? Colors.red : Colors.blue,
),
Text(
'${timerController.remainingTime}',
style: AppStyle.number,
),
],
);
}, },
), ),
MyElevatedButton( MyElevatedButton(
title: 'Refuse Order'.tr, title: 'Refuse Order'.tr,
onPressed: () async { onPressed: () async {
await CRUD().postFromDialogue( timerController.refuseOrder(
link: AppLink.addDriverOrder, myList[6].toString(), body.toString());
payload: {
'driver_id': myList[6].toString(),
// box.read(BoxName.driverID).toString(),
'order_id': body.toString(),
'status': 'Refused'
});
}, },
kolor: AppColor.redColor, kolor: AppColor.redColor,
), ),