Merge branch 'master' into development_haroon
# Conflicts: # lib/classes/consts.dart # lib/widgets/app_bar_widget.dartfatima
haroon amjad
2 years ago
commit
03c488c663
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="21.279" height="22.831" viewBox="0 0 21.279 22.831">
|
||||
<path id="Path_4751" data-name="Path 4751" d="M19.767,15.891c-1.379-1.18-2.779-1.894-4.141-.716l-.813.712c-.6.517-1.7,2.931-5.98-1.99S7.1,8.215,7.7,7.7l.818-.713c1.355-1.181.844-2.667-.134-4.2l-.59-.927C6.809.34,5.739-.662,4.381.517l-.734.642A6.892,6.892,0,0,0,.96,5.719c-.49,3.241,1.056,6.953,4.6,11.026s7,6.121,10.281,6.085a6.91,6.91,0,0,0,4.888-2.024l.737-.642c1.355-1.178.513-2.377-.867-3.559Z" transform="translate(-0.872 0)" fill="#2bb8a6"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 557 B |
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="27.826" height="17.898" viewBox="0 0 27.826 17.898">
|
||||
<g id="video-call" transform="translate(-10 -18)">
|
||||
<rect id="Rectangle_17475" data-name="Rectangle 17475" width="21.057" height="17.898" rx="3" transform="translate(10 18)" fill="#2bb8a6"/>
|
||||
<path id="Path_4752" data-name="Path 4752" d="M50.692,21.633V34.282a.635.635,0,0,1-.316.55.622.622,0,0,1-.316.082.638.638,0,0,1-.316-.082L45,32.1V23.815l4.743-2.732a.66.66,0,0,1,.632,0A.635.635,0,0,1,50.692,21.633Z" transform="translate(-12.866 -1.104)" fill="#2bb8a6"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 585 B |
@ -0,0 +1,37 @@
|
||||
//
|
||||
// Generated file. Do not edit.
|
||||
//
|
||||
|
||||
// ignore_for_file: directives_ordering
|
||||
// ignore_for_file: lines_longer_than_80_chars
|
||||
// ignore_for_file: depend_on_referenced_packages
|
||||
|
||||
import 'package:file_picker/_internal/file_picker_web.dart';
|
||||
import 'package:firebase_core_web/firebase_core_web.dart';
|
||||
import 'package:firebase_messaging_web/firebase_messaging_web.dart';
|
||||
import 'package:fluttertoast/fluttertoast_web.dart';
|
||||
import 'package:geolocator_web/geolocator_web.dart';
|
||||
import 'package:google_maps_flutter_web/google_maps_flutter_web.dart';
|
||||
import 'package:image_picker_for_web/image_picker_for_web.dart';
|
||||
import 'package:shared_preferences_web/shared_preferences_web.dart';
|
||||
import 'package:url_launcher_web/url_launcher_web.dart';
|
||||
import 'package:video_player_web/video_player_web.dart';
|
||||
import 'package:wakelock_web/wakelock_web.dart';
|
||||
|
||||
import 'package:flutter_web_plugins/flutter_web_plugins.dart';
|
||||
|
||||
// ignore: public_member_api_docs
|
||||
void registerPlugins(Registrar registrar) {
|
||||
FilePickerWeb.registerWith(registrar);
|
||||
FirebaseCoreWeb.registerWith(registrar);
|
||||
FirebaseMessagingWeb.registerWith(registrar);
|
||||
FluttertoastWebPlugin.registerWith(registrar);
|
||||
GeolocatorPlugin.registerWith(registrar);
|
||||
GoogleMapsPlugin.registerWith(registrar);
|
||||
ImagePickerPlugin.registerWith(registrar);
|
||||
SharedPreferencesPlugin.registerWith(registrar);
|
||||
UrlLauncherPlugin.registerWith(registrar);
|
||||
VideoPlayerPlugin.registerWith(registrar);
|
||||
WakelockWeb.registerWith(registrar);
|
||||
registrar.registerMessageHandler();
|
||||
}
|
||||
@ -0,0 +1,117 @@
|
||||
class IncomingCallData {
|
||||
String? callerID;
|
||||
String? receiverID;
|
||||
String? msgID;
|
||||
String? notfID;
|
||||
String? notificationForeground;
|
||||
String? count;
|
||||
String? message;
|
||||
String? appointmentNo;
|
||||
String? title;
|
||||
String? projectID;
|
||||
String? notificationType;
|
||||
String? background;
|
||||
String? doctorname;
|
||||
String? clinicname;
|
||||
String? speciality;
|
||||
String? appointmentdate;
|
||||
String? appointmenttime;
|
||||
String? type;
|
||||
String? sessionId;
|
||||
String? identity;
|
||||
String? name;
|
||||
String? videoUrl;
|
||||
String? picture;
|
||||
String? token;
|
||||
String? isCall;
|
||||
String? sound;
|
||||
String? server;
|
||||
String? isWebRTC;
|
||||
|
||||
IncomingCallData(
|
||||
{this.msgID,
|
||||
this.notfID,
|
||||
this.notificationForeground,
|
||||
this.count,
|
||||
this.message,
|
||||
this.appointmentNo,
|
||||
this.title,
|
||||
this.projectID,
|
||||
this.notificationType,
|
||||
this.background,
|
||||
this.doctorname,
|
||||
this.clinicname,
|
||||
this.speciality,
|
||||
this.appointmentdate,
|
||||
this.appointmenttime,
|
||||
this.type,
|
||||
this.sessionId,
|
||||
this.identity,
|
||||
this.name,
|
||||
this.videoUrl,
|
||||
this.picture,
|
||||
this.isCall,
|
||||
this.sound});
|
||||
|
||||
IncomingCallData.fromJson(Map<String, dynamic> json) {
|
||||
callerID = json['callerID'];
|
||||
receiverID = json['PatientID'];
|
||||
msgID = json['msgID'];
|
||||
notfID = json['notfID'];
|
||||
notificationForeground = json['notification_foreground'];
|
||||
count = json['count'];
|
||||
message = json['message'];
|
||||
appointmentNo = json['AppointmentNo'];
|
||||
title = json['title'];
|
||||
projectID = json['ProjectID'];
|
||||
notificationType = json['NotificationType'];
|
||||
background = json['background'];
|
||||
doctorname = json['doctorname'];
|
||||
clinicname = json['clinicname'];
|
||||
speciality = json['speciality'];
|
||||
appointmentdate = json['appointmentdate'];
|
||||
appointmenttime = json['appointmenttime'];
|
||||
type = json['type'];
|
||||
sessionId = json['session_id'];
|
||||
token = json['token'];
|
||||
identity = json['identity'];
|
||||
name = json['name'];
|
||||
videoUrl = json['videoUrl'];
|
||||
picture = json['picture'];
|
||||
isCall = json['is_call'];
|
||||
sound = json['sound'];
|
||||
server = json['server'];
|
||||
isWebRTC = json['is_webrtc'] ?? "true";
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
Map<String, dynamic> data = Map<String, dynamic>();
|
||||
data['msgID'] = this.msgID;
|
||||
data['notfID'] = this.notfID;
|
||||
data['notification_foreground'] = this.notificationForeground;
|
||||
data['count'] = this.count;
|
||||
data['message'] = this.message;
|
||||
data['AppointmentNo'] = this.appointmentNo;
|
||||
data['title'] = this.title;
|
||||
data['ProjectID'] = this.projectID;
|
||||
data['NotificationType'] = this.notificationType;
|
||||
data['background'] = this.background;
|
||||
data['doctorname'] = this.doctorname;
|
||||
data['clinicname'] = this.clinicname;
|
||||
data['speciality'] = this.speciality;
|
||||
data['appointmentdate'] = this.appointmentdate;
|
||||
data['appointmenttime'] = this.appointmenttime;
|
||||
data['type'] = this.type;
|
||||
data['session_id'] = this.sessionId;
|
||||
data['token'] = this.token;
|
||||
data['identity'] = this.identity;
|
||||
data['name'] = this.name;
|
||||
data['videoUrl'] = this.videoUrl;
|
||||
data['picture'] = this.picture;
|
||||
data['is_call'] = this.isCall;
|
||||
data['sound'] = this.sound;
|
||||
data['server'] = this.server;
|
||||
data['is_webrtc'] = this.isWebRTC;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import 'dart:convert';
|
||||
|
||||
ChatUnreadCovnCountModel chatUnreadCovnCountModelFromJson(String str) => ChatUnreadCovnCountModel.fromJson(json.decode(str));
|
||||
|
||||
String chatUnreadCovnCountModelToJson(ChatUnreadCovnCountModel data) => json.encode(data.toJson());
|
||||
|
||||
class ChatUnreadCovnCountModel {
|
||||
ChatUnreadCovnCountModel({
|
||||
this.singleChatCount,
|
||||
this.groupChatCount,
|
||||
});
|
||||
|
||||
int? singleChatCount;
|
||||
int? groupChatCount;
|
||||
|
||||
factory ChatUnreadCovnCountModel.fromJson(Map<String, dynamic> json) => ChatUnreadCovnCountModel(
|
||||
singleChatCount: json["singleChatCount"] == null ? null : json["singleChatCount"],
|
||||
groupChatCount: json["groupChatCount"] == null ? null : json["groupChatCount"],
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"singleChatCount": singleChatCount == null ? null : singleChatCount,
|
||||
"groupChatCount": groupChatCount == null ? null : groupChatCount,
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,379 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:camera/camera.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/call.dart';
|
||||
|
||||
class IncomingCall extends StatefulWidget {
|
||||
IncomingCallData incomingCallData;
|
||||
bool? isVideoCall;
|
||||
|
||||
IncomingCall({Key? key, required this.incomingCallData, this.isVideoCall}) : super(key: key);
|
||||
|
||||
@override
|
||||
_IncomingCallState createState() => _IncomingCallState();
|
||||
}
|
||||
|
||||
class _IncomingCallState extends State<IncomingCall> with SingleTickerProviderStateMixin {
|
||||
AnimationController? _animationController;
|
||||
CameraController? _controller;
|
||||
Future<void>? _initializeControllerFuture;
|
||||
bool isCameraReady = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_animationController = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(
|
||||
milliseconds: 500,
|
||||
),
|
||||
);
|
||||
//_runAnimation();
|
||||
// connectSignaling();
|
||||
WidgetsBinding.instance.addPostFrameCallback(
|
||||
(_) => _runAnimation(),
|
||||
);
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: FutureBuilder<void>(
|
||||
future: _initializeControllerFuture,
|
||||
builder: (BuildContext context, AsyncSnapshot<void> snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.done) {
|
||||
return Stack(
|
||||
alignment: FractionalOffset.center,
|
||||
children: <Widget>[
|
||||
if (widget.isVideoCall!)
|
||||
Positioned.fill(
|
||||
child: AspectRatio(
|
||||
aspectRatio: _controller!.value.aspectRatio,
|
||||
child: CameraPreview(
|
||||
_controller!,
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned.fill(
|
||||
child: ClipRect(
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.grey57Color.withOpacity(
|
||||
0.7,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: const EdgeInsets.all(21.0),
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Image.asset(
|
||||
"assets/images/logos/main_mohemm_logo.png",
|
||||
height: 70,
|
||||
width: 70,
|
||||
),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(
|
||||
left: 10.0,
|
||||
right: 10.0,
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: const <Widget>[
|
||||
Text(
|
||||
"Aamir Saleem Ahmad",
|
||||
style: TextStyle(
|
||||
fontSize: 21,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -1.26,
|
||||
height: 23 / 12,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Calling...",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(
|
||||
0xffC6C6C6,
|
||||
),
|
||||
letterSpacing: -0.48,
|
||||
height: 23 / 24,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Container(
|
||||
// margin: const EdgeInsets.all(21.0),
|
||||
// width: MediaQuery.of(context).size.width,
|
||||
// decoration: cardRadius(15.0, color: MyColors.black, elevation: null),
|
||||
// child: Column(
|
||||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||||
// mainAxisSize: MainAxisSize.min,
|
||||
// children: [
|
||||
// Container(
|
||||
// padding: const EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 6.0),
|
||||
// child: Text(
|
||||
// "TranslationBase.of(context).appoInfo",
|
||||
// style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: MyColors.white, letterSpacing: -0.64, height: 23 / 12),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0),
|
||||
// child: Text(
|
||||
// "widget.incomingCallData.appointmentdate + widget.incomingCallData.appointmenttime",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0, bottom: 21.0),
|
||||
// child: Text(
|
||||
// "widget.incomingCallData.clinicname",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
const Spacer(),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(
|
||||
bottom: 70.0,
|
||||
left: 49,
|
||||
right: 49,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
RotationTransition(
|
||||
turns: Tween(
|
||||
begin: 0.0,
|
||||
end: -.1,
|
||||
)
|
||||
.chain(
|
||||
CurveTween(
|
||||
curve: Curves.elasticIn,
|
||||
),
|
||||
)
|
||||
.animate(
|
||||
_animationController!,
|
||||
),
|
||||
child: RawMaterialButton(
|
||||
onPressed: () {
|
||||
_submit();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.green2DColor,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
onPressed: () {
|
||||
backToHome();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.redA3Color,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call_end,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
} else {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _runAnimation() async {
|
||||
List<CameraDescription> cameras = await availableCameras();
|
||||
CameraDescription firstCamera = cameras[1];
|
||||
_controller = CameraController(
|
||||
firstCamera,
|
||||
ResolutionPreset.medium,
|
||||
);
|
||||
_initializeControllerFuture = _controller!.initialize();
|
||||
setState(() {});
|
||||
// setAudioFile();
|
||||
for (int i = 0; i < 100; i++) {
|
||||
await _animationController!.forward();
|
||||
await _animationController!.reverse();
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _submit() async {
|
||||
try {
|
||||
// backToHome();
|
||||
// final roomModel = RoomModel(name: widget.incomingCallData.name, token: widget.incomingCallData.sessionId, identity: widget.incomingCallData.identity);
|
||||
await _controller?.dispose();
|
||||
|
||||
// changeCallStatusAPI(4);
|
||||
|
||||
// if (_session != null && _signaling != null) {
|
||||
// await Navigator.of(context).pushReplacement(
|
||||
// MaterialPageRoute(
|
||||
// // fullscreenDialog: true,
|
||||
// builder: (BuildContext context) {
|
||||
// // if (widget.incomingCallData.isWebRTC == "true") {
|
||||
// return StartVideoCall(signaling: _signaling, session: _session);
|
||||
//
|
||||
// // else {
|
||||
// // return OpenTokConnectCallPage(apiKey: OPENTOK_API_KEY, sessionId: widget.incomingCallData.sessionId, token: widget.incomingCallData.token);
|
||||
// // }
|
||||
//
|
||||
// // return VideoCallWebPage(receiverId: widget.incomingCallData.receiverID, callerId: widget.incomingCallData.callerID); // Web WebRTC VideoCall
|
||||
//
|
||||
// // return CallHomePage(receiverId: widget.incomingCallData.receiverID, callerId: widget.incomingCallData.callerID); // App WebRTC VideoCall
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
// } else {
|
||||
// // Invalid Params/Data
|
||||
// Utils.showToast("Failed to establish connection with server");
|
||||
// }
|
||||
} catch (err) {
|
||||
print(err);
|
||||
// await PlatformExceptionAlertDialog(
|
||||
// exception: err,
|
||||
// ).show(context);
|
||||
|
||||
Utils.showToast(err.toString());
|
||||
}
|
||||
}
|
||||
|
||||
// void changeCallStatusAPI(int sessionStatus) {
|
||||
// LiveCareService service = new LiveCareService();
|
||||
// service.endCallAPI(widget.incomingCallData.sessionId, sessionStatus, context).then((res) {}).catchError((err) {
|
||||
// print(err);
|
||||
// });
|
||||
// }
|
||||
|
||||
void backToHome() async {
|
||||
// final connected = await signaling.declineCall(widget.incomingCallData.callerID, widget.incomingCallData.receiverID);
|
||||
// LandingPage.isOpenCallPage = false;
|
||||
// _signaling
|
||||
_animationController!.dispose();
|
||||
// player.stop();
|
||||
// changeCallStatusAPI(3);
|
||||
// _signaling.bye(_session, callRejected: true);
|
||||
// _signaling.callDisconnected(_session, callRejected: true);
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
//
|
||||
// void disposeAudioResources() async {
|
||||
// await player.dispose();
|
||||
// }
|
||||
//
|
||||
// void setAudioFile() async {
|
||||
// player.stop();
|
||||
// await player.setVolume(1.0); // full volume
|
||||
// try {
|
||||
// await player.setAsset('assets/sounds/ring_60Sec.mp3').then((value) {
|
||||
// player.setLoopMode(LoopMode.one); // loop ring sound
|
||||
// player.play();
|
||||
// }).catchError((err) {
|
||||
// print("Error: $err");
|
||||
// });
|
||||
// } catch (e) {
|
||||
// print("Error: $e");
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// void connectSignaling({@required bool iAmCaller = false}) async {
|
||||
// print("----------------- + Signaling Connection Started ---------------------------");
|
||||
// var caller = widget.incomingCallData.callerID;
|
||||
// var receiver = widget.incomingCallData.receiverID;
|
||||
// var host = widget.incomingCallData.server;
|
||||
//
|
||||
// var selfRole = iAmCaller ? "Caller" : "Receiver";
|
||||
// var selfId = iAmCaller ? caller : receiver;
|
||||
// var selfUser = SocketUser(id: selfId, name: "$selfRole-$selfId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var remoteRole = !iAmCaller ? "Caller" : "Receiver";
|
||||
// var remoteId = !iAmCaller ? caller : receiver;
|
||||
// var remoteUser = SocketUser(id: remoteId, name: "$remoteRole-$remoteId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var sessionId = "$caller-$receiver";
|
||||
// _session = SessionOneToOne(id: sessionId, local_user: selfUser, remote_user: remoteUser);
|
||||
//
|
||||
// _signaling = Signaling(host, session: _session);
|
||||
// await _signaling.connect();
|
||||
//
|
||||
// if (_signaling.state == SignalingState.Open) {
|
||||
// return;
|
||||
// }
|
||||
// }
|
||||
|
||||
BoxDecoration cardRadius(double radius, {required Color color, double? elevation}) {
|
||||
return BoxDecoration(
|
||||
shape: BoxShape.rectangle,
|
||||
color: color ?? Colors.white,
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(radius),
|
||||
),
|
||||
boxShadow: <BoxShadow>[
|
||||
BoxShadow(
|
||||
color: const Color(
|
||||
0xff000000,
|
||||
).withOpacity(
|
||||
.05,
|
||||
),
|
||||
//spreadRadius: 5,
|
||||
blurRadius: elevation ?? 27,
|
||||
offset: const Offset(
|
||||
-2,
|
||||
3,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,470 @@
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:camera/camera.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/call.dart';
|
||||
|
||||
class OutGoingCall extends StatefulWidget {
|
||||
IncomingCallData OutGoingCallData;
|
||||
bool? isVideoCall;
|
||||
|
||||
OutGoingCall({Key? key, required this.OutGoingCallData, this.isVideoCall}) : super(key: key);
|
||||
|
||||
@override
|
||||
_OutGoingCallState createState() => _OutGoingCallState();
|
||||
}
|
||||
|
||||
class _OutGoingCallState extends State<OutGoingCall> with SingleTickerProviderStateMixin {
|
||||
AnimationController? _animationController;
|
||||
CameraController? _controller;
|
||||
Future<void>? _initializeControllerFuture;
|
||||
bool isCameraReady = false;
|
||||
bool isMicOff = false;
|
||||
bool isLoudSpeaker = false;
|
||||
bool isCamOff = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_animationController = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(
|
||||
milliseconds: 500,
|
||||
),
|
||||
);
|
||||
//_runAnimation();
|
||||
// connectSignaling();
|
||||
WidgetsBinding.instance.addPostFrameCallback(
|
||||
(_) => _runAnimation(),
|
||||
);
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: FutureBuilder<void>(
|
||||
future: _initializeControllerFuture,
|
||||
builder: (BuildContext context, AsyncSnapshot<void> snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.done) {
|
||||
return Stack(
|
||||
alignment: FractionalOffset.center,
|
||||
children: <Widget>[
|
||||
if (widget.isVideoCall!)
|
||||
Positioned.fill(
|
||||
child: AspectRatio(
|
||||
aspectRatio: _controller!.value.aspectRatio,
|
||||
child: CameraPreview(
|
||||
_controller!,
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned.fill(
|
||||
child: ClipRect(
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.grey57Color.withOpacity(
|
||||
0.7,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: <Widget>[
|
||||
40.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
margin: const EdgeInsets.all(21.0),
|
||||
child: Container(
|
||||
margin: const EdgeInsets.only(
|
||||
left: 10.0,
|
||||
right: 10.0,
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: <Widget>[
|
||||
SvgPicture.asset(
|
||||
"assets/images/user.svg",
|
||||
height: 70,
|
||||
width: 70,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
10.height,
|
||||
Text(
|
||||
"Aamir Saleem Ahmad",
|
||||
style: TextStyle(
|
||||
fontSize: 21,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -1.26,
|
||||
height: 23 / 12,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Ringing...",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(
|
||||
0xffC6C6C6,
|
||||
),
|
||||
letterSpacing: -0.48,
|
||||
height: 23 / 24,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
// Container(
|
||||
// margin: const EdgeInsets.all(21.0),
|
||||
// width: MediaQuery.of(context).size.width,
|
||||
// decoration: cardRadius(15.0, color: MyColors.black, elevation: null),
|
||||
// child: Column(
|
||||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||||
// mainAxisSize: MainAxisSize.min,
|
||||
// children: [
|
||||
// Container(
|
||||
// padding: const EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 6.0),
|
||||
// child: Text(
|
||||
// "TranslationBase.of(context).appoInfo",
|
||||
// style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: MyColors.white, letterSpacing: -0.64, height: 23 / 12),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0),
|
||||
// child: Text(
|
||||
// "widget.OutGoingCallData.appointmentdate + widget.OutGoingCallData.appointmenttime",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0, bottom: 21.0),
|
||||
// child: Text(
|
||||
// "widget.OutGoingCallData.clinicname",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
const Spacer(),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(
|
||||
bottom: 70.0,
|
||||
left: 49,
|
||||
right: 49,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
if (widget.isVideoCall!)
|
||||
RotationTransition(
|
||||
turns: Tween(
|
||||
begin: 0.0,
|
||||
end: -.1,
|
||||
)
|
||||
.chain(
|
||||
CurveTween(
|
||||
curve: Curves.elasticIn,
|
||||
),
|
||||
)
|
||||
.animate(
|
||||
_animationController!,
|
||||
),
|
||||
child: RawMaterialButton(
|
||||
onPressed: () {
|
||||
_camOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: isCamOff ? MyColors.green2DColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
isCamOff ? Icons.videocam_off : Icons.videocam,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
)
|
||||
else
|
||||
RotationTransition(
|
||||
turns: Tween(
|
||||
begin: 0.0,
|
||||
end: -.1,
|
||||
)
|
||||
.chain(
|
||||
CurveTween(
|
||||
curve: Curves.elasticIn,
|
||||
),
|
||||
)
|
||||
.animate(
|
||||
_animationController!,
|
||||
),
|
||||
child: RawMaterialButton(
|
||||
onPressed: () {
|
||||
_loudOn();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: isLoudSpeaker ? MyColors.green2DColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.volume_up,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
),
|
||||
RotationTransition(
|
||||
turns: Tween(
|
||||
begin: 0.0,
|
||||
end: -.1,
|
||||
)
|
||||
.chain(
|
||||
CurveTween(
|
||||
curve: Curves.elasticIn,
|
||||
),
|
||||
)
|
||||
.animate(
|
||||
_animationController!,
|
||||
),
|
||||
child: RawMaterialButton(
|
||||
onPressed: () {
|
||||
_micOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: isMicOff ? MyColors.green2DColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
isMicOff ? Icons.mic_off : Icons.mic,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
onPressed: () {
|
||||
backToHome();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.redA3Color,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call_end,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
} else {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _runAnimation() async {
|
||||
List<CameraDescription> cameras = await availableCameras();
|
||||
CameraDescription firstCamera = cameras[1];
|
||||
_controller = CameraController(
|
||||
firstCamera,
|
||||
ResolutionPreset.medium,
|
||||
);
|
||||
_initializeControllerFuture = _controller!.initialize();
|
||||
setState(() {});
|
||||
// setAudioFile();
|
||||
for (int i = 0; i < 100; i++) {
|
||||
await _animationController!.forward();
|
||||
await _animationController!.reverse();
|
||||
}
|
||||
}
|
||||
|
||||
void _micOff() {
|
||||
setState(() {
|
||||
isMicOff = !isMicOff;
|
||||
});
|
||||
}
|
||||
|
||||
void _camOff() {
|
||||
setState(() {
|
||||
isCamOff = !isCamOff;
|
||||
});
|
||||
}
|
||||
|
||||
void _loudOn() {
|
||||
setState(() {
|
||||
isLoudSpeaker = !isLoudSpeaker;
|
||||
});
|
||||
}
|
||||
|
||||
Future<void> _submit() async {
|
||||
try {
|
||||
// backToHome();
|
||||
// final roomModel = RoomModel(name: widget.OutGoingCallData.name, token: widget.OutGoingCallData.sessionId, identity: widget.OutGoingCallData.identity);
|
||||
await _controller?.dispose();
|
||||
|
||||
// changeCallStatusAPI(4);
|
||||
|
||||
// if (_session != null && _signaling != null) {
|
||||
// await Navigator.of(context).pushReplacement(
|
||||
// MaterialPageRoute(
|
||||
// // fullscreenDialog: true,
|
||||
// builder: (BuildContext context) {
|
||||
// // if (widget.OutGoingCallData.isWebRTC == "true") {
|
||||
// return StartVideoCall(signaling: _signaling, session: _session);
|
||||
//
|
||||
// // else {
|
||||
// // return OpenTokConnectCallPage(apiKey: OPENTOK_API_KEY, sessionId: widget.OutGoingCallData.sessionId, token: widget.OutGoingCallData.token);
|
||||
// // }
|
||||
//
|
||||
// // return VideoCallWebPage(receiverId: widget.OutGoingCallData.receiverID, callerId: widget.OutGoingCallData.callerID); // Web WebRTC VideoCall
|
||||
//
|
||||
// // return CallHomePage(receiverId: widget.OutGoingCallData.receiverID, callerId: widget.OutGoingCallData.callerID); // App WebRTC VideoCall
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
// } else {
|
||||
// // Invalid Params/Data
|
||||
// Utils.showToast("Failed to establish connection with server");
|
||||
// }
|
||||
} catch (err) {
|
||||
print(err);
|
||||
// await PlatformExceptionAlertDialog(
|
||||
// exception: err,
|
||||
// ).show(context);
|
||||
|
||||
Utils.showToast(err.toString());
|
||||
}
|
||||
}
|
||||
|
||||
// void changeCallStatusAPI(int sessionStatus) {
|
||||
// LiveCareService service = new LiveCareService();
|
||||
// service.endCallAPI(widget.OutGoingCallData.sessionId, sessionStatus, context).then((res) {}).catchError((err) {
|
||||
// print(err);
|
||||
// });
|
||||
// }
|
||||
|
||||
void backToHome() async {
|
||||
// final connected = await signaling.declineCall(widget.OutGoingCallData.callerID, widget.OutGoingCallData.receiverID);
|
||||
// LandingPage.isOpenCallPage = false;
|
||||
// _signaling
|
||||
_animationController!.dispose();
|
||||
// player.stop();
|
||||
// changeCallStatusAPI(3);
|
||||
// _signaling.bye(_session, callRejected: true);
|
||||
// _signaling.callDisconnected(_session, callRejected: true);
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
//
|
||||
// void disposeAudioResources() async {
|
||||
// await player.dispose();
|
||||
// }
|
||||
//
|
||||
// void setAudioFile() async {
|
||||
// player.stop();
|
||||
// await player.setVolume(1.0); // full volume
|
||||
// try {
|
||||
// await player.setAsset('assets/sounds/ring_60Sec.mp3').then((value) {
|
||||
// player.setLoopMode(LoopMode.one); // loop ring sound
|
||||
// player.play();
|
||||
// }).catchError((err) {
|
||||
// print("Error: $err");
|
||||
// });
|
||||
// } catch (e) {
|
||||
// print("Error: $e");
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// void connectSignaling({@required bool iAmCaller = false}) async {
|
||||
// print("----------------- + Signaling Connection Started ---------------------------");
|
||||
// var caller = widget.OutGoingCallData.callerID;
|
||||
// var receiver = widget.OutGoingCallData.receiverID;
|
||||
// var host = widget.OutGoingCallData.server;
|
||||
//
|
||||
// var selfRole = iAmCaller ? "Caller" : "Receiver";
|
||||
// var selfId = iAmCaller ? caller : receiver;
|
||||
// var selfUser = SocketUser(id: selfId, name: "$selfRole-$selfId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var remoteRole = !iAmCaller ? "Caller" : "Receiver";
|
||||
// var remoteId = !iAmCaller ? caller : receiver;
|
||||
// var remoteUser = SocketUser(id: remoteId, name: "$remoteRole-$remoteId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var sessionId = "$caller-$receiver";
|
||||
// _session = SessionOneToOne(id: sessionId, local_user: selfUser, remote_user: remoteUser);
|
||||
//
|
||||
// _signaling = Signaling(host, session: _session);
|
||||
// await _signaling.connect();
|
||||
//
|
||||
// if (_signaling.state == SignalingState.Open) {
|
||||
// return;
|
||||
// }
|
||||
// }
|
||||
|
||||
BoxDecoration cardRadius(double radius, {required Color color, double? elevation}) {
|
||||
return BoxDecoration(
|
||||
shape: BoxShape.rectangle,
|
||||
color: color ?? Colors.white,
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(radius),
|
||||
),
|
||||
boxShadow: <BoxShadow>[
|
||||
BoxShadow(
|
||||
color: const Color(
|
||||
0xff000000,
|
||||
).withOpacity(
|
||||
.05,
|
||||
),
|
||||
//spreadRadius: 5,
|
||||
blurRadius: elevation ?? 27,
|
||||
offset: const Offset(
|
||||
-2,
|
||||
3,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue