marathon tutorial added.
Sikander Saleem
2 years ago
parent
a2ed4e52f3
commit
d44bc37681
@ -0,0 +1,104 @@
|
|||||||
|
// class TutorialNotificationModel {
|
||||||
|
// List<Data>? data;
|
||||||
|
// bool? isSuccessful;
|
||||||
|
// String? message;
|
||||||
|
// int? statusCode;
|
||||||
|
//
|
||||||
|
// TutorialNotificationModel({this.data, this.isSuccessful, this.message, this.statusCode});
|
||||||
|
//
|
||||||
|
// TutorialNotificationModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
// if (json['data'] != null) {
|
||||||
|
// data = <Data>[];
|
||||||
|
// json['data'].forEach((v) {
|
||||||
|
// data!.add(new Data.fromJson(v));
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// isSuccessful = json['isSuccessful'];
|
||||||
|
// message = json['message'];
|
||||||
|
// statusCode = json['statusCode'];
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// Map<String, dynamic> toJson() {
|
||||||
|
// final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
// if (this.data != null) {
|
||||||
|
// data['data'] = this.data!.map((v) => v.toJson()).toList();
|
||||||
|
// }
|
||||||
|
// data['isSuccessful'] = this.isSuccessful;
|
||||||
|
// data['message'] = this.message;
|
||||||
|
// data['statusCode'] = this.statusCode;
|
||||||
|
//
|
||||||
|
// return data;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
class TutorialNotificationModel {
|
||||||
|
String? tutorialNotificationId;
|
||||||
|
String? tutorialName;
|
||||||
|
String? tutorialDescription;
|
||||||
|
String? startDate;
|
||||||
|
String? endDate;
|
||||||
|
String? fileName;
|
||||||
|
String? contentType;
|
||||||
|
String? filePath;
|
||||||
|
int? orderNo;
|
||||||
|
bool? isActive;
|
||||||
|
int? isStatus;
|
||||||
|
String? created;
|
||||||
|
String? createdBy;
|
||||||
|
String? modified;
|
||||||
|
String? modifiedBy;
|
||||||
|
|
||||||
|
TutorialNotificationModel({this.tutorialNotificationId,
|
||||||
|
this.tutorialName,
|
||||||
|
this.tutorialDescription,
|
||||||
|
this.startDate,
|
||||||
|
this.endDate,
|
||||||
|
this.fileName,
|
||||||
|
this.contentType,
|
||||||
|
this.filePath,
|
||||||
|
this.orderNo,
|
||||||
|
this.isActive,
|
||||||
|
this.isStatus,
|
||||||
|
this.created,
|
||||||
|
this.createdBy,
|
||||||
|
this.modified,
|
||||||
|
this.modifiedBy});
|
||||||
|
|
||||||
|
TutorialNotificationModel.fromJson(Map<String, dynamic> json) {
|
||||||
|
tutorialNotificationId = json['tutorialNotificationId'];
|
||||||
|
tutorialName = json['tutorialName'];
|
||||||
|
tutorialDescription = json['tutorialDescription'];
|
||||||
|
startDate = json['startDate'];
|
||||||
|
endDate = json['endDate'];
|
||||||
|
fileName = json['fileName'];
|
||||||
|
contentType = json['contentType'];
|
||||||
|
filePath = json['filePath'];
|
||||||
|
orderNo = json['orderNo'];
|
||||||
|
isActive = json['isActive'];
|
||||||
|
isStatus = json['isStatus'];
|
||||||
|
created = json['created'];
|
||||||
|
createdBy = json['createdBy'];
|
||||||
|
modified = json['modified'];
|
||||||
|
modifiedBy = json['modifiedBy'];
|
||||||
|
}
|
||||||
|
|
||||||
|
Map<String, dynamic> toJson() {
|
||||||
|
Map<String, dynamic> data = new Map<String, dynamic>();
|
||||||
|
data['tutorialNotificationId'] = this.tutorialNotificationId;
|
||||||
|
data['tutorialName'] = this.tutorialName;
|
||||||
|
data['tutorialDescription'] = this.tutorialDescription;
|
||||||
|
data['startDate'] = this.startDate;
|
||||||
|
data['endDate'] = this.endDate;
|
||||||
|
data['fileName'] = this.fileName;
|
||||||
|
data['contentType'] = this.contentType;
|
||||||
|
data['filePath'] = this.filePath;
|
||||||
|
data['orderNo'] = this.orderNo;
|
||||||
|
data['isActive'] = this.isActive;
|
||||||
|
data['isStatus'] = this.isStatus;
|
||||||
|
data['created'] = this.created;
|
||||||
|
data['createdBy'] = this.createdBy;
|
||||||
|
data['modified'] = this.modified;
|
||||||
|
data['modifiedBy'] = this.modifiedBy;
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,239 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
import 'dart:io' as Io;
|
||||||
|
import 'dart:io';
|
||||||
|
import 'dart:typed_data';
|
||||||
|
|
||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_countdown_timer/index.dart';
|
||||||
|
import 'package:lottie/lottie.dart';
|
||||||
|
import 'package:mohem_flutter_app/api/dashboard_api_client.dart';
|
||||||
|
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/file_process.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/lottie_consts.dart';
|
||||||
|
import 'package:mohem_flutter_app/classes/utils.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/widget_extensions.dart';
|
||||||
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||||
|
import 'package:mohem_flutter_app/main.dart';
|
||||||
|
import 'package:mohem_flutter_app/models/itg/advertisement.dart' as ads;
|
||||||
|
import 'package:mohem_flutter_app/models/marathon/tutorial_notification_model.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/chat/common.dart';
|
||||||
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
|
||||||
|
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||||
|
import 'package:path_provider/path_provider.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:video_player/video_player.dart';
|
||||||
|
|
||||||
|
class MarathonTutorialViewerScreen extends StatefulWidget {
|
||||||
|
const MarathonTutorialViewerScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_MarathonTutorialViewerScreenState createState() => _MarathonTutorialViewerScreenState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _MarathonTutorialViewerScreenState extends State<MarathonTutorialViewerScreen> {
|
||||||
|
late Future<VideoPlayerController> _futureController;
|
||||||
|
VideoPlayerController? _controller;
|
||||||
|
bool skip = false;
|
||||||
|
|
||||||
|
bool isVideo = false;
|
||||||
|
bool isImage = false;
|
||||||
|
bool isAudio = false;
|
||||||
|
bool isPdf = false;
|
||||||
|
|
||||||
|
String link = "";
|
||||||
|
|
||||||
|
String ext = '';
|
||||||
|
late File imageFile;
|
||||||
|
ads.Advertisement? advertisementData;
|
||||||
|
dynamic data;
|
||||||
|
String? masterID;
|
||||||
|
int videoDuration = 0;
|
||||||
|
|
||||||
|
ValueNotifier<int> videoLength = ValueNotifier(0);
|
||||||
|
|
||||||
|
void checkFileTypes(String link) {
|
||||||
|
ext = "." + link.split(".").last.toLowerCase();
|
||||||
|
if (ext == ".png" || ext == ".jpg" || ext == ".jpeg" || ext == ".gif") {
|
||||||
|
isImage = true;
|
||||||
|
} else if (ext == ".pdf") {
|
||||||
|
isPdf = true;
|
||||||
|
} else {
|
||||||
|
if (ext == ".aac") {
|
||||||
|
isAudio = true;
|
||||||
|
}
|
||||||
|
isVideo = true;
|
||||||
|
_futureController = createVideoPlayer(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
|
||||||
|
Future processImage(String encodedBytes) async {
|
||||||
|
try {
|
||||||
|
Uint8List decodedBytes = base64Decode(encodedBytes.split("base64,").last);
|
||||||
|
Directory appDocumentsDirectory = await getApplicationDocumentsDirectory(); // 1
|
||||||
|
imageFile = Io.File("${appDocumentsDirectory.path}/addImage$ext");
|
||||||
|
imageFile.writeAsBytesSync(decodedBytes);
|
||||||
|
} catch (e) {
|
||||||
|
logger.d(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<VideoPlayerController> createVideoPlayer(String link) async {
|
||||||
|
try {
|
||||||
|
VideoPlayerController controller = VideoPlayerController.networkUrl(Uri.parse(link));
|
||||||
|
await controller.initialize();
|
||||||
|
await controller.play();
|
||||||
|
await controller.setVolume(1.0);
|
||||||
|
await controller.setLooping(false);
|
||||||
|
controller.addListener(() {
|
||||||
|
controller.position.then((value) {
|
||||||
|
videoLength.value = value!.inMilliseconds;
|
||||||
|
// if(controller.value.isCompleted) {
|
||||||
|
// videoLength.value = 0;
|
||||||
|
// }
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return controller;
|
||||||
|
} catch (e) {
|
||||||
|
print(e);
|
||||||
|
return VideoPlayerController.network("https://apimohemmweb.cloudsolutions.com.sa/ErmAttachment/compressedvideo.mp4");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bool showControls = false;
|
||||||
|
|
||||||
|
void showVideoControls() {
|
||||||
|
showControls = !showControls;
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_controller?.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
TutorialNotificationModel? tutorial;
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (tutorial == null) {
|
||||||
|
tutorial ??= context.read<MarathonProvider>().tutorial;
|
||||||
|
link = tutorial!.filePath!;
|
||||||
|
checkFileTypes(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.black,
|
||||||
|
appBar: AppBarWidget(context, title: tutorial!.fileName!, showHomeButton: false),
|
||||||
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
if (isVideo)
|
||||||
|
FutureBuilder(
|
||||||
|
future: _futureController,
|
||||||
|
builder: (BuildContext context, AsyncSnapshot<Object?> snapshot) {
|
||||||
|
if (snapshot.connectionState == ConnectionState.done && snapshot.data != null) {
|
||||||
|
_controller = snapshot.data as VideoPlayerController;
|
||||||
|
return Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [
|
||||||
|
Center(
|
||||||
|
child: isAudio
|
||||||
|
? Lottie.asset(MyLottieConsts.audioPlaybackLottie)
|
||||||
|
: AspectRatio(
|
||||||
|
aspectRatio: _controller!.value.aspectRatio,
|
||||||
|
child: Stack(
|
||||||
|
alignment: Alignment.bottomCenter,
|
||||||
|
children: [
|
||||||
|
VideoPlayer(_controller!),
|
||||||
|
AnimatedContainer(
|
||||||
|
duration: const Duration(milliseconds: 250),
|
||||||
|
color: Colors.black.withOpacity(showControls ? .4 : .0),
|
||||||
|
child: AnimatedOpacity(
|
||||||
|
opacity: showControls ? 1 : 0,
|
||||||
|
duration: const Duration(milliseconds: 250),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Icon(_controller!.value.isPlaying ? Icons.pause : Icons.play_arrow, color: Colors.white)
|
||||||
|
.onPress(() {
|
||||||
|
if (!showControls) {
|
||||||
|
showVideoControls();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (_controller!.value.isPlaying) {
|
||||||
|
_controller!.pause();
|
||||||
|
} else if (_controller!.value.isCompleted) {
|
||||||
|
videoLength.value = 0;
|
||||||
|
_controller!.play();
|
||||||
|
} else {
|
||||||
|
_controller!.play();
|
||||||
|
}
|
||||||
|
setState(() {});
|
||||||
|
})
|
||||||
|
.center
|
||||||
|
.expanded,
|
||||||
|
ValueListenableBuilder<int>(
|
||||||
|
valueListenable: videoLength,
|
||||||
|
builder: (context, val, child) {
|
||||||
|
return SeekBar(
|
||||||
|
duration: _controller!.value.duration,
|
||||||
|
position: Duration(milliseconds: val),
|
||||||
|
bufferedPosition: Duration(),
|
||||||
|
onChanged: (duration) {
|
||||||
|
_controller!.seekTo(duration);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
).onPress(() {
|
||||||
|
showVideoControls();
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
30.height,
|
||||||
|
],
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return const Center(
|
||||||
|
child: CircularProgressIndicator(
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
if (isImage) Image.network(link).center,
|
||||||
|
if (isPdf)
|
||||||
|
DefaultButton(LocaleKeys.open.tr(), () async {
|
||||||
|
try {
|
||||||
|
Utils.showLoading(context);
|
||||||
|
await FileProcess.downloadFileFromUrl(link, tutorial!.fileName!).then((path) {
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
FileProcess.openFile(path, isFullPath: true);
|
||||||
|
});
|
||||||
|
} catch (ex) {
|
||||||
|
Utils.hideLoading(context);
|
||||||
|
Utils.handleException(ex, context, null);
|
||||||
|
}
|
||||||
|
}).paddingAll(21).center
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue