114 changed files with 342 additions and 13672 deletions
@ -0,0 +1,19 @@ |
|||
<component name="libraryTable"> |
|||
<library name="Dart SDK"> |
|||
<CLASSES> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/async" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/collection" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/convert" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/core" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/developer" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/html" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/io" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/isolate" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/math" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/mirrors" /> |
|||
<root url="file://D:\flutter/bin/cache/dart-sdk/lib/typed_data" /> |
|||
</CLASSES> |
|||
<JAVADOC /> |
|||
<SOURCES /> |
|||
</library> |
|||
</component> |
|||
@ -0,0 +1,15 @@ |
|||
<component name="libraryTable"> |
|||
<library name="KotlinJavaRuntime"> |
|||
<CLASSES> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib.jar!/" /> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-reflect.jar!/" /> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-test.jar!/" /> |
|||
</CLASSES> |
|||
<JAVADOC /> |
|||
<SOURCES> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-stdlib-sources.jar!/" /> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-reflect-sources.jar!/" /> |
|||
<root url="jar://$KOTLIN_BUNDLED$/lib/kotlin-test-sources.jar!/" /> |
|||
</SOURCES> |
|||
</library> |
|||
</component> |
|||
@ -0,0 +1,9 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="ProjectModuleManager"> |
|||
<modules> |
|||
<module fileurl="file://$PROJECT_DIR$/teso.iml" filepath="$PROJECT_DIR$/teso.iml" /> |
|||
<module fileurl="file://$PROJECT_DIR$/android/teso_android.iml" filepath="$PROJECT_DIR$/android/teso_android.iml" /> |
|||
</modules> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,6 @@ |
|||
<component name="ProjectRunConfigurationManager"> |
|||
<configuration default="false" name="main.dart" type="FlutterRunConfigurationType" factoryName="Flutter"> |
|||
<option name="filePath" value="$PROJECT_DIR$/lib/main.dart" /> |
|||
<method /> |
|||
</configuration> |
|||
</component> |
|||
@ -0,0 +1,36 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="FileEditorManager"> |
|||
<leaf> |
|||
<file leaf-file-name="main.dart" pinned="false" current-in-tab="true"> |
|||
<entry file="file://$PROJECT_DIR$/lib/main.dart"> |
|||
<provider selected="true" editor-type-id="text-editor"> |
|||
<state relative-caret-position="0"> |
|||
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" /> |
|||
</state> |
|||
</provider> |
|||
</entry> |
|||
</file> |
|||
</leaf> |
|||
</component> |
|||
<component name="ToolWindowManager"> |
|||
<editor active="true" /> |
|||
<layout> |
|||
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" /> |
|||
</layout> |
|||
</component> |
|||
<component name="ProjectView"> |
|||
<navigator currentView="ProjectPane" proportions="" version="1"> |
|||
</navigator> |
|||
<panes> |
|||
<pane id="ProjectPane"> |
|||
<option name="show-excluded-files" value="false" /> |
|||
</pane> |
|||
</panes> |
|||
</component> |
|||
<component name="PropertiesComponent"> |
|||
<property name="last_opened_file_path" value="$PROJECT_DIR$" /> |
|||
<property name="dart.analysis.tool.window.force.activate" value="true" /> |
|||
<property name="show.migrate.to.gradle.popup" value="false" /> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,10 @@ |
|||
# This file tracks properties of this Flutter project. |
|||
# Used by Flutter tool to assess capabilities and perform upgrades etc. |
|||
# |
|||
# This file should be version controlled and should not be manually edited. |
|||
|
|||
version: |
|||
revision: db747aa1331bd95bc9b3874c842261ca2d302cd5 |
|||
channel: stable |
|||
|
|||
project_type: app |
|||
@ -0,0 +1,29 @@ |
|||
# This file configures the analyzer, which statically analyzes Dart code to |
|||
# check for errors, warnings, and lints. |
|||
# |
|||
# The issues identified by the analyzer are surfaced in the UI of Dart-enabled |
|||
# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be |
|||
# invoked from the command line by running `flutter analyze`. |
|||
|
|||
# The following line activates a set of recommended lints for Flutter apps, |
|||
# packages, and plugins designed to encourage good coding practices. |
|||
#include: package:flutter_lints/flutter.yaml |
|||
|
|||
linter: |
|||
# The lint rules applied to this project can be customized in the |
|||
# section below to disable rules from the `package:flutter_lints/flutter.yaml` |
|||
# included above or to enable additional rules. A list of all available lints |
|||
# and their documentation is published at |
|||
# https://dart-lang.github.io/linter/lints/index.html. |
|||
# |
|||
# Instead of disabling a lint rule for the entire project in the |
|||
# section below, it can also be suppressed for a single line of code |
|||
# or a specific dart file by using the `// ignore: name_of_lint` and |
|||
# `// ignore_for_file: name_of_lint` syntax on the line or in the file |
|||
# producing the lint. |
|||
rules: |
|||
# avoid_print: false # Uncomment to disable the `avoid_print` rule |
|||
# prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule |
|||
|
|||
# Additional information about this file can be found at |
|||
# https://dart.dev/guides/language/analysis-options |
|||
@ -1,31 +0,0 @@ |
|||
import 'package:flutter_upchunk/flutter_upchunk.dart'; |
|||
|
|||
class Uploading { |
|||
String id; |
|||
String title; |
|||
String path; |
|||
String aspect; |
|||
String thumbnail; |
|||
UpChunk token; |
|||
double pending; |
|||
String campaignID; |
|||
String muxuploadID; |
|||
String muxuploadURL; |
|||
String muxassetID; |
|||
bool isProcessing; |
|||
|
|||
Uploading({ |
|||
this.id, |
|||
this.title, |
|||
this.path, |
|||
this.aspect, |
|||
this.thumbnail, |
|||
this.token, |
|||
this.pending, |
|||
this.campaignID, |
|||
this.isProcessing, |
|||
this.muxuploadID, |
|||
this.muxuploadURL, |
|||
this.muxassetID, |
|||
}); |
|||
} |
|||
@ -1,48 +0,0 @@ |
|||
import 'package:better_player/better_player.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
|
|||
const ASPECT_RATIO = 16 / 9; |
|||
|
|||
class VideoPlayerWidget extends StatefulWidget { |
|||
final BetterPlayerController controller; |
|||
final FBPosts ad; |
|||
|
|||
const VideoPlayerWidget({ |
|||
Key key, |
|||
@required this.controller, |
|||
@required this.ad, |
|||
}) : assert(controller != null), |
|||
assert(ad != null), |
|||
super(key: key); |
|||
|
|||
@override |
|||
_VideoPlayerWidgetState createState() => _VideoPlayerWidgetState(); |
|||
} |
|||
|
|||
class _VideoPlayerWidgetState extends State<VideoPlayerWidget> { |
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return FittedBox( |
|||
clipBehavior: Clip.hardEdge, |
|||
child: SizedBox( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: BetterPlayer( |
|||
controller: widget.controller, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
widget.controller.dispose(); |
|||
super.dispose(); |
|||
} |
|||
} |
|||
@ -1,104 +0,0 @@ |
|||
import 'package:better_player/better_player.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/CouponDetails.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/ProductDetails/CouponList.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
|
|||
const ASPECT_RATIO = 16 / 9; |
|||
|
|||
class VideoPlayerWidget extends StatefulWidget { |
|||
final BetterPlayerController controller; |
|||
final Post ad; |
|||
final bool play; |
|||
final List<CouponDetails> details; |
|||
|
|||
const VideoPlayerWidget({ |
|||
Key key, |
|||
@required this.controller, |
|||
@required this.ad, |
|||
@required this.play, |
|||
this.details, |
|||
}) : assert(controller != null), |
|||
assert(ad != null), |
|||
super(key: key); |
|||
|
|||
@override |
|||
_VideoPlayerWidgetState createState() => _VideoPlayerWidgetState(); |
|||
} |
|||
|
|||
class _VideoPlayerWidgetState extends State<VideoPlayerWidget> { |
|||
bool displayed = false; |
|||
|
|||
@override |
|||
void initState() { |
|||
widget.controller.videoPlayerController.addListener(() => checkVideo()); |
|||
super.initState(); |
|||
|
|||
// if (widget.play) { |
|||
// _chewieController.play(); |
|||
// } |
|||
} |
|||
|
|||
checkVideo() async { |
|||
// Implement your calls inside these conditions' bodies : |
|||
if (widget.controller.videoPlayerController.value.position == |
|||
Duration(seconds: 0, minutes: 0, hours: 0)) { |
|||
// print('video Started'); |
|||
Provider.of<UserProvider>(context, listen: false).viewPost(widget.ad); |
|||
} |
|||
|
|||
if (widget.controller.videoPlayerController.value.position.inSeconds > |
|||
(widget.controller.videoPlayerController.value.duration.inSeconds) / |
|||
3) { |
|||
// print('video Ended'); |
|||
if (!displayed && widget.details.length > 0) { |
|||
setState(() { |
|||
displayed = true; |
|||
}); |
|||
await Navigator.of(context).push( |
|||
PageRouteBuilder( |
|||
opaque: false, |
|||
pageBuilder: (_, __, ___) => CouponList( |
|||
couponsList: widget.details, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
// _chewieController.play(); |
|||
} |
|||
} |
|||
|
|||
// @override |
|||
// void didUpdateWidget(VideoPlayerWidget oldWidget) { |
|||
// if (oldWidget.play != widget.play) { |
|||
// if (widget.play) { |
|||
// _chewieController.play(); |
|||
// } else { |
|||
// _chewieController.pause(); |
|||
// } |
|||
// } |
|||
// super.didUpdateWidget(oldWidget); |
|||
// } |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return FittedBox( |
|||
clipBehavior: Clip.hardEdge, |
|||
child: SizedBox( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: BetterPlayer( |
|||
controller: widget.controller, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
widget.controller.dispose(); |
|||
super.dispose(); |
|||
} |
|||
} |
|||
@ -1 +0,0 @@ |
|||
export 'video_player_widget.dart'; |
|||
@ -1,141 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'PageWidgets/Campaigns/header.dart'; |
|||
import 'package:teso/Classes/API Clasess/Campaign.dart'; |
|||
import 'PageWidgets/Campaigns/campaignTile.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
import 'dart:convert'; |
|||
import 'dart:async'; |
|||
|
|||
class Campaigns extends StatefulWidget { |
|||
@override |
|||
_CampaignsState createState() => _CampaignsState(); |
|||
} |
|||
|
|||
class _CampaignsState extends State<Campaigns> { |
|||
TextEditingController searchkey; |
|||
List<Campaign> campaignMain; |
|||
List<Campaign> campaign; |
|||
var _future; |
|||
|
|||
void clearText() { |
|||
setState(() { |
|||
searchkey.clear(); |
|||
}); |
|||
} |
|||
|
|||
Future<List<Campaign>> getCampaigns() async { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
|
|||
Map<String, String> requestHeaders = { |
|||
'Content-type': 'application/json', |
|||
'Authorization': prefs.getString('tokensTeso') |
|||
}; |
|||
|
|||
var register2 = serverLocation + 'adverts/businesscampaigns'; |
|||
var client1 = await http.post(Uri.parse(register2), |
|||
body: json.encode(searchkey.text), headers: requestHeaders); |
|||
|
|||
if (client1.statusCode == 200) { |
|||
var details = jsonDecode(client1.body); |
|||
if (mounted) |
|||
setState(() { |
|||
campaign = List<Campaign>.from( |
|||
details.map((model) => Campaign.fromJSON(model)).toList()); |
|||
}); |
|||
if (campaignMain == null) { |
|||
setState(() { |
|||
campaignMain = campaign; |
|||
}); |
|||
} |
|||
} |
|||
return campaign; |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
searchkey = new TextEditingController(); |
|||
_future = getCampaigns(); |
|||
searchkey.addListener(() async { |
|||
if (searchkey.text.isNotEmpty) { |
|||
getCampaigns(); |
|||
} else { |
|||
setState(() { |
|||
campaign = campaignMain; |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
backgroundColor: Colors.transparent, |
|||
automaticallyImplyLeading: true, |
|||
title: Text("Join a Campaign"), |
|||
centerTitle: true, |
|||
), |
|||
body: Container( |
|||
// padding: EdgeInsets.only( |
|||
// left: 10, |
|||
// right: 10, |
|||
// ), |
|||
child: Column( |
|||
children: [ |
|||
buildCampaignHead(context, searchkey, clearText), |
|||
SingleChildScrollView( |
|||
scrollDirection: Axis.vertical, |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
// height: MediaQuery.of(context).size.height, |
|||
child: FutureBuilder( |
|||
future: _future, |
|||
builder: (context, snapshot) { |
|||
if (snapshot.data == null && |
|||
snapshot.connectionState == ConnectionState.waiting) { |
|||
return Container( |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
); |
|||
} else if (snapshot.data == null && |
|||
snapshot.connectionState == ConnectionState.done) { |
|||
return Container( |
|||
height: MediaQuery.of(context).size.width, |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Center( |
|||
child: Text( |
|||
"Sorry there are no open campaigns at the moment"), |
|||
), |
|||
); |
|||
} else { |
|||
return ListView.builder( |
|||
primary: true, |
|||
scrollDirection: Axis.vertical, |
|||
shrinkWrap: true, |
|||
itemCount: campaign.length, |
|||
itemBuilder: (context, index) { |
|||
return buildCampaign( |
|||
context, |
|||
campaign.elementAt(index), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
}, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,142 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/API Clasess/Campaign.dart'; |
|||
import 'package:teso/providers/pageAnimations.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:jiffy/jiffy.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/AuditionPage.dart'; |
|||
|
|||
buildCampaign(BuildContext context, Campaign campaignItem) { |
|||
return Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
//height: 120, |
|||
// padding: EdgeInsets.only( |
|||
// left: 10, |
|||
// right: 10, |
|||
// ), |
|||
child: Material( |
|||
elevation: 2.5, |
|||
child: SingleChildScrollView( |
|||
scrollDirection: Axis.horizontal, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Container( |
|||
width: 90, |
|||
height: 95, |
|||
decoration: BoxDecoration( |
|||
border: Border.all( |
|||
color: Colors.grey, |
|||
width: 0.5, |
|||
), |
|||
borderRadius: BorderRadius.only( |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(30.0), |
|||
topRight: Radius.circular(30.0), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
child: Image( |
|||
width: MediaQuery.of(context).size.width * 0.28, |
|||
height: 110, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(campaignItem.targetProduct != null |
|||
? productURL + campaignItem.targetProduct |
|||
: ""), |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width - 105, |
|||
//height: 110, |
|||
padding: EdgeInsets.all(5), |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: double.infinity, |
|||
child: Wrap( |
|||
direction: Axis.horizontal, |
|||
children: [ |
|||
Text( |
|||
"Campaign Title : ", |
|||
style: TextStyle(fontWeight: FontWeight.bold), |
|||
), |
|||
Text(campaignItem.title) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
child: Wrap( |
|||
direction: Axis.horizontal, |
|||
children: [ |
|||
Text( |
|||
"Description : ", |
|||
style: TextStyle(fontWeight: FontWeight.bold), |
|||
), |
|||
Text( |
|||
campaignItem.description.length > 90 |
|||
? campaignItem.description.substring(0, 90) + |
|||
"...." |
|||
: campaignItem.description, |
|||
) |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
child: Wrap( |
|||
direction: Axis.horizontal, |
|||
children: [ |
|||
Text( |
|||
"Start Date : ", |
|||
style: TextStyle(fontWeight: FontWeight.bold), |
|||
), |
|||
Text(Jiffy(campaignItem.startDate).yMMMMd), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
child: Align( |
|||
alignment: Alignment.centerRight, |
|||
child: Container( |
|||
width: 90, |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular(20.0), |
|||
), |
|||
), |
|||
primary: accentMain, |
|||
), |
|||
onPressed: () => Navigator.push( |
|||
context, |
|||
PageTransition( |
|||
child: Audition( |
|||
campaign: campaignItem, |
|||
), |
|||
type: PageTransitionType.rightToLeft, |
|||
), |
|||
), |
|||
child: Text("Join"), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,45 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
buildCampaignHead( |
|||
BuildContext context, TextEditingController searchkey, Function filter) { |
|||
return Container( |
|||
height: 60.0, |
|||
//margin: EdgeInsets.all(10.0), |
|||
padding: EdgeInsets.all(10.0), |
|||
child: Material( |
|||
elevation: 4.0, |
|||
borderRadius: BorderRadius.circular(12.0), |
|||
shadowColor: Theme.of(context).backgroundColor, |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.stretch, |
|||
children: [ |
|||
//buildSmartSearch(context), |
|||
new Expanded( |
|||
child: InkWell( |
|||
onTap: () => print("Searching"), |
|||
child: TextField( |
|||
autofocus: false, |
|||
enabled: true, |
|||
textAlign: TextAlign.start, |
|||
controller: searchkey, |
|||
onChanged: (String v) => filter(v), |
|||
style: TextStyle( |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
decoration: InputDecoration( |
|||
border: InputBorder.none, |
|||
prefixIcon: Icon( |
|||
Icons.search, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
hintText: "Search", |
|||
hintStyle: TextStyle(color: Colors.grey), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,137 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
buildCommentTile(BuildContext context, bool available, Uint8List bytes, |
|||
TextEditingController controller) { |
|||
return Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 170, |
|||
margin: EdgeInsets.only(bottom: 20), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(30.0), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(30.0), |
|||
topRight: Radius.circular(30.0), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
child: Material( |
|||
elevation: 50.0, |
|||
borderRadius: BorderRadius.circular(12.0), |
|||
child: InkWell( |
|||
onTap: () { |
|||
// Navigator.push( |
|||
// context, |
|||
// PageTransition( |
|||
// type: PageTransitionType.rightToLeft, |
|||
// child: CommentSection(), |
|||
// ), |
|||
// ); |
|||
}, |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
margin: EdgeInsets.only(top: 10), |
|||
height: 30, |
|||
width: double.infinity, |
|||
child: Center( |
|||
child: Text( |
|||
"Comments", |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Divider(), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 10), |
|||
width: double.infinity, |
|||
child: Text("Love this post ? Say something!")), |
|||
GestureDetector( |
|||
onTap: () => print("hello"), |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric( |
|||
vertical: 08, |
|||
horizontal: 6, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
children: [ |
|||
Container( |
|||
height: 45.0, |
|||
width: 50.0, |
|||
margin: EdgeInsets.only(right: 8), |
|||
decoration: new BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
color: Colors.grey, |
|||
), |
|||
child: !available |
|||
? Center( |
|||
child: Text("B"), |
|||
) |
|||
: Image( |
|||
fit: BoxFit.fill, |
|||
image: MemoryImage(bytes), |
|||
), |
|||
), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width * 0.55, |
|||
height: 50, |
|||
child: TextField( |
|||
maxLines: 2, |
|||
autofocus: false, |
|||
enabled: true, |
|||
textAlign: TextAlign.start, |
|||
controller: controller, |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
decoration: InputDecoration( |
|||
border: InputBorder.none, |
|||
//contentPadding: EdgeInsets.only(top: 14.0), |
|||
hintText: "Add a comment", |
|||
hintStyle: TextStyle(color: Colors.grey), |
|||
), |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () { |
|||
print("send comment"); |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.all(20), |
|||
height: 30, |
|||
width: 30, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(30.0), |
|||
color: Color.fromRGBO(0, 0, 0, 0.4), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(30.0), |
|||
topRight: Radius.circular(30.0), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
child: Align( |
|||
alignment: Alignment.center, |
|||
child: Icon( |
|||
Icons.send, |
|||
)), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,40 +0,0 @@ |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/SpecialPosts.dart'; |
|||
import 'package:teso/providers/pageAnimations.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
buildPosted(BuildContext context, Post post, double height, TesoUser user, |
|||
bool addable) { |
|||
return Container( |
|||
margin: EdgeInsets.all(3), |
|||
width: MediaQuery.of(context).size.width * 0.5, |
|||
height: MediaQuery.of(context).size.width * height, |
|||
color: Colors.black, |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
Navigator.push( |
|||
context, |
|||
PageTransition( |
|||
child: new ViewPost( |
|||
postedAd: post, |
|||
play: true, |
|||
), |
|||
type: PageTransitionType.fade)); |
|||
}, |
|||
child: CachedNetworkImage( |
|||
imageUrl: tesoPostThumb(post.playbackID), |
|||
imageBuilder: (context, imageProvider) => FadeInImage( |
|||
width: double.infinity, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: AssetImage("assets/images/blank.jpg"), |
|||
), |
|||
errorWidget: (context, url, error) => |
|||
Image.asset("assets/images/blank.jpg"), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,56 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:time_elapsed/time_elapsed.dart'; |
|||
|
|||
buildPostTile3P(BuildContext context, TesoUser user, Post postedAd) { |
|||
return ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage( |
|||
serverLocation + "api/pulldp/" + postedAd.publisherID, |
|||
), |
|||
placeholder: AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: user.username + " ", |
|||
style: new TextStyle(fontWeight: FontWeight.bold)), |
|||
new TextSpan( |
|||
text: postedAd.title, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime(postedAd.timestamp), |
|||
), |
|||
); |
|||
} |
|||
@ -1,69 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/PostedAd.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:time_elapsed/time_elapsed.dart'; |
|||
|
|||
buildPostTile(BuildContext context, PostedAd postedAd) { |
|||
return Consumer<UserProvider>( |
|||
builder: (context, value, child) { |
|||
return ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: value.currentUser.thumbnail_dp == null |
|||
? Center( |
|||
child: Text( |
|||
value.currentUser.username.characters |
|||
.characterAt(0) |
|||
.toString() |
|||
.toUpperCase(), |
|||
), |
|||
) |
|||
: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage( |
|||
userdpURL + value.currentUser.thumbnail_dp), |
|||
placeholder: AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: value.currentUser.username + " ", |
|||
style: new TextStyle(fontWeight: FontWeight.bold)), |
|||
new TextSpan( |
|||
text: postedAd.post.title, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime(postedAd.post.timestamp), |
|||
), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
@ -1,35 +0,0 @@ |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/UserPosts.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
buildPosted(BuildContext context, FBPosts post, double height) { |
|||
return Container( |
|||
margin: EdgeInsets.all(3), |
|||
width: MediaQuery.of(context).size.width * 0.5, |
|||
height: MediaQuery.of(context).size.width * height, |
|||
color: Colors.black, |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
Navigator.of(context).push(new PageRouteBuilder( |
|||
pageBuilder: (_, __, ___) => new UserPosts(postedAd: post), |
|||
)); |
|||
}, |
|||
child: CachedNetworkImage( |
|||
imageUrl: tesoPostThumb( |
|||
post.playbackID, |
|||
), |
|||
imageBuilder: (context, imageProvider) => FadeInImage( |
|||
width: double.infinity, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: AssetImage("assets/images/blank.jpg"), |
|||
), |
|||
errorWidget: (context, url, error) => Container( |
|||
color: Colors.grey[800], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,89 +0,0 @@ |
|||
import 'dart:convert'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:loading_indicator/loading_indicator.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/Classes/Uploading.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
uploadTile(BuildContext context, Uploading pendingUpload) { |
|||
return Card( |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 70, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Container( |
|||
//constraints: BoxConstraints(minHeight: 80, maxHeight: 150), |
|||
width: 60, |
|||
height: 60, |
|||
child: pendingUpload != null && pendingUpload.thumbnail != null |
|||
? Image( |
|||
width: double.infinity, |
|||
height: double.infinity, |
|||
fit: BoxFit.cover, |
|||
image: MemoryImage(base64Decode(pendingUpload.thumbnail)), |
|||
gaplessPlayback: true, |
|||
) |
|||
: Image( |
|||
width: double.infinity, |
|||
height: double.infinity, |
|||
fit: BoxFit.cover, |
|||
image: AssetImage( |
|||
"assets/images/blank.jpg", |
|||
), |
|||
gaplessPlayback: true, |
|||
), |
|||
), |
|||
pendingUpload.isProcessing |
|||
? new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Text("Preparing post.."), |
|||
LoadingIndicator( |
|||
indicatorType: Indicator.ballPulse, |
|||
|
|||
/// Required, The loading type of the widget |
|||
colors: [tesoAsh, tesoBlue, tesoGold], |
|||
|
|||
/// Optional, The color collections |
|||
strokeWidth: 2, |
|||
|
|||
/// Optional, The stroke of the line, only applicable to widget which contains line |
|||
) |
|||
], |
|||
) |
|||
: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Text("Processing.."), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width * 0.65, |
|||
height: 10, |
|||
child: LinearProgressIndicator( |
|||
value: pendingUpload.pending, |
|||
backgroundColor: tesoAsh, |
|||
valueColor: new AlwaysStoppedAnimation<Color>(tesoBlue), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
pendingUpload.isProcessing |
|||
? Container() |
|||
: Container( |
|||
width: 40, |
|||
height: 40, |
|||
child: InkWell( |
|||
onTap: () => |
|||
Provider.of<UserProvider>(context, listen: false) |
|||
.cancelUpload(pendingUpload), |
|||
child: Icon(Icons.close), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
@ -1,212 +0,0 @@ |
|||
// import 'package:flutter/material.dart'; |
|||
|
|||
// import 'package:teso/Classes/TextE.dart'; |
|||
// import 'package:teso/util/SizeConfig.dart'; |
|||
// import 'textstyler/src/toolbar_action.dart'; |
|||
// import 'textstyler/text_style_editor.dart'; |
|||
|
|||
// // ignore: must_be_immutable |
|||
// class TextEdit extends StatefulWidget { |
|||
// Textted content; |
|||
// TextEdit({Key key, this.content}) : super(key: key); |
|||
|
|||
// @override |
|||
// _TextEditState createState() => _TextEditState(); |
|||
// } |
|||
|
|||
// class _TextEditState extends State<TextEdit> { |
|||
// TextStyle textStyle; |
|||
// TextAlign textAlign; |
|||
// List<String> fonts = [ |
|||
// 'Billabong', |
|||
// 'AlexBrush', |
|||
// 'Allura', |
|||
// 'Arizonia', |
|||
// 'ChunkFive', |
|||
// 'GrandHotel', |
|||
// 'GreatVibes', |
|||
// 'Lobster', |
|||
// 'OpenSans', |
|||
// 'OstrichSans', |
|||
// 'Oswald', |
|||
// 'Pacifico', |
|||
// 'Quicksand', |
|||
// 'Roboto', |
|||
// 'SEASRN', |
|||
// 'Windsong', |
|||
// ]; |
|||
// List<Color> paletteColors = [ |
|||
// Colors.black, |
|||
// Colors.white, |
|||
// Color(int.parse('0xffEA2027')), |
|||
// Color(int.parse('0xff006266')), |
|||
// Color(int.parse('0xff1B1464')), |
|||
// Color(int.parse('0xff5758BB')), |
|||
// Color(int.parse('0xff6F1E51')), |
|||
// Color(int.parse('0xffB53471')), |
|||
// Color(int.parse('0xffEE5A24')), |
|||
// Color(int.parse('0xff009432')), |
|||
// Color(int.parse('0xff0652DD')), |
|||
// Color(int.parse('0xff9980FA')), |
|||
// Color(int.parse('0xff833471')), |
|||
// Color(int.parse('0xff112CBC4')), |
|||
// Color(int.parse('0xffFDA7DF')), |
|||
// Color(int.parse('0xffED4C67')), |
|||
// Color(int.parse('0xffF79F1F')), |
|||
// Color(int.parse('0xffA3CB38')), |
|||
// Color(int.parse('0xff1289A7')), |
|||
// Color(int.parse('0xffD980FA')) |
|||
// ]; |
|||
// FocusNode _focus = new FocusNode(); |
|||
// TextEditingController controller; |
|||
// @override |
|||
// void initState() { |
|||
// controller = new TextEditingController(); |
|||
// textStyle = TextStyle( |
|||
// fontSize: 15, |
|||
// color: Colors.white, |
|||
// fontFamily: 'OpenSans', |
|||
// ); |
|||
// textAlign = TextAlign.left; |
|||
// _focus.addListener(_onFocusChange); |
|||
|
|||
// controller.text = widget.content.text != null ? widget.content.text : ""; |
|||
// textStyle = |
|||
// widget.content.textStyle != null ? widget.content.textStyle : null; |
|||
// textAlign = widget.content.textAlign != null |
|||
// ? widget.content.textAlign |
|||
// : TextAlign.center; |
|||
// super.initState(); |
|||
// } |
|||
|
|||
// @override |
|||
// void dispose() { |
|||
// _focus.removeListener(_onFocusChange); |
|||
// _focus.dispose(); |
|||
// super.dispose(); |
|||
// } |
|||
|
|||
// void _onFocusChange() { |
|||
// debugPrint("Focus: " + _focus.hasFocus.toString()); |
|||
// } |
|||
|
|||
// void verify() { |
|||
// if (_focus.hasFocus) { |
|||
// _focus.unfocus(); |
|||
// } else { |
|||
// Navigator.pop( |
|||
// context, |
|||
// new Textted( |
|||
// text: controller.text, |
|||
// textAlign: textAlign, |
|||
// textStyle: textStyle, |
|||
// )); |
|||
// } |
|||
// } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// SizeConfig().init(context); |
|||
// return Scaffold( |
|||
// resizeToAvoidBottomInset: false, |
|||
// backgroundColor: Color.fromRGBO(0, 0, 0, 0.8), |
|||
// appBar: AppBar( |
|||
// backgroundColor: Colors.transparent, |
|||
// leading: IconButton( |
|||
// onPressed: () => Navigator.pop(context, widget.content), |
|||
// icon: Icon( |
|||
// Feather.x, |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// actions: [ |
|||
// IconButton( |
|||
// onPressed: verify, |
|||
// icon: Icon( |
|||
// AntDesign.check, |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// body: Container( |
|||
// height: SizeConfig.safeBlockVertical * 40, |
|||
// child: Center( |
|||
// child: TextField( |
|||
// controller: controller, |
|||
// // enabled: false, |
|||
// focusNode: _focus, |
|||
// style: textStyle, |
|||
// textAlign: textAlign, |
|||
// // maxLines: 4, |
|||
// decoration: new InputDecoration( |
|||
// filled: true, |
|||
// enabledBorder: OutlineInputBorder( |
|||
// borderRadius: BorderRadius.all( |
|||
// Radius.circular(10.0), |
|||
// ), |
|||
// borderSide: BorderSide( |
|||
// color: Colors.grey.shade400, |
|||
// width: 2, |
|||
// ), |
|||
// ), |
|||
// focusedBorder: OutlineInputBorder( |
|||
// borderRadius: BorderRadius.all( |
|||
// Radius.circular(10.0), |
|||
// ), |
|||
// borderSide: BorderSide( |
|||
// color: Colors.blue.shade300, |
|||
// width: 0, |
|||
// ), |
|||
// ), |
|||
// contentPadding: EdgeInsets.all(15), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// extendBody: false, |
|||
// extendBodyBehindAppBar: false, |
|||
// bottomSheet: Container( |
|||
// height: SizeConfig.safeBlockVertical * 60, |
|||
// child: Container( |
|||
// padding: EdgeInsets.all(10), |
|||
// decoration: BoxDecoration( |
|||
// color: Theme.of(context).backgroundColor, |
|||
// border: Border.symmetric( |
|||
// horizontal: BorderSide( |
|||
// color: Theme.of(context).backgroundColor, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// child: Align( |
|||
// alignment: Alignment.topCenter, |
|||
// child: SingleChildScrollView( |
|||
// scrollDirection: Axis.vertical, |
|||
// child: TextStyleEditor( |
|||
// fonts: fonts, |
|||
// paletteColors: paletteColors, |
|||
// textStyle: textStyle, |
|||
// textAlign: textAlign, |
|||
// initialTool: EditorToolbarAction.fontFamilyTool, |
|||
// onTextAlignEdited: (align) { |
|||
// setState(() { |
|||
// textAlign = align; |
|||
// }); |
|||
// }, |
|||
// onTextStyleEdited: (style) { |
|||
// setState(() { |
|||
// textStyle = textStyle.merge(style); |
|||
// }); |
|||
// }, |
|||
// onCpasLockTaggle: (caps) { |
|||
// print(caps); |
|||
// }, |
|||
// //onToolbarActionChanged: (fu) => , |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,840 +0,0 @@ |
|||
// import 'dart:typed_data'; |
|||
// import 'package:firebase_crashlytics/firebase_crashlytics.dart'; |
|||
// import 'package:flutter/material.dart'; |
|||
// import 'package:flutter/rendering.dart'; |
|||
// import 'package:flutter/services.dart'; |
|||
// import 'dart:io'; |
|||
// |
|||
// import 'package:image_gallery_saver/image_gallery_saver.dart'; |
|||
// import 'package:page_transition/page_transition.dart'; |
|||
// import 'package:share_plus/share_plus.dart'; |
|||
// import 'package:teso/Classes/TextE.dart'; |
|||
// import 'package:teso/Pages/PageWidgets/Editors/SampleThumbnail.dart'; |
|||
// import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Editor/TextEditor.dart'; |
|||
// import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trim_editor.dart'; |
|||
// import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trimmer.dart'; |
|||
// import 'package:teso/Pages/Sub_Pages/Posts/CreatePost.dart'; |
|||
// import 'package:teso/util/SizeConfig.dart'; |
|||
// import 'package:video_player/video_player.dart'; |
|||
// import 'package:teso/util/consts.dart'; |
|||
// import 'dart:async'; |
|||
// import 'package:path_provider/path_provider.dart'; |
|||
// import 'package:teso/Classes/TesoUser.dart'; |
|||
// import 'package:provider/provider.dart'; |
|||
// import 'package:teso/providers/user_provider.dart'; |
|||
// import 'package:flutter/cupertino.dart'; |
|||
// import 'package:image/image.dart' as IMG; |
|||
// import 'package:video_thumbnail/video_thumbnail.dart'; |
|||
// import 'package:teso/Classes/ColorFilters.dart'; |
|||
|
|||
// class VideoReview extends StatefulWidget { |
|||
// final video; |
|||
// final bool recorded; |
|||
|
|||
// const VideoReview({Key key, @required this.video, @required this.recorded}) |
|||
// : super(key: key); |
|||
// @override |
|||
// _VideoReviewState createState() => _VideoReviewState(); |
|||
// } |
|||
|
|||
// class _VideoReviewState extends State<VideoReview> |
|||
// with TickerProviderStateMixin { |
|||
// Trimmer _trimmer = new Trimmer(); |
|||
// VideoPlayerController videoController; |
|||
// VoidCallback videoPlayerListener; |
|||
// bool muted = false; |
|||
// String readyVideo; |
|||
// Color textColor = Colors.white; |
|||
// double _startValue = 0.15; |
|||
// double _endValue = 60000.0; |
|||
// var _future; |
|||
// bool _isPlaying = false; |
|||
// Duration _duration; |
|||
// Duration _position; |
|||
// ByteData bytes; |
|||
// Uint8List imageBitmap; |
|||
// Uint8List thumbnail; |
|||
// Directory tempDirectory; |
|||
// TesoUser user; |
|||
// bool processing = false; |
|||
// bool downloaded = false; |
|||
// bool processed = false; |
|||
// final key = new GlobalKey(); |
|||
// double currentOffset = 0; |
|||
|
|||
// // ScreenshotController screenshotController = ScreenshotController(); |
|||
// Offset offset = Offset(0, SizeConfig.safeBlockVertical * 50); |
|||
// var indexFilter = 0; |
|||
// ScrollController controller; |
|||
// TextStyle textStyle; |
|||
// TextAlign textAlign; |
|||
// bool showFilter = false; |
|||
// Textted editting = new Textted(); |
|||
// List<String> fonts = [ |
|||
// 'Billabong', |
|||
// 'AlexBrush', |
|||
// 'Allura', |
|||
// 'Arizonia', |
|||
// 'ChunkFive', |
|||
// 'GrandHotel', |
|||
// 'GreatVibes', |
|||
// 'Lobster', |
|||
// 'OpenSans', |
|||
// 'OstrichSans', |
|||
// 'Oswald', |
|||
// 'Pacifico', |
|||
// 'Quicksand', |
|||
// 'Roboto', |
|||
// 'SEASRN', |
|||
// 'Windsong', |
|||
// ]; |
|||
// List<Color> paletteColors = [ |
|||
// Colors.black, |
|||
// Colors.white, |
|||
// Color(int.parse('0xffEA2027')), |
|||
// Color(int.parse('0xff006266')), |
|||
// Color(int.parse('0xff1B1464')), |
|||
// Color(int.parse('0xff5758BB')), |
|||
// Color(int.parse('0xff6F1E51')), |
|||
// Color(int.parse('0xffB53471')), |
|||
// Color(int.parse('0xffEE5A24')), |
|||
// Color(int.parse('0xff009432')), |
|||
// Color(int.parse('0xff0652DD')), |
|||
// Color(int.parse('0xff9980FA')), |
|||
// Color(int.parse('0xff833471')), |
|||
// Color(int.parse('0xff112CBC4')), |
|||
// Color(int.parse('0xffFDA7DF')), |
|||
// Color(int.parse('0xffED4C67')), |
|||
// Color(int.parse('0xffF79F1F')), |
|||
// Color(int.parse('0xffA3CB38')), |
|||
// Color(int.parse('0xff1289A7')), |
|||
// Color(int.parse('0xffD980FA')) |
|||
// ]; |
|||
// List<ColorFilter> colorFilters = [ |
|||
// new ColorFilter(code: Color(0xFFffffff), name: "Original"), |
|||
// new ColorFilter(code: Color(0xFFffffff), name: "White"), |
|||
// new ColorFilter(code: Color(0xFF5E2612), name: "Sepia"), |
|||
// new ColorFilter(code: Color(0xFF8BA446), name: "Martini Olive"), |
|||
// new ColorFilter(code: Color(0xFFFFF8DC), name: "Cornsilk"), |
|||
// new ColorFilter(code: Color(0xFFCDB7B5), name: "Mistyrose"), |
|||
// new ColorFilter(code: Color(0xFFEEE9E9), name: "Snow"), |
|||
// new ColorFilter(code: Color(0xFF856363), name: "Dusty"), |
|||
// new ColorFilter(code: Color(0xFF8C1717), name: "Scarlet"), |
|||
// new ColorFilter(code: Color(0xFF615E3F), name: "Tank"), |
|||
// ]; |
|||
|
|||
// void _scrollListener() { |
|||
// setState(() { |
|||
// indexFilter = |
|||
// (controller.offset / MediaQuery.of(context).size.width).round() + 1; |
|||
// if (controller.offset > currentOffset) { |
|||
// controller.animateTo(currentOffset + MediaQuery.of(context).size.width, |
|||
// duration: Duration(microseconds: 2), curve: Curves.easeIn); |
|||
// currentOffset = controller.offset; |
|||
// } else { |
|||
// controller.animateTo(currentOffset - MediaQuery.of(context).size.width, |
|||
// duration: Duration(microseconds: 2), curve: Curves.easeIn); |
|||
// currentOffset = controller.offset; |
|||
// } |
|||
// }); |
|||
// print(indexFilter); |
|||
// } |
|||
|
|||
// Future<void> _startVideoPlayer() async { |
|||
// await videoController.play(); |
|||
// } |
|||
|
|||
// Future<void> initializeController(String fileLocation) async { |
|||
// videoController = VideoPlayerController.file(File(fileLocation)); |
|||
|
|||
// videoPlayerListener = () async { |
|||
// Timer.run(() { |
|||
// this.setState(() { |
|||
// _position = videoController.value.position; |
|||
// }); |
|||
// setState(() { |
|||
// _duration = Duration(milliseconds: _endValue.round()); |
|||
// }); |
|||
// if (_duration?.compareTo(_position) == 0 || |
|||
// _duration?.compareTo(_position) == -1) { |
|||
// this.setState(() { |
|||
// _isPlaying = false; |
|||
// }); |
|||
// videoController.pause(); |
|||
// videoController.seekTo(Duration(milliseconds: _startValue.round())); |
|||
// } else {} |
|||
// }); |
|||
// }; |
|||
// videoController.addListener(videoPlayerListener); |
|||
// await videoController.setLooping(true); |
|||
// await videoController.initialize(); |
|||
// await _trimmer.loadVideo(videoFile: File(fileLocation)); |
|||
// } |
|||
|
|||
// @override |
|||
// void initState() { |
|||
// // textStyle = TextStyle( |
|||
// // fontSize: 15, |
|||
// // color: Colors.white, |
|||
// // fontFamily: 'OpenSans', |
|||
// // ); |
|||
// controller = new ScrollController(); |
|||
// controller.addListener(_scrollListener); |
|||
// readyVideo = widget.video; |
|||
// if (readyVideo != null) _future = initializeController(readyVideo); |
|||
// rootBundle.load("assets/images/rawLogo.png").then((value) => setState(() { |
|||
// imageBitmap = value.buffer.asUint8List(); |
|||
// IMG.Image img = IMG.decodeImage(imageBitmap); |
|||
// IMG.Image resized = IMG.copyResize(img, width: 50, height: 60); |
|||
// imageBitmap = IMG.encodePng(resized); |
|||
// })); |
|||
// super.initState(); |
|||
// editting = |
|||
// new Textted(text: "", textAlign: textAlign, textStyle: textStyle); |
|||
// } |
|||
|
|||
// Future<Uint8List> saveTextOverlay() async { |
|||
// return await screenshotController.capture( |
|||
// pixelRatio: videoController.value.aspectRatio); |
|||
// } |
|||
|
|||
// @override |
|||
// void dispose() { |
|||
// videoController?.dispose(); |
|||
// controller.dispose(); |
|||
// super.dispose(); |
|||
// } |
|||
|
|||
// void postVideo(context) async { |
|||
// setState(() { |
|||
// processing = true; |
|||
// }); |
|||
// if (processed) { |
|||
// await Navigator.pushReplacement( |
|||
// context, |
|||
// PageTransition( |
|||
// type: PageTransitionType.leftToRight, |
|||
// child: CreatePost( |
|||
// video: readyVideo, |
|||
// aspectRatio: videoController.value.aspectRatio.toString(), |
|||
// thumbnail: this.thumbnail, |
|||
// ), |
|||
// )); |
|||
// } else { |
|||
// readyVideo = await processVideo(context, false); |
|||
// await Navigator.pushReplacement( |
|||
// context, |
|||
// PageTransition( |
|||
// type: PageTransitionType.leftToRight, |
|||
// child: CreatePost( |
|||
// video: readyVideo, |
|||
// aspectRatio: videoController.value.aspectRatio.toString(), |
|||
// thumbnail: this.thumbnail, |
|||
// ), |
|||
// )); |
|||
// } |
|||
// } |
|||
|
|||
// Future<void> downloadVideo(context) async { |
|||
// try { |
|||
// setState(() { |
|||
// processing = true; |
|||
// }); |
|||
// String output = await processVideo(context, true); |
|||
// await ImageGallerySaver.saveFile(output).catchError((error, stackTrace) { |
|||
// setState(() { |
|||
// processing = false; |
|||
// downloaded = false; |
|||
// }); |
|||
// }).then((value) { |
|||
// setState(() { |
|||
// processing = false; |
|||
// downloaded = true; |
|||
// }); |
|||
// }); |
|||
// } catch (e) { |
|||
// print(e); |
|||
// } |
|||
// } |
|||
|
|||
// Future<String> processVideo(context, bool watermark) async { |
|||
// user = Provider.of<UserProvider>(context, listen: false).currentUser; |
|||
// String location = await getTemporaryDirectory().then((value) => |
|||
// value.path + |
|||
// "/" + |
|||
// DateTime.now().millisecondsSinceEpoch.toString() + |
|||
// ".mp4"); |
|||
// String initial = await _trimmer.saveTrimmedVideo( |
|||
// applyVideoEncoding: false, |
|||
// startValue: _startValue, |
|||
// endValue: videoController.value.duration.inMilliseconds > 5900 && |
|||
// videoController.value.duration.inMilliseconds >= _endValue |
|||
// ? _endValue |
|||
// : double.parse( |
|||
// videoController.value.duration.inMilliseconds.toString()), |
|||
// ); |
|||
// this.thumbnail = await generateThumbnail(); |
|||
// if (widget.recorded) { |
|||
// try { |
|||
// // Uint8List textBytes; |
|||
// // if (editting.text.isNotEmpty) textBytes = await saveTextOverlay(); |
|||
// // int xposition = ScaledPosition.getWidth( |
|||
// // SizeConfig.safeBlockHorizontal * 100, |
|||
// // videoController.value.size.width, |
|||
// // offset.dx); |
|||
// // int yposition = ScaledPosition.getHeight( |
|||
// // SizeConfig.safeBlockVertical * 100, |
|||
// // videoController.value.size.height, |
|||
// // offset.dy); |
|||
// // if (watermark) { |
|||
// // final tapiocaBalls = [ |
|||
// // if (indexFilter > 1) |
|||
// // TapiocaBall.filterFromColor(colorFilters[indexFilter - 1].code), |
|||
// // TapiocaBall.imageOverlay(imageBitmap, 0, 0), |
|||
// // if (textBytes != null) |
|||
// // TapiocaBall.imageOverlay(textBytes, xposition, yposition), |
|||
// // ]; |
|||
|
|||
// // final cup = Cup(Content(initial), tapiocaBalls); |
|||
// // await cup.suckUp(location); |
|||
|
|||
// // setState(() { |
|||
// // processed = true; |
|||
// // }); |
|||
// // } else if (!watermark && indexFilter == 1) { |
|||
// // setState(() { |
|||
// // processed = true; |
|||
// // }); |
|||
// // final tapiocaBalls = [ |
|||
// // if (textBytes != null) |
|||
// // TapiocaBall.imageOverlay(textBytes, xposition, yposition), |
|||
// // ]; |
|||
// // final cup = Cup(Content(initial), tapiocaBalls); |
|||
// // await cup.suckUp(location); |
|||
// // } else { |
|||
// // final tapiocaBalls = [ |
|||
// // if (indexFilter != 1 && indexFilter != 0) |
|||
// // TapiocaBall.filterFromColor(colorFilters[indexFilter - 1].code), |
|||
// // if (textBytes != null) |
|||
// // TapiocaBall.imageOverlay(textBytes, xposition, yposition), |
|||
// // ]; |
|||
// // final cup = Cup(Content(initial), tapiocaBalls); |
|||
// // await cup.suckUp(location); |
|||
|
|||
// // setState(() { |
|||
// // processed = true; |
|||
// // }); |
|||
// // } |
|||
// } catch (e) { |
|||
// print(e); |
|||
// FirebaseCrashlytics.instance.recordError( |
|||
// e, |
|||
// e, |
|||
// reason: "Video Editor", |
|||
// ); |
|||
// setState(() { |
|||
// processed = true; |
|||
// }); |
|||
// } |
|||
// } else { |
|||
// location = initial; |
|||
// } |
|||
// return location; |
|||
// } |
|||
|
|||
// Future<Uint8List> generateThumbnail() async { |
|||
// try { |
|||
// Uint8List thumbnail; |
|||
|
|||
// thumbnail = await VideoThumbnail.thumbnailData( |
|||
// video: widget.video, |
|||
// imageFormat: ImageFormat.JPEG, |
|||
// maxWidth: 0, |
|||
// maxHeight: 0, |
|||
// timeMs: 100, |
|||
// quality: 100, |
|||
// ); |
|||
// return thumbnail; |
|||
// } catch (e) { |
|||
// print("Error :::: " + e); |
|||
// return null; |
|||
// } |
|||
// } |
|||
|
|||
// Future<void> shareVideo(context) async { |
|||
// setState(() { |
|||
// processing = true; |
|||
// }); |
|||
// if (readyVideo == widget.video) { |
|||
// readyVideo = await processVideo(context, true); |
|||
// Share.shareFiles([readyVideo]); |
|||
// } else { |
|||
// Share.shareFiles([readyVideo]); |
|||
// } |
|||
// setState(() { |
|||
// processing = false; |
|||
// }); |
|||
// } |
|||
|
|||
// void setText() async { |
|||
// Textted ed = await Navigator.push( |
|||
// context, |
|||
// PageRouteBuilder( |
|||
// opaque: false, |
|||
// pageBuilder: (_, __, ___) => TextEdit( |
|||
// content: editting, |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// if (ed != null) { |
|||
// setState(() { |
|||
// editting = ed; |
|||
// }); |
|||
// } |
|||
// } |
|||
|
|||
// void showFilters() async { |
|||
// if (thumbnail == null) this.thumbnail = await generateThumbnail(); |
|||
// setState(() { |
|||
// showFilter = !showFilter; |
|||
// }); |
|||
// } |
|||
|
|||
// void setFilter(index) { |
|||
// setState(() { |
|||
// indexFilter = index; |
|||
// }); |
|||
// } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// SizeConfig().init(context); |
|||
// return Scaffold( |
|||
// body: FutureBuilder( |
|||
// future: _future, |
|||
// builder: (context, snapshot) { |
|||
// if (snapshot.connectionState == ConnectionState.waiting) { |
|||
// return Container( |
|||
// color: Colors.black, |
|||
// width: MediaQuery.of(context).size.width, |
|||
// height: MediaQuery.of(context).size.height, |
|||
// child: Center( |
|||
// child: CircularProgressIndicator( |
|||
// backgroundColor: Colors.red, |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } else { |
|||
// return Stack( |
|||
// children: [ |
|||
// videoContent(context), |
|||
// // //Filters |
|||
// filterWidget(context), |
|||
// textWidget(context), |
|||
// // Video trimmer |
|||
// trimmerWidget(context), |
|||
// // Pop button |
|||
// Align( |
|||
// alignment: Alignment.topLeft, |
|||
// child: InkWell( |
|||
// onTap: () => Navigator.pop(context), |
|||
// child: Container( |
|||
// margin: EdgeInsets.symmetric( |
|||
// horizontal: MediaQuery.of(context).size.width * 0.07, |
|||
// vertical: MediaQuery.of(context).size.width * 0.1, |
|||
// ), |
|||
// height: 35, |
|||
// width: 35, |
|||
// decoration: BoxDecoration( |
|||
// color: Color.fromRGBO(0, 0, 0, 0.4), |
|||
// shape: BoxShape.circle), |
|||
// child: Icon( |
|||
// EvilIcons.close, |
|||
// color: Colors.white, |
|||
// size: 20, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// //Filter Buttons |
|||
// showFilter ? listFilters(context) : Container(), |
|||
// // Bottom buttons |
|||
// bottomButtons(context), |
|||
// Visibility( |
|||
// visible: processing, |
|||
// child: Container( |
|||
// width: MediaQuery.of(context).size.width, |
|||
// height: MediaQuery.of(context).size.height, |
|||
// color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
// padding: EdgeInsets.only( |
|||
// top: MediaQuery.of(context).size.width * 0.7), |
|||
// child: Center( |
|||
// child: Column( |
|||
// children: [ |
|||
// Image.asset(cupertinoActivityIndicatorSmall), |
|||
// Text( |
|||
// "Processing.....", |
|||
// style: TextStyle( |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ); |
|||
// } |
|||
// }), |
|||
// ); |
|||
// } |
|||
|
|||
// Widget trimmerWidget(context) { |
|||
// return Container( |
|||
// margin: EdgeInsets.symmetric( |
|||
// horizontal: MediaQuery.of(context).size.width * 0.01, |
|||
// vertical: MediaQuery.of(context).size.width * 0.20, |
|||
// ), |
|||
// width: MediaQuery.of(context).size.width, |
|||
// child: TrimEditor( |
|||
// borderPaintColor: tesoGold, |
|||
// circlePaintColor: tesoBlue, |
|||
// thumbnailQuality: 100, |
|||
// showDuration: true, |
|||
// viewerHeight: 50.0, |
|||
// maxVideoLength: Duration(seconds: 60), |
|||
// viewerWidth: MediaQuery.of(context).size.width, |
|||
// onChangeStart: (value) { |
|||
// if (!mounted) { |
|||
// setState(() { |
|||
// _startValue = value; |
|||
// }); |
|||
// } else { |
|||
// _startValue = value; |
|||
// } |
|||
// videoController.seekTo(Duration(milliseconds: value.round())); |
|||
// }, |
|||
// onChangeEnd: (value) { |
|||
// if (!mounted) { |
|||
// setState(() { |
|||
// _endValue = value; |
|||
// }); |
|||
// } else { |
|||
// _endValue = value; |
|||
// } |
|||
// }, |
|||
// onChangePlaybackState: (isPlaying) { |
|||
// if (mounted) |
|||
// setState(() { |
|||
// _isPlaying = isPlaying; |
|||
// }); |
|||
// }, |
|||
// )); |
|||
// } |
|||
|
|||
// Widget filterWidget(context) { |
|||
// return GestureDetector( |
|||
// onTap: () { |
|||
// !_isPlaying ? _startVideoPlayer() : videoController.pause(); |
|||
// setState(() { |
|||
// _isPlaying = !_isPlaying; |
|||
// }); |
|||
// }, |
|||
// child: Container( |
|||
// width: MediaQuery.of(context).size.width, |
|||
// height: MediaQuery.of(context).size.height, |
|||
// color: |
|||
// colorFilters.elementAt(indexFilter).name.toLowerCase() == "original" |
|||
// ? colorFilters.elementAt(indexFilter).code.withOpacity(0) |
|||
// : colorFilters.elementAt(indexFilter).code.withOpacity(0.5), |
|||
// ), |
|||
// ); |
|||
// } |
|||
|
|||
// Widget videoContent(context) { |
|||
// print(videoController.value.size.width); |
|||
|
|||
// return Container( |
|||
// width: MediaQuery.of(context).size.width, |
|||
// height: MediaQuery.of(context).size.height, |
|||
// color: Colors.black, |
|||
// child: Center( |
|||
// child: AspectRatio( |
|||
// aspectRatio: videoController.value.size != null |
|||
// ? videoController.value.aspectRatio |
|||
// : 1.0, |
|||
// child: Stack( |
|||
// children: [ |
|||
// InkWell( |
|||
// onTap: () { |
|||
// !_isPlaying ? _startVideoPlayer() : videoController.pause(); |
|||
// setState(() { |
|||
// _isPlaying = !_isPlaying; |
|||
// }); |
|||
// }, |
|||
// child: VideoPlayer( |
|||
// videoController, |
|||
// ), |
|||
// ), |
|||
// Container( |
|||
// width: double.infinity, |
|||
// height: double.infinity, |
|||
// child: GestureDetector( |
|||
// child: !_isPlaying |
|||
// ? Icon( |
|||
// Ionicons.md_play_circle, |
|||
// size: 60, |
|||
// color: Colors.white, |
|||
// ) |
|||
// : Container(), |
|||
// onTap: () { |
|||
// !_isPlaying |
|||
// ? _startVideoPlayer() |
|||
// : videoController.pause(); |
|||
// setState(() { |
|||
// _isPlaying = !_isPlaying; |
|||
// }); |
|||
// }, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// )), |
|||
// ), |
|||
// ); |
|||
// } |
|||
|
|||
// Widget bottomButtons(context) { |
|||
// if (widget.recorded) { |
|||
// return Align( |
|||
// alignment: Alignment.bottomLeft, |
|||
// child: Container( |
|||
// margin: EdgeInsets.symmetric( |
|||
// horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
// vertical: SizeConfig.safeBlockVertical * 2.5, |
|||
// ), |
|||
// width: MediaQuery.of(context).size.width, |
|||
// child: Row( |
|||
// mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
// mainAxisSize: MainAxisSize.min, |
|||
// children: [ |
|||
// Container( |
|||
// width: 55, |
|||
// height: 40, |
|||
// padding: EdgeInsets.all(5), |
|||
// decoration: BoxDecoration( |
|||
// color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
// borderRadius: BorderRadius.only( |
|||
// bottomLeft: Radius.circular(30), |
|||
// bottomRight: Radius.circular(30), |
|||
// topRight: Radius.circular(30), |
|||
// topLeft: Radius.circular(30), |
|||
// ), |
|||
// border: Border.all(color: Colors.white, width: 0.5)), |
|||
// child: InkWell( |
|||
// onTap: () async => |
|||
// !downloaded ? await downloadVideo(context) : null, |
|||
// child: Icon( |
|||
// !downloaded ? Feather.download : MaterialIcons.check, |
|||
// color: !downloaded ? Colors.white : Colors.green, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// // InkWell( |
|||
// // onTap: setText, |
|||
// // child: Container( |
|||
// // width: 50, |
|||
// // padding: EdgeInsets.symmetric(horizontal: 18), |
|||
// // decoration: BoxDecoration( |
|||
// // color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
// // borderRadius: BorderRadius.only( |
|||
// // bottomLeft: Radius.circular(30), |
|||
// // bottomRight: Radius.circular(30), |
|||
// // topRight: Radius.circular(30), |
|||
// // topLeft: Radius.circular(30), |
|||
// // ), |
|||
// // border: Border.all(color: Colors.white, width: 0.5)), |
|||
// // child: Text( |
|||
// // "T", |
|||
// // style: TextStyle( |
|||
// // color: Colors.white, |
|||
// // fontWeight: FontWeight.bold, |
|||
// // fontSize: SizeConfig.safeBlockHorizontal * 8, |
|||
// // fontFamily: 'DeadheadScript', |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // Container( |
|||
// // width: 55, |
|||
// // height: 40, |
|||
// // padding: EdgeInsets.all(5), |
|||
// // decoration: BoxDecoration( |
|||
// // color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
// // borderRadius: BorderRadius.only( |
|||
// // bottomLeft: Radius.circular(30), |
|||
// // bottomRight: Radius.circular(30), |
|||
// // topRight: Radius.circular(30), |
|||
// // topLeft: Radius.circular(30), |
|||
// // ), |
|||
// // border: Border.all(color: Colors.white, width: 0.5)), |
|||
// // child: InkWell( |
|||
// // onTap: showFilters, |
|||
// // child: Image( |
|||
// // image: AssetImage("assets/images/color-filters.png"), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
|
|||
// Container( |
|||
// width: 55, |
|||
// height: 40, |
|||
// padding: EdgeInsets.all(5), |
|||
// decoration: BoxDecoration( |
|||
// color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
// borderRadius: BorderRadius.only( |
|||
// bottomLeft: Radius.circular(30), |
|||
// bottomRight: Radius.circular(30), |
|||
// topRight: Radius.circular(30), |
|||
// topLeft: Radius.circular(30), |
|||
// ), |
|||
// border: Border.all(color: Colors.white, width: 0.5)), |
|||
// child: InkWell( |
|||
// onTap: () async => await shareVideo(context), |
|||
// child: Icon( |
|||
// Entypo.share, |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// Container( |
|||
// padding: EdgeInsets.all(5), |
|||
// width: 100, |
|||
// height: 40, |
|||
// decoration: BoxDecoration( |
|||
// color: tesoGold, |
|||
// borderRadius: BorderRadius.only( |
|||
// bottomLeft: Radius.circular(30), |
|||
// bottomRight: Radius.circular(30), |
|||
// topRight: Radius.circular(30), |
|||
// topLeft: Radius.circular(30), |
|||
// ), |
|||
// ), |
|||
// child: InkWell( |
|||
// onTap: () => postVideo(context), |
|||
// child: Row( |
|||
// mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
// children: [ |
|||
// Text( |
|||
// "Post", |
|||
// style: TextStyle( |
|||
// fontWeight: FontWeight.bold, |
|||
// ), |
|||
// ), |
|||
// Icon( |
|||
// Ionicons.md_send, |
|||
// color: tesoBlue, |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } else { |
|||
// return Align( |
|||
// alignment: Alignment.bottomRight, |
|||
// child: Container( |
|||
// padding: EdgeInsets.all(5), |
|||
// width: 100, |
|||
// height: 40, |
|||
// margin: EdgeInsets.symmetric( |
|||
// vertical: 10, |
|||
// horizontal: 20, |
|||
// ), |
|||
// decoration: BoxDecoration( |
|||
// color: tesoGold, |
|||
// borderRadius: BorderRadius.only( |
|||
// bottomLeft: Radius.circular(30), |
|||
// bottomRight: Radius.circular(30), |
|||
// topRight: Radius.circular(30), |
|||
// topLeft: Radius.circular(30), |
|||
// ), |
|||
// ), |
|||
// child: InkWell( |
|||
// onTap: () => postVideo(context), |
|||
// child: Row( |
|||
// mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
// children: [ |
|||
// Text( |
|||
// "Post", |
|||
// style: TextStyle( |
|||
// fontWeight: FontWeight.bold, |
|||
// ), |
|||
// ), |
|||
// Icon( |
|||
// Ionicons.md_send, |
|||
// color: tesoBlue, |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
|
|||
// Widget listFilters(context) { |
|||
// return Align( |
|||
// alignment: Alignment.bottomLeft, |
|||
// child: Container( |
|||
// margin: EdgeInsets.symmetric( |
|||
// horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
// vertical: SizeConfig.safeBlockVertical * 10, |
|||
// ), |
|||
// width: MediaQuery.of(context).size.width, |
|||
// height: SizeConfig.safeBlockVertical * 17, |
|||
// child: ListView.builder( |
|||
// scrollDirection: Axis.horizontal, |
|||
// itemCount: colorFilters.length, |
|||
// //controller: controller, |
|||
// itemBuilder: (context, index) { |
|||
// return InkWell( |
|||
// onTap: () => setFilter(index), |
|||
// child: buildFilterThumb( |
|||
// context, colorFilters[index], thumbnail)); |
|||
// }), |
|||
// ), |
|||
// ); |
|||
// } |
|||
|
|||
// Widget textWidget(context) { |
|||
// return Container( |
|||
// child: Positioned( |
|||
// left: offset.dx, |
|||
// top: offset.dy, |
|||
// child: GestureDetector( |
|||
// onTap: setText, |
|||
// onPanUpdate: (details) { |
|||
// setState(() { |
|||
// offset = Offset( |
|||
// offset.dx + details.delta.dx, offset.dy + details.delta.dy); |
|||
// }); |
|||
// }, |
|||
// child: Screenshot( |
|||
// controller: screenshotController, |
|||
// child: editting.text != null |
|||
// ? Text( |
|||
// editting.text, |
|||
// style: editting.textStyle, |
|||
// textAlign: editting.textAlign, |
|||
// ) |
|||
// : Container(), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,554 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/rendering.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
import 'dart:io'; |
|||
|
|||
import 'package:image_gallery_saver/image_gallery_saver.dart'; |
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'package:share_plus/share_plus.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/file_formats.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trim_editor.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trimmer.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/CreatePost.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'dart:async'; |
|||
import 'package:path_provider/path_provider.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:image/image.dart' as IMG; |
|||
import 'package:video_thumbnail/video_thumbnail.dart'; |
|||
|
|||
class VideoReview extends StatefulWidget { |
|||
final video; |
|||
final bool recorded; |
|||
final double aspect; |
|||
|
|||
const VideoReview( |
|||
{Key key, @required this.video, @required this.recorded, this.aspect}) |
|||
: super(key: key); |
|||
@override |
|||
_VideoReviewState createState() => _VideoReviewState(); |
|||
} |
|||
|
|||
class _VideoReviewState extends State<VideoReview> |
|||
with TickerProviderStateMixin { |
|||
Trimmer _trimmer = new Trimmer(); |
|||
VideoPlayerController videoController; |
|||
VoidCallback videoPlayerListener; |
|||
bool muted = false; |
|||
String readyVideo; |
|||
Color textColor = Colors.white; |
|||
double _startValue = 0.15; |
|||
double _endValue = 60000.0; |
|||
var _future; |
|||
bool _isPlaying = false; |
|||
Duration _duration; |
|||
Duration _position; |
|||
ByteData bytes; |
|||
Uint8List imageBitmap; |
|||
Uint8List thumbnail; |
|||
Directory tempDirectory; |
|||
TesoUser user; |
|||
bool processing = false; |
|||
bool downloaded = false; |
|||
bool processed = false; |
|||
final key = new GlobalKey(); |
|||
double currentOffset = 0; |
|||
|
|||
Future<void> _startVideoPlayer() async { |
|||
await videoController.play(); |
|||
} |
|||
|
|||
Future<void> initializeController(String fileLocation) async { |
|||
videoController = VideoPlayerController.file(File(fileLocation)); |
|||
|
|||
videoPlayerListener = () async { |
|||
Timer.run(() { |
|||
this.setState(() { |
|||
_position = videoController.value.position; |
|||
}); |
|||
setState(() { |
|||
_duration = Duration(milliseconds: _endValue.round()); |
|||
}); |
|||
if (_duration?.compareTo(_position) == 0 || |
|||
_duration?.compareTo(_position) == -1) { |
|||
this.setState(() { |
|||
_isPlaying = false; |
|||
}); |
|||
videoController.pause(); |
|||
videoController.seekTo(Duration(milliseconds: _startValue.round())); |
|||
} else {} |
|||
}); |
|||
}; |
|||
videoController.addListener(videoPlayerListener); |
|||
await videoController.setLooping(true); |
|||
await videoController.initialize(); |
|||
await _trimmer.loadVideo(videoFile: File(fileLocation)); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
readyVideo = widget.video; |
|||
if (readyVideo != null) _future = initializeController(readyVideo); |
|||
rootBundle.load("assets/images/rawLogo.png").then((value) => setState(() { |
|||
imageBitmap = value.buffer.asUint8List(); |
|||
IMG.Image img = IMG.decodeImage(imageBitmap); |
|||
IMG.Image resized = IMG.copyResize(img, width: 50, height: 60); |
|||
imageBitmap = IMG.encodePng(resized); |
|||
})); |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
super.dispose(); |
|||
videoController.dispose(); |
|||
} |
|||
|
|||
void postVideo(context) async { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
if (processed) { |
|||
await Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: CreatePost( |
|||
video: readyVideo, |
|||
aspectRatio: widget.recorded |
|||
? "0.5625" |
|||
: videoController.value.aspectRatio.toString(), |
|||
thumbnail: this.thumbnail, |
|||
), |
|||
)); |
|||
} else { |
|||
readyVideo = await processVideo(context, false); |
|||
await Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: CreatePost( |
|||
video: readyVideo, |
|||
aspectRatio: widget.recorded |
|||
? "0.5625" |
|||
: videoController.value.aspectRatio.toString(), |
|||
thumbnail: this.thumbnail, |
|||
), |
|||
)); |
|||
} |
|||
} |
|||
|
|||
Future<void> downloadVideo(context) async { |
|||
try { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
String output = await processVideo(context, true); |
|||
await ImageGallerySaver.saveFile(output).catchError((error, stackTrace) { |
|||
setState(() { |
|||
processing = false; |
|||
downloaded = false; |
|||
}); |
|||
}).then((value) { |
|||
setState(() { |
|||
processing = false; |
|||
downloaded = true; |
|||
}); |
|||
}); |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
Future<String> processVideo(context, bool watermark) async { |
|||
user = Provider.of<UserProvider>(context, listen: false).currentUser; |
|||
String location = await getTemporaryDirectory().then((value) => |
|||
value.path + |
|||
"/" + |
|||
DateTime.now().millisecondsSinceEpoch.toString() + |
|||
".mp4"); |
|||
if (widget.recorded) { |
|||
String initial = await _trimmer.saveTrimmedVideo( |
|||
applyVideoEncoding: false, |
|||
ffmpegCommand: "-vf setsar=1:1 -aspect 9:16", |
|||
customVideoFormat: ".mp4", |
|||
startValue: _startValue, |
|||
endValue: videoController.value.duration.inMilliseconds > 5900 && |
|||
videoController.value.duration.inMilliseconds >= _endValue |
|||
? _endValue |
|||
: double.parse( |
|||
videoController.value.duration.inMilliseconds.toString()), |
|||
); |
|||
this.thumbnail = await generateThumbnail(); |
|||
|
|||
location = initial; |
|||
} else { |
|||
String initial = await _trimmer.saveTrimmedVideo( |
|||
startValue: _startValue, |
|||
endValue: videoController.value.duration.inMilliseconds > 5900 && |
|||
videoController.value.duration.inMilliseconds >= _endValue |
|||
? _endValue |
|||
: double.parse( |
|||
videoController.value.duration.inMilliseconds.toString()), |
|||
outputFormat: FileFormat.mp4, |
|||
); |
|||
this.thumbnail = await generateThumbnail(); |
|||
|
|||
location = initial; |
|||
} |
|||
return location; |
|||
} |
|||
|
|||
Future<Uint8List> generateThumbnail() async { |
|||
try { |
|||
Uint8List thumbnail; |
|||
|
|||
thumbnail = await VideoThumbnail.thumbnailData( |
|||
video: widget.video, |
|||
imageFormat: ImageFormat.JPEG, |
|||
maxWidth: 0, |
|||
maxHeight: 0, |
|||
timeMs: 100, |
|||
quality: 100, |
|||
); |
|||
return thumbnail; |
|||
} catch (e) { |
|||
print("Error :::: " + e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
Future<void> shareVideo(context) async { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
if (readyVideo == widget.video) { |
|||
readyVideo = await processVideo(context, true); |
|||
Share.shareFiles([readyVideo]); |
|||
} else { |
|||
Share.shareFiles([readyVideo]); |
|||
} |
|||
setState(() { |
|||
processing = false; |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
SizeConfig().init(context); |
|||
return Scaffold( |
|||
body: FutureBuilder( |
|||
future: _future, |
|||
builder: (context, snapshot) { |
|||
if (snapshot.connectionState == ConnectionState.waiting) { |
|||
return Container( |
|||
color: Colors.black, |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: Center( |
|||
child: CircularProgressIndicator( |
|||
backgroundColor: Colors.red, |
|||
), |
|||
), |
|||
); |
|||
} else { |
|||
return Stack( |
|||
children: [ |
|||
videoContent(context), |
|||
// Video trimmer |
|||
trimmerWidget(context), |
|||
// Pop button |
|||
Align( |
|||
alignment: Alignment.topLeft, |
|||
child: InkWell( |
|||
onTap: () => Navigator.pop(context), |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.07, |
|||
vertical: MediaQuery.of(context).size.width * 0.1, |
|||
), |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.4), |
|||
shape: BoxShape.circle), |
|||
child: Icon( |
|||
Icons.close, |
|||
color: Colors.white, |
|||
size: 20, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
// Bottom buttons |
|||
bottomButtons(context), |
|||
Visibility( |
|||
visible: processing, |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
padding: EdgeInsets.only( |
|||
top: MediaQuery.of(context).size.width * 0.7), |
|||
child: Center( |
|||
child: Column( |
|||
children: [ |
|||
CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
Text( |
|||
"Processing.....", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
}), |
|||
); |
|||
} |
|||
|
|||
Widget trimmerWidget(context) { |
|||
return Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.01, |
|||
vertical: MediaQuery.of(context).size.width * 0.20, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
child: TrimEditor( |
|||
borderPaintColor: tesoGold, |
|||
circlePaintColor: tesoBlue, |
|||
thumbnailQuality: 100, |
|||
showDuration: true, |
|||
viewerHeight: 50.0, |
|||
maxVideoLength: Duration(seconds: 60), |
|||
viewerWidth: MediaQuery.of(context).size.width, |
|||
onChangeStart: (value) { |
|||
if (!mounted) { |
|||
setState(() { |
|||
_startValue = value; |
|||
}); |
|||
} else { |
|||
_startValue = value; |
|||
} |
|||
videoController.seekTo(Duration(milliseconds: value.round())); |
|||
}, |
|||
onChangeEnd: (value) { |
|||
if (!mounted) { |
|||
setState(() { |
|||
_endValue = value; |
|||
}); |
|||
} else { |
|||
_endValue = value; |
|||
} |
|||
}, |
|||
onChangePlaybackState: (isPlaying) { |
|||
if (mounted) |
|||
setState(() { |
|||
_isPlaying = isPlaying; |
|||
}); |
|||
}, |
|||
)); |
|||
} |
|||
|
|||
Widget videoContent(context) { |
|||
print(videoController.value.size.width); |
|||
|
|||
return Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: AspectRatio( |
|||
aspectRatio: videoController.value.size != null |
|||
? videoController.value.aspectRatio |
|||
: 1.0, |
|||
child: Stack( |
|||
children: [ |
|||
InkWell( |
|||
onTap: () { |
|||
!_isPlaying ? _startVideoPlayer() : videoController.pause(); |
|||
setState(() { |
|||
_isPlaying = !_isPlaying; |
|||
}); |
|||
}, |
|||
child: VideoPlayer( |
|||
videoController, |
|||
), |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
height: double.infinity, |
|||
child: GestureDetector( |
|||
child: !_isPlaying |
|||
? Icon( |
|||
Icons.play_circle, |
|||
size: 60, |
|||
color: Colors.white, |
|||
) |
|||
: Container(), |
|||
onTap: () { |
|||
!_isPlaying |
|||
? _startVideoPlayer() |
|||
: videoController.pause(); |
|||
setState(() { |
|||
_isPlaying = !_isPlaying; |
|||
}); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
)), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget bottomButtons(context) { |
|||
if (widget.recorded) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
vertical: SizeConfig.safeBlockVertical * 2.5, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Container( |
|||
width: 55, |
|||
height: 40, |
|||
padding: EdgeInsets.all(5), |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
border: Border.all(color: Colors.white, width: 0.5)), |
|||
child: InkWell( |
|||
onTap: () async => |
|||
!downloaded ? await downloadVideo(context) : null, |
|||
child: Icon( |
|||
!downloaded ? Icons.download : Icons.check, |
|||
color: !downloaded ? Colors.white : Colors.green, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: 55, |
|||
height: 40, |
|||
padding: EdgeInsets.all(5), |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
border: Border.all(color: Colors.white, width: 0.5)), |
|||
child: InkWell( |
|||
onTap: () async => await shareVideo(context), |
|||
child: Icon( |
|||
Icons.share, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.all(5), |
|||
width: 100, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
color: tesoGold, |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Text( |
|||
"Post", |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
Icon( |
|||
Icons.send, |
|||
color: tesoBlue, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} else { |
|||
return Align( |
|||
alignment: Alignment.bottomRight, |
|||
child: Container( |
|||
padding: EdgeInsets.all(5), |
|||
width: 100, |
|||
height: 40, |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: 10, |
|||
horizontal: 20, |
|||
), |
|||
decoration: BoxDecoration( |
|||
color: tesoGold, |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Text( |
|||
"Post", |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
Icon( |
|||
Icons.send, |
|||
color: tesoBlue, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
} |
|||
@ -1,92 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class ColorPalette extends StatefulWidget { |
|||
final Color activeColor; |
|||
final List<Color> colors; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
ColorPalette({ |
|||
this.activeColor, |
|||
this.onColorPicked, |
|||
this.colors, |
|||
}); |
|||
|
|||
@override |
|||
_ColorPaletteState createState() => _ColorPaletteState(); |
|||
} |
|||
|
|||
class _ColorPaletteState extends State<ColorPalette> { |
|||
Color _activeColor; |
|||
|
|||
@override |
|||
void initState() { |
|||
_activeColor = widget.activeColor ?? widget.colors[0]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Padding( |
|||
padding: EdgeInsets.all(16), |
|||
child: Wrap( |
|||
spacing: 16, |
|||
runSpacing: 16, |
|||
children: widget.colors |
|||
.map( |
|||
(color) => _ColorHolder( |
|||
color: color, |
|||
active: color == _activeColor, |
|||
onTap: (color) { |
|||
setState(() => _activeColor = color); |
|||
widget.onColorPicked(color); |
|||
}, |
|||
), |
|||
) |
|||
.toList(), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _ColorHolder extends StatelessWidget { |
|||
final Color color; |
|||
final Function(Color) onTap; |
|||
final bool active; |
|||
|
|||
_ColorHolder({ |
|||
this.color, |
|||
this.onTap, |
|||
this.active = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
height: 40, |
|||
width: 40, |
|||
decoration: BoxDecoration( |
|||
border: active |
|||
? Border.fromBorderSide( |
|||
BorderSide(color: Theme.of(context).colorScheme.onSurface)) |
|||
: null, |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
child: Center( |
|||
child: GestureDetector( |
|||
onTap: () => onTap(color), |
|||
child: Container( |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
border: Border.fromBorderSide( |
|||
BorderSide(color: Theme.of(context).colorScheme.onSurface)), |
|||
borderRadius: BorderRadius.circular(50), |
|||
color: color, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class OptionButton extends StatelessWidget { |
|||
final bool isActive; |
|||
final Function() onPressed; |
|||
final Widget child; |
|||
final Size size; |
|||
|
|||
OptionButton({ |
|||
this.onPressed, |
|||
this.child, |
|||
this.isActive = false, |
|||
this.size, |
|||
}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return RawMaterialButton( |
|||
constraints: BoxConstraints.tight(size ?? Size(45, 45)), |
|||
highlightColor: Theme.of(context).colorScheme.background, |
|||
splashColor: Theme.of(context).colorScheme.background, |
|||
fillColor: isActive ? Theme.of(context).colorScheme.background : null, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
side: BorderSide(color: Theme.of(context).colorScheme.surface), |
|||
), |
|||
child: child, |
|||
onPressed: onPressed, |
|||
); |
|||
} |
|||
} |
|||
@ -1,87 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import 'option_button.dart'; |
|||
import 'toolbar_action.dart'; |
|||
|
|||
class Toolbar extends StatefulWidget { |
|||
final EditorToolbarAction initialTool; |
|||
final Function(EditorToolbarAction) onToolSelect; |
|||
|
|||
Toolbar({ |
|||
this.initialTool = EditorToolbarAction.editor, |
|||
this.onToolSelect, |
|||
}); |
|||
|
|||
@override |
|||
_ToolbarState createState() => _ToolbarState(); |
|||
} |
|||
|
|||
class _ToolbarState extends State<Toolbar> { |
|||
EditorToolbarAction _selectedAction; |
|||
@override |
|||
void initState() { |
|||
_selectedAction = widget.initialTool; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
// OptionButton( |
|||
// isActive: _selectedAction == EditorToolbarAction.editor, |
|||
// child: Icon(Icons.keyboard), |
|||
// onPressed: () { |
|||
// setState(() => _selectedAction = EditorToolbarAction.editor); |
|||
// widget.onToolSelect(EditorToolbarAction.editor); |
|||
// }, |
|||
// ), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontFamilyTool, |
|||
child: Icon(Icons.title), |
|||
onPressed: () { |
|||
setState( |
|||
() => _selectedAction = EditorToolbarAction.fontFamilyTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontFamilyTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontOptionTool, |
|||
child: Icon(Icons.strikethrough_s), |
|||
onPressed: () { |
|||
setState( |
|||
() => _selectedAction = EditorToolbarAction.fontOptionTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontOptionTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontSizeTool, |
|||
child: Icon(Icons.format_size), |
|||
onPressed: () { |
|||
setState(() => _selectedAction = EditorToolbarAction.fontSizeTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontSizeTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontColorTool, |
|||
child: Icon(Icons.format_color_text), |
|||
onPressed: () { |
|||
setState(() => _selectedAction = EditorToolbarAction.fontColorTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontColorTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.backgroundColorTool, |
|||
child: Icon(Icons.format_color_fill), |
|||
onPressed: () { |
|||
setState(() => |
|||
_selectedAction = EditorToolbarAction.backgroundColorTool); |
|||
widget.onToolSelect(EditorToolbarAction.backgroundColorTool); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
enum EditorToolbarAction { |
|||
editor, |
|||
fontFamilyTool, |
|||
fontOptionTool, |
|||
fontSizeTool, |
|||
fontColorTool, |
|||
backgroundColorTool, |
|||
} |
|||
@ -1,24 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../color_palette.dart'; |
|||
|
|||
class BackgroundColorTool extends StatelessWidget { |
|||
final List<Color> colors; |
|||
final Color activeColor; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
BackgroundColorTool({ |
|||
this.colors, |
|||
this.onColorPicked, |
|||
this.activeColor, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return ColorPalette( |
|||
activeColor: activeColor, |
|||
onColorPicked: onColorPicked, |
|||
colors: colors, |
|||
); |
|||
} |
|||
} |
|||
@ -1,24 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../color_palette.dart'; |
|||
|
|||
class FontColorTool extends StatelessWidget { |
|||
final List<Color> colors; |
|||
final Color activeColor; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
FontColorTool({ |
|||
this.colors, |
|||
this.onColorPicked, |
|||
this.activeColor, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return ColorPalette( |
|||
activeColor: activeColor, |
|||
onColorPicked: onColorPicked, |
|||
colors: colors, |
|||
); |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../option_button.dart'; |
|||
|
|||
class FontFamilyTool extends StatefulWidget { |
|||
final List<String> fonts; |
|||
final Function(String) onSelectFont; |
|||
final String selectedFont; |
|||
|
|||
FontFamilyTool({ |
|||
this.fonts, |
|||
this.onSelectFont, |
|||
this.selectedFont, |
|||
}); |
|||
|
|||
@override |
|||
_FontFamilyToolState createState() => _FontFamilyToolState(); |
|||
} |
|||
|
|||
class _FontFamilyToolState extends State<FontFamilyTool> { |
|||
String _selectedFont; |
|||
|
|||
@override |
|||
void initState() { |
|||
_selectedFont = widget.selectedFont ?? widget.fonts[0]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Wrap( |
|||
spacing: 12, |
|||
runSpacing: 12, |
|||
children: widget.fonts |
|||
.map<_FontFamily>( |
|||
(font) => _FontFamily( |
|||
font, |
|||
isSelected: _selectedFont == font, |
|||
onSelect: (selectedFont) { |
|||
setState(() => _selectedFont = selectedFont); |
|||
widget.onSelectFont(selectedFont); |
|||
}, |
|||
), |
|||
) |
|||
.toList(), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _FontFamily extends StatelessWidget { |
|||
final String font; |
|||
final bool isSelected; |
|||
final Function(String) onSelect; |
|||
|
|||
_FontFamily(this.font, {this.onSelect, this.isSelected = false}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return OptionButton( |
|||
isActive: isSelected, |
|||
size: Size(90, 45), |
|||
onPressed: () => onSelect(font), |
|||
child: Center(child: Text(font, style: TextStyle(fontFamily: font))), |
|||
); |
|||
} |
|||
} |
|||
@ -1,123 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class FontSizeTool extends StatelessWidget { |
|||
final double fontSize; |
|||
final double letterSpacing; |
|||
final double letterHeight; |
|||
final Function( |
|||
double fontSize, |
|||
double letterSpacing, |
|||
double letterHeight, |
|||
) onFontSizeEdited; |
|||
|
|||
FontSizeTool({ |
|||
this.onFontSizeEdited, |
|||
this.fontSize = 0, |
|||
this.letterSpacing = 0, |
|||
this.letterHeight = 0, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
double _fontSize = fontSize; |
|||
double _letterSpacing = letterSpacing; |
|||
double _letterHeight = letterHeight; |
|||
|
|||
return Padding( |
|||
padding: EdgeInsets.all(16), |
|||
child: Column( |
|||
children: [ |
|||
_ResizeSlider( |
|||
value: _fontSize, |
|||
icon: Icons.format_size, |
|||
max: 45, |
|||
onChange: (value) { |
|||
_fontSize = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
_ResizeSlider( |
|||
value: _letterHeight, |
|||
icon: Icons.format_line_spacing, |
|||
max: 10, |
|||
onChange: (value) { |
|||
_letterHeight = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
_ResizeSlider( |
|||
value: _letterSpacing, |
|||
icon: Icons.settings_ethernet, |
|||
max: 10, |
|||
onChange: (value) { |
|||
_letterSpacing = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _ResizeSlider extends StatefulWidget { |
|||
final double value; |
|||
final double min; |
|||
final double max; |
|||
final IconData icon; |
|||
final Function(double) onChange; |
|||
|
|||
_ResizeSlider({ |
|||
this.value, |
|||
this.icon, |
|||
this.onChange, |
|||
this.min = 0, |
|||
this.max = 100, |
|||
}); |
|||
|
|||
@override |
|||
_ResizeSliderState createState() => _ResizeSliderState(); |
|||
} |
|||
|
|||
class _ResizeSliderState extends State<_ResizeSlider> { |
|||
double _value; |
|||
|
|||
@override |
|||
void initState() { |
|||
_value = widget.value; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
children: [ |
|||
Icon(widget.icon), |
|||
Expanded( |
|||
child: SliderTheme( |
|||
data: SliderThemeData( |
|||
activeTrackColor: Theme.of(context).colorScheme.background, |
|||
inactiveTrackColor: Theme.of(context).colorScheme.background, |
|||
thumbColor: Theme.of(context).colorScheme.background, |
|||
overlayColor: |
|||
Theme.of(context).colorScheme.background.withOpacity(0.2), |
|||
trackHeight: 2, |
|||
), |
|||
child: Slider( |
|||
value: _value, |
|||
onChanged: (value) { |
|||
setState(() => _value = value); |
|||
|
|||
widget.onChange(value); |
|||
}, |
|||
min: widget.min, |
|||
max: widget.max, |
|||
), |
|||
), |
|||
), |
|||
Text(_value.toStringAsFixed(1)), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,237 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../option_button.dart'; |
|||
|
|||
class TextFormatTool extends StatelessWidget { |
|||
final Function( |
|||
bool bold, |
|||
bool italic, |
|||
) onTextFormatEdited; |
|||
final Function(bool caps) onCpasLockTaggle; |
|||
final Function(TextAlign textAlign) onTextAlignEdited; |
|||
final TextAlign textAlign; |
|||
final bool bold; |
|||
final bool italic; |
|||
final bool caps; |
|||
|
|||
TextFormatTool({ |
|||
this.onTextFormatEdited, |
|||
this.onTextAlignEdited, |
|||
this.onCpasLockTaggle, |
|||
this.textAlign = TextAlign.left, |
|||
this.bold = false, |
|||
this.italic = false, |
|||
this.caps = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only(top: 36), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.center, |
|||
children: [ |
|||
_TextFormatEditor( |
|||
bold: bold, |
|||
italic: italic, |
|||
caps: caps, |
|||
onFormatEdited: onTextFormatEdited, |
|||
onCpasLockTaggle: onCpasLockTaggle, |
|||
), |
|||
SizedBox(height: 36), |
|||
_TextAlignEditor( |
|||
textAlign: textAlign, |
|||
onTextAlignEdited: onTextAlignEdited, |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextAlignEditor extends StatefulWidget { |
|||
final TextAlign textAlign; |
|||
final Function(TextAlign textAlign) onTextAlignEdited; |
|||
|
|||
_TextAlignEditor({ |
|||
this.onTextAlignEdited, |
|||
this.textAlign = TextAlign.left, |
|||
}); |
|||
|
|||
@override |
|||
_TextAlignEditorState createState() => _TextAlignEditorState(); |
|||
} |
|||
|
|||
class _TextAlignEditorState extends State<_TextAlignEditor> { |
|||
TextAlign _textAlign; |
|||
|
|||
@override |
|||
void initState() { |
|||
_textAlign = widget.textAlign; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_left, |
|||
isActive: _textAlign == TextAlign.left, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.left); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_center, |
|||
isActive: _textAlign == TextAlign.center, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.center); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_right, |
|||
isActive: _textAlign == TextAlign.right, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.right); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_justify, |
|||
isActive: _textAlign == TextAlign.justify, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.justify); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextAlignOption extends StatelessWidget { |
|||
final IconData icon; |
|||
final Function() onPressed; |
|||
final bool isActive; |
|||
|
|||
_TextAlignOption({ |
|||
this.icon, |
|||
this.onPressed, |
|||
this.isActive = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return IconButton( |
|||
iconSize: 32, |
|||
icon: Icon(icon), |
|||
color: isActive |
|||
? Theme.of(context).iconTheme.color |
|||
: Theme.of(context).disabledColor, |
|||
onPressed: onPressed, |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextFormatEditor extends StatefulWidget { |
|||
final Function(bool bold, bool italic) onFormatEdited; |
|||
final Function(bool caps) onCpasLockTaggle; |
|||
final bool bold; |
|||
final bool italic; |
|||
final bool caps; |
|||
|
|||
_TextFormatEditor({ |
|||
this.onFormatEdited, |
|||
this.onCpasLockTaggle, |
|||
this.bold = false, |
|||
this.italic = false, |
|||
this.caps = false, |
|||
}); |
|||
|
|||
@override |
|||
_TextFormatEditorState createState() => _TextFormatEditorState(); |
|||
} |
|||
|
|||
class _TextFormatEditorState extends State<_TextFormatEditor> { |
|||
bool _bold; |
|||
bool _italic; |
|||
bool _caps; |
|||
|
|||
@override |
|||
void initState() { |
|||
_bold = widget.bold; |
|||
_italic = widget.italic; |
|||
_caps = widget.caps; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
_TextFormatOption( |
|||
title: 'BOLD', |
|||
icon: Icons.format_bold, |
|||
isActive: _bold, |
|||
onPressed: () { |
|||
setState(() => _bold = !_bold); |
|||
widget.onFormatEdited(_bold, _italic); |
|||
}, |
|||
), |
|||
_TextFormatOption( |
|||
title: 'ITALIC', |
|||
icon: Icons.format_italic, |
|||
isActive: _italic, |
|||
onPressed: () { |
|||
setState(() => _italic = !_italic); |
|||
widget.onFormatEdited(_bold, _italic); |
|||
}, |
|||
), |
|||
_TextFormatOption( |
|||
title: 'CAPS', |
|||
icon: Icons.keyboard_capslock, |
|||
isActive: _caps, |
|||
onPressed: () { |
|||
setState(() => _caps = !_caps); |
|||
widget.onCpasLockTaggle(_caps); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextFormatOption extends StatelessWidget { |
|||
final String title; |
|||
final IconData icon; |
|||
final Function() onPressed; |
|||
final bool isActive; |
|||
|
|||
_TextFormatOption({ |
|||
this.title, |
|||
this.icon, |
|||
this.onPressed, |
|||
this.isActive = false, |
|||
}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Column( |
|||
children: [ |
|||
OptionButton( |
|||
isActive: isActive, |
|||
onPressed: onPressed, |
|||
child: Icon(icon), |
|||
), |
|||
SizedBox(height: 12), |
|||
Text(title), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,223 +0,0 @@ |
|||
library text_style_editor; |
|||
|
|||
export 'src/toolbar_action.dart'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'src/toolbar_action.dart'; |
|||
import 'src/tools/background_color_tool.dart'; |
|||
import 'src/color_palette.dart'; |
|||
import 'src/tools/font_family_tool.dart'; |
|||
import 'src/tools/font_size_tool.dart'; |
|||
import 'src/tools/text_format_tool.dart'; |
|||
import 'src/toolbar.dart'; |
|||
|
|||
/// Text style editor |
|||
/// A flutter widget that edit text style and text alignment |
|||
/// |
|||
/// You can pass your text style or alignment to the widget |
|||
/// and then get the edited text style |
|||
class TextStyleEditor extends StatefulWidget { |
|||
/// Editor's font families |
|||
final List<String> fonts; |
|||
|
|||
/// The text style |
|||
final TextStyle textStyle; |
|||
|
|||
/// The text alignment |
|||
final TextAlign textAlign; |
|||
|
|||
/// The inithial editor tool |
|||
final EditorToolbarAction initialTool; |
|||
|
|||
/// Editor's palette colors |
|||
final List<Color> paletteColors; |
|||
|
|||
/// [onTextStyleEdited] will be called after [textStyle] prop has changed |
|||
final Function(TextStyle) onTextStyleEdited; |
|||
|
|||
/// [onTextAlignEdited] will be called after [textAlingment] prop has changed |
|||
final Function(TextAlign) onTextAlignEdited; |
|||
|
|||
/// [onCpasLockTaggle] will be called after caps lock has changed |
|||
final Function(bool) onCpasLockTaggle; |
|||
|
|||
/// [onToolbarActionChanged] will be called after editor's tool has changed |
|||
final Function(EditorToolbarAction) onToolbarActionChanged; |
|||
|
|||
/// Create a [TextStyleEditor] widget |
|||
/// |
|||
/// [fonts] list of font families that you want to use in editor. |
|||
/// [textStyle] initiate text style. |
|||
/// [textAlign] initiate text alignment. |
|||
/// |
|||
/// [onTextStyleEdited] callback will be called every time [textStyle] has changed. |
|||
/// [onTextAlignEdited] callback will be called every time [textAlign] has changed. |
|||
/// [onCpasLockTaggle] callback will be called every time caps lock has changed to off or on. |
|||
/// [onToolbarActionChanged] callback will be called every time editor's tool has changed. |
|||
TextStyleEditor({ |
|||
this.fonts, |
|||
this.textStyle, |
|||
this.textAlign, |
|||
this.paletteColors, |
|||
this.initialTool = EditorToolbarAction.editor, |
|||
this.onTextStyleEdited, |
|||
this.onTextAlignEdited, |
|||
this.onCpasLockTaggle, |
|||
this.onToolbarActionChanged, |
|||
}); |
|||
|
|||
@override |
|||
_TextStyleEditorState createState() => _TextStyleEditorState(); |
|||
} |
|||
|
|||
class _TextStyleEditorState extends State<TextStyleEditor> { |
|||
EditorToolbarAction _currentTool; |
|||
TextStyle _textStyle; |
|||
TextAlign _textAlign; |
|||
List<Color> _paletteColors; |
|||
|
|||
@override |
|||
void initState() { |
|||
_currentTool = widget.initialTool; |
|||
_textStyle = widget.textStyle; |
|||
_textAlign = widget.textAlign; |
|||
|
|||
// Set default palette's colors |
|||
_paletteColors = widget.paletteColors ?? |
|||
[ |
|||
Colors.black, |
|||
Colors.white, |
|||
Colors.red, |
|||
Colors.blue, |
|||
Colors.blueAccent, |
|||
Colors.brown, |
|||
Colors.green, |
|||
Colors.indigoAccent, |
|||
Colors.lime, |
|||
]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Toolbar( |
|||
initialTool: _currentTool, |
|||
onToolSelect: (action) { |
|||
setState(() => _currentTool = action); |
|||
if (widget.onToolbarActionChanged != null) { |
|||
widget.onToolbarActionChanged(action); |
|||
} |
|||
}, |
|||
), |
|||
Divider(), |
|||
Container( |
|||
child: SingleChildScrollView( |
|||
child: () { |
|||
// Choice tools |
|||
switch (_currentTool) { |
|||
case EditorToolbarAction.fontFamilyTool: |
|||
return FontFamilyTool( |
|||
fonts: widget.fonts, |
|||
selectedFont: _textStyle.fontFamily, |
|||
onSelectFont: (fontFamily) { |
|||
setState(() => _textStyle = |
|||
_textStyle.copyWith(fontFamily: fontFamily)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontOptionTool: |
|||
return TextFormatTool( |
|||
bold: _textStyle.fontWeight == FontWeight.bold, |
|||
italic: _textStyle.fontStyle == FontStyle.italic, |
|||
textAlign: _textAlign, |
|||
onTextFormatEdited: (bold, italic) { |
|||
setState(() => _textStyle = _textStyle.copyWith( |
|||
fontWeight: |
|||
bold ? FontWeight.bold : FontWeight.normal, |
|||
fontStyle: |
|||
italic ? FontStyle.italic : FontStyle.normal, |
|||
)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
onTextAlignEdited: (align) { |
|||
setState(() => _textAlign = align); |
|||
|
|||
if (widget.onTextAlignEdited != null) { |
|||
widget.onTextAlignEdited(align); |
|||
} |
|||
}, |
|||
onCpasLockTaggle: (caps) { |
|||
if (widget.onCpasLockTaggle != null) { |
|||
widget.onCpasLockTaggle(caps); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontSizeTool: |
|||
return FontSizeTool( |
|||
fontSize: _textStyle.fontSize ?? 0, |
|||
letterHeight: _textStyle.height ?? 1.2, |
|||
letterSpacing: _textStyle.letterSpacing ?? 1, |
|||
onFontSizeEdited: ( |
|||
fontSize, |
|||
letterSpacing, |
|||
letterHeight, |
|||
) { |
|||
setState(() => _textStyle = _textStyle.copyWith( |
|||
fontSize: fontSize, |
|||
height: letterHeight, |
|||
letterSpacing: letterSpacing, |
|||
)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontColorTool: |
|||
return BackgroundColorTool( |
|||
activeColor: _textStyle.color, |
|||
colors: _paletteColors, |
|||
onColorPicked: (color) { |
|||
setState( |
|||
() => _textStyle = _textStyle.copyWith(color: color)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.backgroundColorTool: |
|||
return ColorPalette( |
|||
activeColor: _textStyle.backgroundColor, |
|||
colors: _paletteColors, |
|||
onColorPicked: (color) { |
|||
setState(() => _textStyle = |
|||
_textStyle.copyWith(backgroundColor: color)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.editor: |
|||
return Container(); |
|||
default: |
|||
return Container(); |
|||
} |
|||
}(), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,499 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:camera/camera.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
|
|||
import 'package:image_picker/image_picker.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'dart:async'; |
|||
import 'package:circular_countdown_timer/circular_countdown_timer.dart'; |
|||
import 'package:video_thumbnail/video_thumbnail.dart' as thumb; |
|||
|
|||
import 'Editor/VideoReview.dart'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class RecordVideo extends StatefulWidget { |
|||
List<CameraDescription> connectedCameras; |
|||
|
|||
RecordVideo({Key key, this.connectedCameras}) : super(key: key); |
|||
@override |
|||
_RecordVideoState createState() => _RecordVideoState(); |
|||
} |
|||
|
|||
class _RecordVideoState extends State<RecordVideo> |
|||
with TickerProviderStateMixin { |
|||
CameraController _controller; |
|||
int selectedCamera = 0; |
|||
bool flash = false; |
|||
bool frontFlash = false; |
|||
bool recording = false; |
|||
AnimationController _recordingAnimationController; |
|||
XFile video; |
|||
String filePath; |
|||
int recordEnd = 60; |
|||
CountDownController _controllerCountDown = CountDownController(); |
|||
final interval = const Duration(seconds: 1); |
|||
final picker = ImagePicker(); |
|||
bool gallery = false; |
|||
|
|||
final int timerMaxSeconds = 60; |
|||
|
|||
int currentSeconds = 0; |
|||
|
|||
flipCamera() { |
|||
selectedCamera++; |
|||
if (selectedCamera < widget.connectedCameras.length) { |
|||
onNewCameraSelected(widget.connectedCameras.elementAt(selectedCamera)); |
|||
} else { |
|||
selectedCamera = 0; |
|||
onNewCameraSelected(widget.connectedCameras.elementAt(selectedCamera)); |
|||
} |
|||
} |
|||
|
|||
flashCamera() { |
|||
try { |
|||
if (!flash && |
|||
_controller.description.lensDirection == CameraLensDirection.back) { |
|||
_controller.setFlashMode(FlashMode.torch); |
|||
setState(() { |
|||
flash = true; |
|||
frontFlash = false; |
|||
}); |
|||
} else if (!flash && |
|||
_controller.description.lensDirection == CameraLensDirection.front) { |
|||
setState(() { |
|||
flash = true; |
|||
frontFlash = true; |
|||
}); |
|||
} else if (flash && |
|||
_controller.description.lensDirection == CameraLensDirection.back) { |
|||
_controller.setFlashMode(FlashMode.off); |
|||
setState(() { |
|||
flash = false; |
|||
}); |
|||
} else { |
|||
setState(() { |
|||
flash = false; |
|||
frontFlash = false; |
|||
}); |
|||
} |
|||
} catch (e) {} |
|||
} |
|||
|
|||
haltRecord() async { |
|||
double aspect = _controller.value.aspectRatio; |
|||
XFile recorded = await stopVideoRecording(); |
|||
if (recorded != null) |
|||
Navigator.of(context).pushReplacement( |
|||
PageRouteBuilder( |
|||
opaque: false, |
|||
pageBuilder: (_, __, ___) => VideoReview( |
|||
video: recorded.path, |
|||
aspect: aspect, |
|||
// campaignID: widget.campaignID, |
|||
recorded: true, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Future<Uint8List> generateThumbnail(video) async { |
|||
try { |
|||
Uint8List thumbnail; |
|||
|
|||
thumbnail = await thumb.VideoThumbnail.thumbnailData( |
|||
video: video, |
|||
imageFormat: thumb.ImageFormat.JPEG, |
|||
maxWidth: 0, |
|||
maxHeight: 0, |
|||
timeMs: 1, |
|||
quality: 100, |
|||
); |
|||
return thumbnail; |
|||
} catch (e) { |
|||
print("Error :::: " + e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
if (widget.connectedCameras == null || |
|||
widget.connectedCameras.length == 0) { |
|||
availableCameras().then((value) { |
|||
widget.connectedCameras = value; |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
}); |
|||
} else { |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
} |
|||
_recordingAnimationController = |
|||
new AnimationController(vsync: this, duration: Duration(seconds: 1)); |
|||
|
|||
_recordingAnimationController.repeat(reverse: true); |
|||
super.initState(); |
|||
} |
|||
|
|||
sayCheese() async { |
|||
try { |
|||
if (flash && !frontFlash) |
|||
await _controller.setFlashMode(FlashMode.always); |
|||
await _controller.startVideoRecording(); |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
Future<XFile> stopVideoRecording() async { |
|||
if (!_controller.value.isRecordingVideo) { |
|||
return null; |
|||
} |
|||
|
|||
try { |
|||
return _controller.stopVideoRecording(); |
|||
} on CameraException catch (e) { |
|||
print(e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
void onNewCameraSelected(CameraDescription cameraDescription) async { |
|||
if (_controller != null) { |
|||
await _controller.dispose(); |
|||
} |
|||
_controller = CameraController( |
|||
cameraDescription, |
|||
ResolutionPreset.max, |
|||
enableAudio: true, |
|||
imageFormatGroup: ImageFormatGroup.jpeg, |
|||
); |
|||
|
|||
// If the controller is updated then update the UI. |
|||
_controller.addListener(() { |
|||
if (mounted) setState(() {}); |
|||
if (_controller.value.hasError) { |
|||
print('Camera error ${_controller.value.errorDescription}'); |
|||
} |
|||
}); |
|||
|
|||
try { |
|||
await _controller.initialize(); |
|||
_controller.lockCaptureOrientation(DeviceOrientation.portraitUp); |
|||
_controller.setFocusMode(FocusMode.auto); |
|||
} on CameraException catch (e) { |
|||
print(e); |
|||
} |
|||
|
|||
if (mounted) { |
|||
setState(() {}); |
|||
} |
|||
} |
|||
|
|||
void onHocusFocus(TapDownDetails details, BoxConstraints constraints) { |
|||
final offset = Offset( |
|||
details.localPosition.dx / constraints.maxWidth, |
|||
details.localPosition.dy / constraints.maxHeight, |
|||
); |
|||
_controller.setExposurePoint(offset); |
|||
_controller.setFocusPoint(offset); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_controller?.dispose(); |
|||
_recordingAnimationController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
if (_controller == null || !_controller.value.isInitialized) { |
|||
return Container( |
|||
color: Colors.black, |
|||
); |
|||
} else { |
|||
return Scaffold( |
|||
body: !gallery |
|||
? Stack( |
|||
children: [ |
|||
cameraWidget(context), |
|||
flashWidget(context), |
|||
cameraFlip(context), |
|||
cameraFlash(context), |
|||
recordingAnimation(context), |
|||
recordingCircle(context), |
|||
recorderWidget(context), |
|||
galleryPicker(context), |
|||
], |
|||
) |
|||
: Container(), |
|||
); |
|||
} |
|||
} |
|||
|
|||
imgFromGallery() async { |
|||
try { |
|||
setState(() { |
|||
gallery = true; |
|||
}); |
|||
final pickedFile = await picker.pickVideo( |
|||
source: ImageSource.gallery, |
|||
maxDuration: Duration(minutes: 1), |
|||
); |
|||
|
|||
if (pickedFile != null) { |
|||
return pickedFile.path; |
|||
} else { |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
print('No image selected.'); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
setState(() { |
|||
gallery = false; |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
Widget recordingCircle(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: CircularCountDownTimer( |
|||
duration: recordEnd, |
|||
initialDuration: 0, |
|||
controller: _controllerCountDown, |
|||
width: MediaQuery.of(context).size.width / 2, |
|||
height: MediaQuery.of(context).size.height / 2, |
|||
ringColor: Colors.grey[300], |
|||
fillColor: Colors.red, |
|||
backgroundColor: Colors.transparent, |
|||
autoStart: false, |
|||
strokeWidth: 5.5, |
|||
isTimerTextShown: false, |
|||
strokeCap: StrokeCap.round, |
|||
//onStart: startTimeout, |
|||
onComplete: haltRecord, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget recorderWidget(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: InkWell( |
|||
onTap: recording |
|||
? haltRecord |
|||
: () async { |
|||
await _controller.startVideoRecording(); |
|||
setState(() { |
|||
_controllerCountDown.start(); |
|||
recording = !recording; |
|||
}); |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: Icon( |
|||
recording ? Icons.stop : Icons.video_camera_back, |
|||
color: Colors.white, |
|||
size: 25, |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget galleryPicker(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: recording |
|||
? Container() |
|||
: InkWell( |
|||
onTap: () async { |
|||
String result = await imgFromGallery(); |
|||
if (result != null) { |
|||
// _controller.dispose(); |
|||
Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: VideoReview( |
|||
video: result, |
|||
recorded: false, |
|||
// campaignID: widget.campaignID, |
|||
), |
|||
)); |
|||
} |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: Icon( |
|||
Icons.photo, |
|||
color: Colors.white, |
|||
size: 27, |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget recordingAnimation(context) { |
|||
if (!recording) |
|||
return Align( |
|||
alignment: Alignment.topLeft, |
|||
child: InkWell( |
|||
onTap: () { |
|||
Navigator.pop(context); |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.08, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
//color: ColorFilterEngineLayer (0, 0, 0, 0.4), |
|||
shape: BoxShape.circle), |
|||
child: Icon( |
|||
Icons.arrow_back_ios, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
)); |
|||
else |
|||
return Align( |
|||
alignment: Alignment.topLeft, |
|||
child: Container( |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: 5, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
padding: EdgeInsets.all(2.5), |
|||
height: 20, |
|||
width: 20, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.red, |
|||
width: 2, |
|||
)), |
|||
child: FadeTransition( |
|||
opacity: _recordingAnimationController, |
|||
child: Container( |
|||
width: 20, |
|||
height: 20, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
color: Colors.red, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget cameraFlash(context) { |
|||
return !recording |
|||
? Align( |
|||
alignment: Alignment.topRight, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.07, |
|||
vertical: MediaQuery.of(context).size.width * 0.25, |
|||
), |
|||
child: InkWell( |
|||
onTap: flashCamera, |
|||
child: Icon( |
|||
flash ? Icons.flash_on : Icons.flash_off, |
|||
color: flash ? tesoGold : Colors.white, |
|||
size: 30, |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: Container(); |
|||
} |
|||
|
|||
Widget cameraFlip(context) { |
|||
return !recording |
|||
? Align( |
|||
alignment: Alignment.topRight, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.06, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
child: InkWell( |
|||
onTap: flipCamera, |
|||
child: Icon( |
|||
Icons.cameraswitch_outlined, |
|||
color: Colors.white, |
|||
size: 40, |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: Container(); |
|||
} |
|||
|
|||
Widget flashWidget(context) { |
|||
return Visibility( |
|||
visible: frontFlash, |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
decoration: BoxDecoration( |
|||
color: Colors.white.withOpacity(0.4), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget cameraWidget(context) { |
|||
var camera = _controller.value; |
|||
final size = MediaQuery.of(context).size; |
|||
var scale = size.aspectRatio * camera.aspectRatio; |
|||
if (scale < 1) scale = 1 / scale; |
|||
|
|||
return Transform.scale( |
|||
scale: scale, |
|||
child: Center( |
|||
child: CameraPreview( |
|||
_controller, |
|||
child: LayoutBuilder( |
|||
builder: (BuildContext context, BoxConstraints constraints) { |
|||
return GestureDetector( |
|||
behavior: HitTestBehavior.opaque, |
|||
onTapDown: (details) => onHocusFocus(details, constraints), |
|||
); |
|||
}), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,45 +0,0 @@ |
|||
/// The video file formats available for |
|||
/// generating the output trimmed video. |
|||
/// |
|||
/// The available formats are `mp4`, `mkv`, |
|||
/// `mov`, `flv`, `avi`, `wmv`& `gif`. |
|||
/// |
|||
/// If you define a custom `FFmpeg` command |
|||
/// then this will be ignored. |
|||
/// |
|||
class FileFormat { |
|||
const FileFormat._(this.index); |
|||
|
|||
final int index; |
|||
|
|||
static const FileFormat mp4 = FileFormat._(0); |
|||
static const FileFormat mkv = FileFormat._(1); |
|||
static const FileFormat mov = FileFormat._(2); |
|||
static const FileFormat flv = FileFormat._(3); |
|||
static const FileFormat avi = FileFormat._(4); |
|||
static const FileFormat wmv = FileFormat._(5); |
|||
static const FileFormat gif = FileFormat._(6); |
|||
|
|||
static const List<FileFormat> values = <FileFormat>[ |
|||
mp4, |
|||
mkv, |
|||
mov, |
|||
flv, |
|||
avi, |
|||
wmv, |
|||
gif, |
|||
]; |
|||
|
|||
@override |
|||
String toString() { |
|||
return const <int, String>{ |
|||
0: '.mp4', |
|||
1: '.mkv', |
|||
2: '.mov', |
|||
3: '.flv', |
|||
4: '.avi', |
|||
5: '.wmv', |
|||
6: '.gif', |
|||
}[index]; |
|||
} |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
/// Supported storage locations. |
|||
/// |
|||
/// * [temporaryDirectory] |
|||
/// |
|||
/// * [applicationDocumentsDirectory] |
|||
/// |
|||
/// * [externalStorageDirectory] |
|||
/// |
|||
class StorageDir { |
|||
const StorageDir._(this.index); |
|||
|
|||
final int index; |
|||
|
|||
static const StorageDir temporaryDirectory = StorageDir._(0); |
|||
static const StorageDir applicationDocumentsDirectory = StorageDir._(1); |
|||
static const StorageDir externalStorageDirectory = StorageDir._(2); |
|||
|
|||
static const List<StorageDir> values = <StorageDir>[ |
|||
temporaryDirectory, |
|||
applicationDocumentsDirectory, |
|||
externalStorageDirectory, |
|||
]; |
|||
|
|||
@override |
|||
String toString() { |
|||
return const <int, String>{ |
|||
0: 'temporaryDirectory', |
|||
1: 'applicationDocumentsDirectory', |
|||
2: 'externalStorageDirectory', |
|||
}[index]; |
|||
} |
|||
} |
|||
@ -1,81 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:video_thumbnail/video_thumbnail.dart'; |
|||
|
|||
class ThumbnailViewer extends StatelessWidget { |
|||
final videoFile; |
|||
final videoDuration; |
|||
final thumbnailHeight; |
|||
final fit; |
|||
final int numberOfThumbnails; |
|||
final int quality; |
|||
|
|||
/// For showing the thumbnails generated from the video, |
|||
/// like a frame by frame preview |
|||
ThumbnailViewer({ |
|||
@required this.videoFile, |
|||
@required this.videoDuration, |
|||
@required this.thumbnailHeight, |
|||
@required this.numberOfThumbnails, |
|||
@required this.fit, |
|||
this.quality = 75, |
|||
}) : assert(videoFile != null), |
|||
assert(videoDuration != null), |
|||
assert(thumbnailHeight != null), |
|||
assert(numberOfThumbnails != null), |
|||
assert(quality != null); |
|||
|
|||
Stream<List<Uint8List>> generateThumbnail() async* { |
|||
final String _videoPath = videoFile.path; |
|||
|
|||
double _eachPart = videoDuration / numberOfThumbnails; |
|||
|
|||
List<Uint8List> _byteList = []; |
|||
|
|||
for (int i = 1; i <= numberOfThumbnails; i++) { |
|||
Uint8List _bytes; |
|||
_bytes = await VideoThumbnail.thumbnailData( |
|||
video: _videoPath, |
|||
imageFormat: ImageFormat.JPEG, |
|||
timeMs: (_eachPart * i).toInt(), |
|||
quality: quality, |
|||
); |
|||
|
|||
_byteList.add(_bytes); |
|||
|
|||
yield _byteList; |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return StreamBuilder( |
|||
stream: generateThumbnail(), |
|||
builder: (context, snapshot) { |
|||
if (snapshot.hasData) { |
|||
List<Uint8List> _imageBytes = snapshot.data; |
|||
return ListView.builder( |
|||
scrollDirection: Axis.horizontal, |
|||
itemCount: snapshot.data.length, |
|||
itemBuilder: (context, index) { |
|||
return Container( |
|||
height: thumbnailHeight, |
|||
width: thumbnailHeight, |
|||
child: Image( |
|||
image: MemoryImage(_imageBytes[index]), |
|||
fit: fit, |
|||
), |
|||
); |
|||
}); |
|||
} else { |
|||
return Container( |
|||
color: Colors.grey[900], |
|||
height: thumbnailHeight, |
|||
width: double.maxFinite, |
|||
); |
|||
} |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
@ -1,537 +0,0 @@ |
|||
import 'dart:io'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/thumbnail_viewer.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trim_editor_painter.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trimmer.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
|
|||
VideoPlayerController videoPlayerController; |
|||
|
|||
class TrimEditor extends StatefulWidget { |
|||
/// For defining the total trimmer area width |
|||
final double viewerWidth; |
|||
|
|||
/// For defining the total trimmer area height |
|||
final double viewerHeight; |
|||
|
|||
/// For defining the image fit type of each thumbnail image. |
|||
/// |
|||
/// By default it is set to `BoxFit.fitHeight`. |
|||
final BoxFit fit; |
|||
|
|||
/// For defining the maximum length of the output video. |
|||
final Duration maxVideoLength; |
|||
|
|||
/// For specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// |
|||
/// By default it is set to `5.0`. |
|||
final double circleSize; |
|||
|
|||
/// For specifying a size to the holder at |
|||
/// the two ends of the video trimmer area, while it is being |
|||
/// `dragged`. |
|||
/// |
|||
/// By default it is set to `8.0`. |
|||
final double circleSizeOnDrag; |
|||
|
|||
/// For specifying a color to the circle. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color circlePaintColor; |
|||
|
|||
/// For specifying a color to the border of |
|||
/// the trim area. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color borderPaintColor; |
|||
|
|||
/// For specifying a color to the video |
|||
/// scrubber inside the trim area. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color scrubberPaintColor; |
|||
|
|||
/// For specifying the quality of each |
|||
/// generated image thumbnail, to be displayed in the trimmer |
|||
/// area. |
|||
final int thumbnailQuality; |
|||
|
|||
/// For showing the start and the end point of the |
|||
/// video on top of the trimmer area. |
|||
/// |
|||
/// By default it is set to `true`. |
|||
final bool showDuration; |
|||
|
|||
/// For providing a `TextStyle` to the |
|||
/// duration text. |
|||
/// |
|||
/// By default it is set to `TextStyle(color: Colors.white)` |
|||
final TextStyle durationTextStyle; |
|||
|
|||
/// Callback to the video start position |
|||
/// |
|||
/// Returns the selected video start position in `milliseconds`. |
|||
final Function(double startValue) onChangeStart; |
|||
|
|||
/// Callback to the video end position. |
|||
/// |
|||
/// Returns the selected video end position in `milliseconds`. |
|||
final Function(double endValue) onChangeEnd; |
|||
|
|||
/// Callback to the video playback |
|||
/// state to know whether it is currently playing or paused. |
|||
/// |
|||
/// Returns a `boolean` value. If `true`, video is currently |
|||
/// playing, otherwise paused. |
|||
final Function(bool isPlaying) onChangePlaybackState; |
|||
|
|||
/// Widget for displaying the video trimmer. |
|||
/// |
|||
/// This has frame wise preview of the video with a |
|||
/// slider for selecting the part of the video to be |
|||
/// trimmed. |
|||
/// |
|||
/// The required parameters are [viewerWidth] & [viewerHeight] |
|||
/// |
|||
/// * [viewerWidth] to define the total trimmer area width. |
|||
/// |
|||
/// |
|||
/// * [viewerHeight] to define the total trimmer area height. |
|||
/// |
|||
/// |
|||
/// The optional parameters are: |
|||
/// |
|||
/// * [fit] for specifying the image fit type of each thumbnail image. |
|||
/// By default it is set to `BoxFit.fitHeight`. |
|||
/// |
|||
/// |
|||
/// * [maxVideoLength] for specifying the maximum length of the |
|||
/// output video. |
|||
/// |
|||
/// |
|||
/// * [circleSize] for specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `5.0`. |
|||
/// |
|||
/// |
|||
/// * [circleSizeOnDrag] for specifying a size to the holder at |
|||
/// the two ends of the video trimmer area, while it is being |
|||
/// `dragged`. By default it is set to `8.0`. |
|||
/// |
|||
/// |
|||
/// * [circlePaintColor] for specifying a color to the circle. |
|||
/// By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [borderPaintColor] for specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [scrubberPaintColor] for specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [thumbnailQuality] for specifying the quality of each |
|||
/// generated image thumbnail, to be displayed in the trimmer |
|||
/// area. |
|||
/// |
|||
/// |
|||
/// * [showDuration] for showing the start and the end point of the |
|||
/// video on top of the trimmer area. By default it is set to `true`. |
|||
/// |
|||
/// |
|||
/// * [durationTextStyle] is for providing a `TextStyle` to the |
|||
/// duration text. By default it is set to |
|||
/// `TextStyle(color: Colors.white)` |
|||
/// |
|||
/// |
|||
/// * [onChangeStart] is a callback to the video start position. |
|||
/// |
|||
/// |
|||
/// * [onChangeEnd] is a callback to the video end position. |
|||
/// |
|||
/// |
|||
/// * [onChangePlaybackState] is a callback to the video playback |
|||
/// state to know whether it is currently playing or paused. |
|||
/// |
|||
TrimEditor({ |
|||
@required this.viewerWidth, |
|||
@required this.viewerHeight, |
|||
this.fit = BoxFit.fitHeight, |
|||
this.maxVideoLength = const Duration(milliseconds: 0), |
|||
this.circleSize = 5.0, |
|||
this.circleSizeOnDrag = 8.0, |
|||
this.circlePaintColor = Colors.white, |
|||
this.borderPaintColor = Colors.white, |
|||
this.scrubberPaintColor = Colors.white, |
|||
this.thumbnailQuality = 75, |
|||
this.showDuration = true, |
|||
this.durationTextStyle = const TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
this.onChangeStart, |
|||
this.onChangeEnd, |
|||
this.onChangePlaybackState, |
|||
}) : assert(viewerWidth != null), |
|||
assert(viewerHeight != null), |
|||
assert(fit != null), |
|||
assert(maxVideoLength != null), |
|||
assert(circleSize != null), |
|||
assert(circleSizeOnDrag != null), |
|||
assert(circlePaintColor != null), |
|||
assert(borderPaintColor != null), |
|||
assert(scrubberPaintColor != null), |
|||
assert(thumbnailQuality != null), |
|||
assert(showDuration != null), |
|||
assert(durationTextStyle != null); |
|||
|
|||
@override |
|||
_TrimEditorState createState() => _TrimEditorState(); |
|||
} |
|||
|
|||
class _TrimEditorState extends State<TrimEditor> with TickerProviderStateMixin { |
|||
File _videoFile; |
|||
|
|||
double _videoStartPos = 0.0; |
|||
double _videoEndPos = 0.0; |
|||
|
|||
bool _canUpdateStart = true; |
|||
bool _isLeftDrag = true; |
|||
|
|||
Offset _startPos = Offset(0, 0); |
|||
Offset _endPos = Offset(0, 0); |
|||
|
|||
double _startFraction = 0.0; |
|||
double _endFraction = 1.0; |
|||
|
|||
int _videoDuration = 0; |
|||
int _currentPosition = 0; |
|||
|
|||
double _thumbnailViewerW = 0.0; |
|||
double _thumbnailViewerH = 0.0; |
|||
|
|||
int _numberOfThumbnails = 0; |
|||
|
|||
double _circleSize; |
|||
|
|||
double fraction; |
|||
double maxLengthPixels; |
|||
|
|||
ThumbnailViewer thumbnailWidget; |
|||
|
|||
Animation<double> _scrubberAnimation; |
|||
AnimationController _animationController; |
|||
Tween<double> _linearTween; |
|||
|
|||
Future<void> _initializeVideoController() async { |
|||
if (_videoFile != null) { |
|||
videoPlayerController.addListener(() { |
|||
final bool isPlaying = videoPlayerController.value.isPlaying; |
|||
|
|||
if (isPlaying) { |
|||
widget.onChangePlaybackState(true); |
|||
setState(() { |
|||
_currentPosition = |
|||
videoPlayerController.value.position.inMilliseconds; |
|||
|
|||
if (_currentPosition > _videoEndPos.toInt()) { |
|||
widget.onChangePlaybackState(false); |
|||
videoPlayerController.pause(); |
|||
_animationController.stop(); |
|||
} else { |
|||
if (!_animationController.isAnimating) { |
|||
widget.onChangePlaybackState(true); |
|||
_animationController.forward(); |
|||
} |
|||
} |
|||
}); |
|||
} else { |
|||
if (videoPlayerController.value.isInitialized) { |
|||
if (_animationController != null) { |
|||
if ((_scrubberAnimation.value).toInt() == (_endPos.dx).toInt()) { |
|||
_animationController.reset(); |
|||
} |
|||
_animationController.stop(); |
|||
widget.onChangePlaybackState(false); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
videoPlayerController.setVolume(1.0); |
|||
_videoDuration = videoPlayerController.value.duration.inMilliseconds; |
|||
print(_videoFile.path); |
|||
|
|||
_videoEndPos = fraction != null |
|||
? _videoDuration.toDouble() * fraction |
|||
: _videoDuration.toDouble(); |
|||
|
|||
widget.onChangeEnd(_videoEndPos); |
|||
|
|||
final ThumbnailViewer _thumbnailWidget = ThumbnailViewer( |
|||
videoFile: _videoFile, |
|||
videoDuration: _videoDuration, |
|||
fit: widget.fit, |
|||
thumbnailHeight: _thumbnailViewerH, |
|||
numberOfThumbnails: _numberOfThumbnails, |
|||
quality: widget.thumbnailQuality, |
|||
); |
|||
thumbnailWidget = _thumbnailWidget; |
|||
} |
|||
} |
|||
|
|||
void _setVideoStartPosition(DragUpdateDetails details) async { |
|||
if (!(_startPos.dx + details.delta.dx < 0) && |
|||
!(_startPos.dx + details.delta.dx > _thumbnailViewerW) && |
|||
!(_startPos.dx + details.delta.dx > _endPos.dx)) { |
|||
if (maxLengthPixels != null) { |
|||
if (!(_endPos.dx - _startPos.dx - details.delta.dx > maxLengthPixels)) { |
|||
setState(() { |
|||
if (!(_startPos.dx + details.delta.dx < 0)) |
|||
_startPos += details.delta; |
|||
|
|||
_startFraction = (_startPos.dx / _thumbnailViewerW); |
|||
|
|||
_videoStartPos = _videoDuration * _startFraction; |
|||
widget.onChangeStart(_videoStartPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoStartPos.toInt())); |
|||
_linearTween.begin = _startPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} else { |
|||
setState(() { |
|||
if (!(_startPos.dx + details.delta.dx < 0)) |
|||
_startPos += details.delta; |
|||
|
|||
_startFraction = (_startPos.dx / _thumbnailViewerW); |
|||
|
|||
_videoStartPos = _videoDuration * _startFraction; |
|||
widget.onChangeStart(_videoStartPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoStartPos.toInt())); |
|||
_linearTween.begin = _startPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
void _setVideoEndPosition(DragUpdateDetails details) async { |
|||
if (!(_endPos.dx + details.delta.dx > _thumbnailViewerW) && |
|||
!(_endPos.dx + details.delta.dx < 0) && |
|||
!(_endPos.dx + details.delta.dx < _startPos.dx)) { |
|||
if (maxLengthPixels != null) { |
|||
if (!(_endPos.dx - _startPos.dx + details.delta.dx > maxLengthPixels)) { |
|||
setState(() { |
|||
_endPos += details.delta; |
|||
_endFraction = _endPos.dx / _thumbnailViewerW; |
|||
|
|||
_videoEndPos = _videoDuration * _endFraction; |
|||
widget.onChangeEnd(_videoEndPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoEndPos.toInt())); |
|||
_linearTween.end = _endPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} else { |
|||
setState(() { |
|||
_endPos += details.delta; |
|||
_endFraction = _endPos.dx / _thumbnailViewerW; |
|||
|
|||
_videoEndPos = _videoDuration * _endFraction; |
|||
widget.onChangeEnd(_videoEndPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoEndPos.toInt())); |
|||
_linearTween.end = _endPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_circleSize = widget.circleSize; |
|||
|
|||
_videoFile = Trimmer.currentVideoFile; |
|||
_thumbnailViewerH = widget.viewerHeight; |
|||
|
|||
_numberOfThumbnails = widget.viewerWidth ~/ _thumbnailViewerH; |
|||
|
|||
_thumbnailViewerW = _numberOfThumbnails * _thumbnailViewerH; |
|||
|
|||
Duration totalDuration = videoPlayerController.value.duration; |
|||
|
|||
if (widget.maxVideoLength > Duration(milliseconds: 0) && |
|||
widget.maxVideoLength < totalDuration) { |
|||
if (widget.maxVideoLength < totalDuration) { |
|||
fraction = |
|||
widget.maxVideoLength.inMilliseconds / totalDuration.inMilliseconds; |
|||
|
|||
maxLengthPixels = _thumbnailViewerW * fraction; |
|||
} |
|||
} |
|||
|
|||
_initializeVideoController(); |
|||
_endPos = Offset( |
|||
maxLengthPixels != null ? maxLengthPixels : _thumbnailViewerW, |
|||
_thumbnailViewerH, |
|||
); |
|||
|
|||
// Defining the tween points |
|||
_linearTween = Tween(begin: _startPos.dx, end: _endPos.dx); |
|||
|
|||
_animationController = AnimationController( |
|||
vsync: this, |
|||
duration: Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()), |
|||
); |
|||
|
|||
_scrubberAnimation = _linearTween.animate(_animationController) |
|||
..addListener(() { |
|||
setState(() {}); |
|||
}) |
|||
..addStatusListener((status) { |
|||
if (status == AnimationStatus.completed) { |
|||
_animationController.stop(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
videoPlayerController.pause(); |
|||
widget.onChangePlaybackState(false); |
|||
if (_videoFile != null) { |
|||
videoPlayerController.setVolume(0.0); |
|||
videoPlayerController.pause(); |
|||
videoPlayerController.dispose(); |
|||
widget.onChangePlaybackState(false); |
|||
} |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return GestureDetector( |
|||
onHorizontalDragStart: (DragStartDetails details) { |
|||
print("START"); |
|||
print(details.localPosition); |
|||
print((_startPos.dx - details.localPosition.dx).abs()); |
|||
print((_endPos.dx - details.localPosition.dx).abs()); |
|||
|
|||
if (_endPos.dx >= _startPos.dx) { |
|||
if ((_startPos.dx - details.localPosition.dx).abs() > |
|||
(_endPos.dx - details.localPosition.dx).abs()) { |
|||
setState(() { |
|||
_canUpdateStart = false; |
|||
}); |
|||
} else { |
|||
setState(() { |
|||
_canUpdateStart = true; |
|||
}); |
|||
} |
|||
} else { |
|||
if (_startPos.dx > details.localPosition.dx) { |
|||
_isLeftDrag = true; |
|||
} else { |
|||
_isLeftDrag = false; |
|||
} |
|||
} |
|||
}, |
|||
onHorizontalDragEnd: (DragEndDetails details) { |
|||
setState(() { |
|||
_circleSize = widget.circleSize; |
|||
}); |
|||
}, |
|||
onHorizontalDragUpdate: (DragUpdateDetails details) { |
|||
_circleSize = widget.circleSizeOnDrag; |
|||
|
|||
if (_endPos.dx >= _startPos.dx) { |
|||
_isLeftDrag = false; |
|||
if (_canUpdateStart && _startPos.dx + details.delta.dx > 0) { |
|||
_isLeftDrag = false; // To prevent from scrolling over |
|||
_setVideoStartPosition(details); |
|||
} else if (!_canUpdateStart && |
|||
_endPos.dx + details.delta.dx < _thumbnailViewerW) { |
|||
_isLeftDrag = true; // To prevent from scrolling over |
|||
_setVideoEndPosition(details); |
|||
} |
|||
} else { |
|||
if (_isLeftDrag && _startPos.dx + details.delta.dx > 0) { |
|||
_setVideoStartPosition(details); |
|||
} else if (!_isLeftDrag && |
|||
_endPos.dx + details.delta.dx < _thumbnailViewerW) { |
|||
_setVideoEndPosition(details); |
|||
} |
|||
} |
|||
}, |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: <Widget>[ |
|||
widget.showDuration |
|||
? Container( |
|||
width: _thumbnailViewerW, |
|||
child: Padding( |
|||
padding: const EdgeInsets.only(bottom: 8.0), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
mainAxisSize: MainAxisSize.max, |
|||
children: <Widget>[ |
|||
Text( |
|||
Duration(milliseconds: _videoStartPos.toInt()) |
|||
.toString() |
|||
.split('.')[0], |
|||
style: widget.durationTextStyle, |
|||
), |
|||
Text( |
|||
Duration(milliseconds: _videoEndPos.toInt()) |
|||
.toString() |
|||
.split('.')[0], |
|||
style: widget.durationTextStyle, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
) |
|||
: Container(), |
|||
CustomPaint( |
|||
foregroundPainter: TrimEditorPainter( |
|||
startPos: _startPos, |
|||
endPos: _endPos, |
|||
scrubberAnimationDx: _scrubberAnimation.value, |
|||
circleSize: _circleSize, |
|||
circlePaintColor: widget.circlePaintColor, |
|||
borderPaintColor: widget.borderPaintColor, |
|||
scrubberPaintColor: widget.scrubberPaintColor, |
|||
), |
|||
child: Container( |
|||
color: Colors.grey[900], |
|||
height: _thumbnailViewerH, |
|||
width: _thumbnailViewerW, |
|||
child: thumbnailWidget == null ? Column() : thumbnailWidget, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,150 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class TrimEditorPainter extends CustomPainter { |
|||
/// To define the start offset |
|||
final Offset startPos; |
|||
|
|||
/// To define the end offset |
|||
final Offset endPos; |
|||
|
|||
/// To define the horizontal length of the selected video area |
|||
final double scrubberAnimationDx; |
|||
|
|||
/// For specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `0.5`. |
|||
final double circleSize; |
|||
|
|||
/// For specifying the width of the border around |
|||
/// the trim area. By default it is set to `3`. |
|||
final double borderWidth; |
|||
|
|||
/// For specifying the width of the video scrubber |
|||
final double scrubberWidth; |
|||
|
|||
/// For specifying whether to show the scrubber |
|||
final bool showScrubber; |
|||
|
|||
/// For specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
final Color borderPaintColor; |
|||
|
|||
/// For specifying a color to the circle. |
|||
/// By default it is set to `Colors.white` |
|||
final Color circlePaintColor; |
|||
|
|||
/// For specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
final Color scrubberPaintColor; |
|||
|
|||
/// For drawing the trim editor slider |
|||
/// |
|||
/// The required parameters are [startPos], [endPos] |
|||
/// & [scrubberAnimationDx] |
|||
/// |
|||
/// * [startPos] to define the start offset |
|||
/// |
|||
/// |
|||
/// * [endPos] to define the end offset |
|||
/// |
|||
/// |
|||
/// * [scrubberAnimationDx] to define the horizontal length of the |
|||
/// selected video area |
|||
/// |
|||
/// |
|||
/// The optional parameters are: |
|||
/// |
|||
/// * [circleSize] for specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `0.5`. |
|||
/// |
|||
/// |
|||
/// * [borderWidth] for specifying the width of the border around |
|||
/// the trim area. By default it is set to `3`. |
|||
/// |
|||
/// |
|||
/// * [scrubberWidth] for specifying the width of the video scrubber |
|||
/// |
|||
/// |
|||
/// * [showScrubber] for specifying whether to show the scrubber |
|||
/// |
|||
/// |
|||
/// * [borderPaintColor] for specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [circlePaintColor] for specifying a color to the circle. |
|||
/// By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [scrubberPaintColor] for specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
/// |
|||
TrimEditorPainter({ |
|||
@required this.startPos, |
|||
@required this.endPos, |
|||
@required this.scrubberAnimationDx, |
|||
this.circleSize = 0.5, |
|||
this.borderWidth = 3, |
|||
this.scrubberWidth = 1, |
|||
this.showScrubber = true, |
|||
this.borderPaintColor = Colors.white, |
|||
this.circlePaintColor = Colors.white, |
|||
this.scrubberPaintColor = Colors.white, |
|||
}) : assert(startPos != null), |
|||
assert(endPos != null), |
|||
assert(scrubberAnimationDx != null), |
|||
assert(circleSize != null), |
|||
assert(borderWidth != null), |
|||
assert(scrubberWidth != null), |
|||
assert(showScrubber != null), |
|||
assert(borderPaintColor != null), |
|||
assert(circlePaintColor != null), |
|||
assert(scrubberPaintColor != null); |
|||
|
|||
@override |
|||
void paint(Canvas canvas, Size size) { |
|||
var borderPaint = Paint() |
|||
..color = borderPaintColor |
|||
..strokeWidth = borderWidth |
|||
..style = PaintingStyle.stroke |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
var circlePaint = Paint() |
|||
..color = circlePaintColor |
|||
..strokeWidth = 1 |
|||
..style = PaintingStyle.fill |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
var scrubberPaint = Paint() |
|||
..color = scrubberPaintColor |
|||
..strokeWidth = scrubberWidth |
|||
..style = PaintingStyle.stroke |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
final rect = Rect.fromPoints(startPos, endPos); |
|||
|
|||
if (showScrubber) { |
|||
if (scrubberAnimationDx.toInt() > startPos.dx.toInt()) { |
|||
canvas.drawLine( |
|||
Offset(scrubberAnimationDx, 0), |
|||
Offset(scrubberAnimationDx, 0) + Offset(0, endPos.dy), |
|||
scrubberPaint, |
|||
); |
|||
} |
|||
} |
|||
|
|||
canvas.drawRect(rect, borderPaint); |
|||
canvas.drawCircle( |
|||
startPos + Offset(0, endPos.dy / 2), circleSize, circlePaint); |
|||
canvas.drawCircle( |
|||
endPos + Offset(0, -endPos.dy / 2), circleSize, circlePaint); |
|||
} |
|||
|
|||
@override |
|||
bool shouldRepaint(CustomPainter oldDelegate) { |
|||
return true; |
|||
} |
|||
} |
|||
@ -1,300 +0,0 @@ |
|||
import 'dart:io'; |
|||
import 'package:path/path.dart'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_ffmpeg/flutter_ffmpeg.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:path_provider/path_provider.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/file_formats.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/storage_dir.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trim_editor.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
|
|||
/// Helps in loading video from file, saving trimmed video to a file |
|||
/// and gives video playback controls. Some of the helpful methods |
|||
/// are: |
|||
/// * [loadVideo()] |
|||
/// * [saveTrimmedVideo()] |
|||
/// * [videPlaybackControl()] |
|||
class Trimmer { |
|||
static File currentVideoFile; |
|||
|
|||
final FlutterFFmpeg _flutterFFmpeg = new FlutterFFmpeg(); |
|||
|
|||
/// Loads a video using the path provided. |
|||
/// |
|||
/// Returns the loaded video file. |
|||
Future<void> loadVideo({@required File videoFile}) async { |
|||
currentVideoFile = videoFile; |
|||
if (currentVideoFile != null) { |
|||
videoPlayerController = VideoPlayerController.file(currentVideoFile); |
|||
await videoPlayerController.initialize().then((_) { |
|||
TrimEditor( |
|||
viewerHeight: 50, |
|||
viewerWidth: 50.0 * 8, |
|||
// currentVideoFile: currentVideoFile, |
|||
); |
|||
}); |
|||
// TrimEditor( |
|||
// viewerHeight: 50, |
|||
// viewerWidth: 50.0 * 8, |
|||
// // currentVideoFile: currentVideoFile, |
|||
// ); |
|||
} |
|||
} |
|||
|
|||
Future<String> _createFolderInAppDocDir( |
|||
String folderName, |
|||
StorageDir storageDir, |
|||
) async { |
|||
Directory _directory; |
|||
|
|||
if (storageDir == null) { |
|||
_directory = await getApplicationDocumentsDirectory(); |
|||
} else { |
|||
switch (storageDir.toString()) { |
|||
case 'temporaryDirectory': |
|||
_directory = await getTemporaryDirectory(); |
|||
break; |
|||
|
|||
case 'applicationDocumentsDirectory': |
|||
_directory = await getApplicationDocumentsDirectory(); |
|||
break; |
|||
|
|||
case 'externalStorageDirectory': |
|||
_directory = await getExternalStorageDirectory(); |
|||
break; |
|||
} |
|||
} |
|||
|
|||
// Directory + folder name |
|||
final Directory _directoryFolder = |
|||
Directory('${_directory.path}/$folderName/'); |
|||
|
|||
if (await _directoryFolder.exists()) { |
|||
// If folder already exists return path |
|||
print('Exists'); |
|||
return _directoryFolder.path; |
|||
} else { |
|||
print('Creating'); |
|||
// If folder does not exists create folder and then return its path |
|||
final Directory _directoryNewFolder = |
|||
await _directoryFolder.create(recursive: true); |
|||
return _directoryNewFolder.path; |
|||
} |
|||
} |
|||
|
|||
/// Saves the trimmed video to file system. |
|||
/// |
|||
/// Returns the output video path |
|||
/// |
|||
/// The required parameters are [startValue] & [endValue]. |
|||
/// |
|||
/// The optional parameters are [videoFolderName], [videoFileName], |
|||
/// [outputFormat], [fpsGIF], [scaleGIF], [applyVideoEncoding]. |
|||
/// |
|||
/// The `@required` parameter [startValue] is for providing a starting point |
|||
/// to the trimmed video. To be specified in `milliseconds`. |
|||
/// |
|||
/// The `@required` parameter [endValue] is for providing an ending point |
|||
/// to the trimmed video. To be specified in `milliseconds`. |
|||
/// |
|||
/// The parameter [videoFolderName] is used to |
|||
/// pass a folder name which will be used for creating a new |
|||
/// folder in the selected directory. The default value for |
|||
/// it is `Trimmer`. |
|||
/// |
|||
/// The parameter [videoFileName] is used for giving |
|||
/// a new name to the trimmed video file. By default the |
|||
/// trimmed video is named as `<original_file_name>_trimmed.mp4`. |
|||
/// |
|||
/// The parameter [outputFormat] is used for providing a |
|||
/// file format to the trimmed video. This only accepts value |
|||
/// of [FileFormat] type. By default it is set to `FileFormat.mp4`, |
|||
/// which is for `mp4` files. |
|||
/// |
|||
/// The parameter [storageDir] can be used for providing a storage |
|||
/// location option. It accepts only [StorageDir] values. By default |
|||
/// it is set to [applicationDocumentsDirectory]. Some of the |
|||
/// storage types are: |
|||
/// |
|||
/// * [temporaryDirectory] (Only accessible from inside the app, can be |
|||
/// cleared at anytime) |
|||
/// |
|||
/// * [applicationDocumentsDirectory] (Only accessible from inside the app) |
|||
/// |
|||
/// * [externalStorageDirectory] (Supports only `Android`, accessible externally) |
|||
/// |
|||
/// The parameters [fpsGIF] & [scaleGIF] are used only if the |
|||
/// selected output format is `FileFormat.gif`. |
|||
/// |
|||
/// * [fpsGIF] for providing a FPS value (by default it is set |
|||
/// to `10`) |
|||
/// |
|||
/// |
|||
/// * [scaleGIF] for proving a width to output GIF, the height |
|||
/// is selected by maintaining the aspect ratio automatically (by |
|||
/// default it is set to `480`) |
|||
/// |
|||
/// |
|||
/// * [applyVideoEncoding] for specifying whether to apply video |
|||
/// encoding (by default it is set to `false`). |
|||
/// |
|||
/// |
|||
/// ADVANCED OPTION: |
|||
/// |
|||
/// If you want to give custom `FFmpeg` command, then define |
|||
/// [ffmpegCommand] & [customVideoFormat] strings. The `input path`, |
|||
/// `output path`, `start` and `end` position is already define. |
|||
/// |
|||
/// NOTE: The advanced option does not provide any safety check, so if wrong |
|||
/// video format is passed in [customVideoFormat], then the app may |
|||
/// crash. |
|||
/// |
|||
Future<String> saveTrimmedVideo({ |
|||
@required double startValue, |
|||
@required double endValue, |
|||
bool applyVideoEncoding = false, |
|||
FileFormat outputFormat, |
|||
String ffmpegCommand, |
|||
String customVideoFormat, |
|||
int fpsGIF, |
|||
int scaleGIF, |
|||
String videoFolderName, |
|||
String videoFileName, |
|||
StorageDir storageDir, |
|||
}) async { |
|||
final String _videoPath = currentVideoFile.path; |
|||
final String _videoName = basename(_videoPath).split('.')[0]; |
|||
|
|||
String _command; |
|||
|
|||
// Formatting Date and Time |
|||
String dateTime = DateFormat.yMMMd() |
|||
.addPattern('-') |
|||
.add_Hms() |
|||
.format(DateTime.now()) |
|||
.toString(); |
|||
|
|||
// String _resultString; |
|||
String _outputPath; |
|||
String _outputFormatString; |
|||
String formattedDateTime = dateTime.replaceAll(' ', ''); |
|||
|
|||
print("DateTime: $dateTime"); |
|||
print("Formatted: $formattedDateTime"); |
|||
|
|||
if (videoFolderName == null) { |
|||
videoFolderName = "Trimmer"; |
|||
} |
|||
|
|||
if (videoFileName == null) { |
|||
videoFileName = "${_videoName}_trimmed:$formattedDateTime"; |
|||
} |
|||
|
|||
videoFileName = videoFileName.replaceAll(' ', '_'); |
|||
|
|||
String path = await _createFolderInAppDocDir( |
|||
videoFolderName, |
|||
storageDir, |
|||
).whenComplete( |
|||
() => print("Retrieved Trimmer folder"), |
|||
); |
|||
|
|||
Duration startPoint = Duration(milliseconds: startValue.toInt()); |
|||
Duration endPoint = Duration(milliseconds: endValue.toInt()); |
|||
|
|||
// Checking the start and end point strings |
|||
print("Start: ${startPoint.toString()} & End: ${endPoint.toString()}"); |
|||
|
|||
print(path); |
|||
|
|||
if (outputFormat == null) { |
|||
if (Platform.isIOS) { |
|||
outputFormat = FileFormat.mp4; |
|||
} else { |
|||
outputFormat = FileFormat.mkv; |
|||
} |
|||
_outputFormatString = outputFormat.toString(); |
|||
print('OUTPUT: $_outputFormatString'); |
|||
} else { |
|||
_outputFormatString = outputFormat.toString(); |
|||
} |
|||
|
|||
String _trimLengthCommand = |
|||
' -ss $startPoint -i "$_videoPath" -t ${endPoint - startPoint} -avoid_negative_ts make_zero '; |
|||
|
|||
if (ffmpegCommand == null) { |
|||
_command = '$_trimLengthCommand -c:a copy '; |
|||
|
|||
if (!applyVideoEncoding) { |
|||
_command += '-c:v copy '; |
|||
} |
|||
|
|||
if (outputFormat == FileFormat.gif) { |
|||
if (fpsGIF == null) { |
|||
fpsGIF = 10; |
|||
} |
|||
if (scaleGIF == null) { |
|||
scaleGIF = 480; |
|||
} |
|||
_command = |
|||
'$_trimLengthCommand -vf "fps=$fpsGIF,scale=$scaleGIF:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" -loop 0 '; |
|||
} |
|||
} else { |
|||
_command = '$_trimLengthCommand $ffmpegCommand '; |
|||
_outputFormatString = customVideoFormat; |
|||
} |
|||
|
|||
_outputPath = '$path$videoFileName$_outputFormatString'; |
|||
|
|||
_command += '"$_outputPath"'; |
|||
print(_command); |
|||
await _flutterFFmpeg.execute(_command).whenComplete(() { |
|||
print('Got value'); |
|||
debugPrint('Video successfuly saved'); |
|||
// _resultString = 'Video successfuly saved'; |
|||
}).catchError((error) { |
|||
print('Error'); |
|||
// _resultString = 'Couldn\'t save the video'; |
|||
debugPrint('Couldn\'t save the video'); |
|||
}); |
|||
|
|||
return _outputPath; |
|||
} |
|||
|
|||
/// For getting the video controller state, to know whether the |
|||
/// video is playing or paused currently. |
|||
/// |
|||
/// The two required parameters are [startValue] & [endValue] |
|||
/// |
|||
/// * [startValue] is the current starting point of the video. |
|||
/// * [endValue] is the current ending point of the video. |
|||
/// |
|||
/// Returns a `Future<bool>`, if `true` then video is playing |
|||
/// otherwise paused. |
|||
Future<bool> videPlaybackControl({ |
|||
@required double startValue, |
|||
@required double endValue, |
|||
}) async { |
|||
if (videoPlayerController.value.isPlaying) { |
|||
await videoPlayerController.pause(); |
|||
return false; |
|||
} else { |
|||
if (videoPlayerController.value.position.inMilliseconds >= |
|||
endValue.toInt()) { |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: startValue.toInt())); |
|||
await videoPlayerController.play(); |
|||
return true; |
|||
} else { |
|||
await videoPlayerController.play(); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
File getVideoFile() { |
|||
return currentVideoFile; |
|||
} |
|||
} |
|||
@ -1,153 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Campaign.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/RecordVideo.dart'; |
|||
import 'package:teso/providers/pageAnimations.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
class Audition extends StatefulWidget { |
|||
final Campaign campaign; |
|||
|
|||
const Audition({Key key, this.campaign}) : super(key: key); |
|||
@override |
|||
_AuditionState createState() => _AuditionState(); |
|||
} |
|||
|
|||
class _AuditionState extends State<Audition> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
title: Text( |
|||
widget.campaign.title, |
|||
), |
|||
centerTitle: true, |
|||
), |
|||
body: Padding( |
|||
padding: const EdgeInsets.all(8.0), |
|||
child: ListView( |
|||
scrollDirection: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 150, |
|||
child: Center( |
|||
child: Container( |
|||
width: 150, |
|||
height: 150, |
|||
decoration: BoxDecoration( |
|||
border: Border.all( |
|||
color: Colors.grey, |
|||
width: 0.5, |
|||
), |
|||
borderRadius: BorderRadius.only( |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(30.0), |
|||
topRight: Radius.circular(30.0), |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
), |
|||
child: Image( |
|||
width: MediaQuery.of(context).size.width * 0.28, |
|||
height: 110, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(widget.campaign.targetProduct != null |
|||
? productURL + widget.campaign.targetProduct |
|||
: ""), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Center( |
|||
child: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: "Publisher : ", |
|||
style: new TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
new TextSpan( |
|||
text: widget.campaign.businessID, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 10, |
|||
), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Center( |
|||
child: Text( |
|||
"Description", |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
fontSize: 16.5, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Center( |
|||
child: Text(widget.campaign.description), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 30, |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
child: Align( |
|||
alignment: Alignment.center, |
|||
child: Container( |
|||
width: 100, |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular(20.0), |
|||
), |
|||
), |
|||
primary: accentMain, |
|||
), |
|||
onPressed: () => Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
child: RecordVideo( |
|||
campaignID: widget.campaign.campaignID, |
|||
), |
|||
type: PageTransitionType.fade, |
|||
), |
|||
), |
|||
child: Text("Submit Ad"), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,200 +0,0 @@ |
|||
import 'dart:convert'; |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/Uploading.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
|
|||
class CreateCampaignPost extends StatefulWidget { |
|||
final String video; |
|||
final Uint8List thumbnail; |
|||
final String campaignID; |
|||
final String aspectRatio; |
|||
|
|||
const CreateCampaignPost({ |
|||
Key key, |
|||
this.video, |
|||
this.thumbnail, |
|||
this.campaignID, |
|||
this.aspectRatio, |
|||
}) : super(key: key); |
|||
@override |
|||
_CreateCampaignPostState createState() => _CreateCampaignPostState(); |
|||
} |
|||
|
|||
class _CreateCampaignPostState extends State<CreateCampaignPost> { |
|||
String aspectRatio; |
|||
TextEditingController controller; |
|||
SharedPreferences prefs; |
|||
bool sending = false; |
|||
|
|||
void postVideo(context) async { |
|||
setState(() { |
|||
sending = true; |
|||
}); |
|||
try { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
String token = prefs.getString("tokensTeso"); |
|||
Map<String, String> requestHeaders = {'Authorization': token}; |
|||
String urlLocation = tesoStreaming + "api/mobile/upload/authurl"; |
|||
var client = |
|||
await http.get(Uri.parse(urlLocation), headers: requestHeaders); |
|||
if (client.statusCode == 200) { |
|||
var details = jsonDecode(client.body); |
|||
String muxuploadsID = details["data"]["id"]; |
|||
String muxuploadsURL = details["data"]["url"]; |
|||
|
|||
Provider.of<UserProvider>(context, listen: false).uploadPost(Uploading( |
|||
id: DateTime.now().toString() + |
|||
widget.video.replaceAll("file://", ""), |
|||
aspect: widget.aspectRatio, |
|||
path: widget.video.replaceAll("file://", ""), |
|||
thumbnail: |
|||
widget.thumbnail != null ? base64Encode(widget.thumbnail) : null, |
|||
title: controller.text, |
|||
pending: 0, |
|||
campaignID: widget.campaignID, |
|||
muxuploadID: muxuploadsID, |
|||
muxuploadURL: muxuploadsURL, |
|||
)); |
|||
Navigator.pop(context); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
setState(() { |
|||
sending = false; |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
controller = new TextEditingController(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
super.dispose(); |
|||
controller.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PreferredSize( |
|||
child: AppBar( |
|||
automaticallyImplyLeading: true, |
|||
title: Text("Post"), |
|||
centerTitle: true, |
|||
), |
|||
preferredSize: Size.fromHeight(70.0), |
|||
), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
padding: EdgeInsets.all(MediaQuery.of(context).size.width * 0.025), |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width * 0.25, |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
color: Colors.black, |
|||
child: widget.thumbnail != null |
|||
? Image.memory(widget.thumbnail) |
|||
: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
Container( |
|||
width: (MediaQuery.of(context).size.width) - |
|||
(MediaQuery.of(context).size.width * 0.35), |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
child: TextField( |
|||
decoration: InputDecoration( |
|||
border: OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
), |
|||
filled: true, |
|||
isDense: true, |
|||
labelText: "Say Something..", |
|||
labelStyle: TextStyle( |
|||
color: Colors.black54, |
|||
), |
|||
fillColor: Colors.white70, |
|||
), |
|||
controller: controller, |
|||
maxLines: null, |
|||
keyboardType: TextInputType.text, |
|||
textInputAction: TextInputAction.done, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Divider(), |
|||
Container( |
|||
margin: EdgeInsets.only( |
|||
top: 10, |
|||
), |
|||
child: Text( |
|||
"Teso businesses and other Teso users can see your post in their feeds and on your profile.", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
floatingActionButton: !sending |
|||
? Container( |
|||
margin: EdgeInsets.all(20), |
|||
width: MediaQuery.of(context).size.width, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(15.0), |
|||
color: tesoBlue, |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Center( |
|||
child: Text( |
|||
"NEXT", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
height: 50, |
|||
) |
|||
: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 50, |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
), |
|||
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, |
|||
); |
|||
} |
|||
} |
|||
@ -1,195 +0,0 @@ |
|||
import 'dart:convert'; |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/Uploading.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
|
|||
class SubmitAdvert extends StatefulWidget { |
|||
final String video; |
|||
final String aspectRatio; |
|||
final Uint8List thumbnail; |
|||
final String campaignID; |
|||
|
|||
const SubmitAdvert( |
|||
{Key key, this.video, this.aspectRatio, this.thumbnail, this.campaignID}) |
|||
: super(key: key); |
|||
@override |
|||
_SubmitAdvertState createState() => _SubmitAdvertState(); |
|||
} |
|||
|
|||
class _SubmitAdvertState extends State<SubmitAdvert> { |
|||
TextEditingController controller; |
|||
SharedPreferences prefs; |
|||
bool sending = false; |
|||
|
|||
void postVideo(context) async { |
|||
setState(() { |
|||
sending = true; |
|||
}); |
|||
try { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
String token = prefs.getString("tokensTeso"); |
|||
Map<String, String> requestHeaders = {'Authorization': token}; |
|||
String urlLocation = tesoStreaming + "api/mobile/upload/authurl"; |
|||
var client = |
|||
await http.get(Uri.parse(urlLocation), headers: requestHeaders); |
|||
if (client.statusCode == 200) { |
|||
var details = jsonDecode(client.body); |
|||
String muxuploadsID = details["data"]["id"]; |
|||
String muxuploadsURL = details["data"]["url"]; |
|||
|
|||
Provider.of<UserProvider>(context, listen: false).uploadPost(Uploading( |
|||
id: DateTime.now().toString() + |
|||
widget.video.replaceAll("file://", ""), |
|||
aspect: widget.aspectRatio, |
|||
path: widget.video.replaceAll("file://", ""), |
|||
thumbnail: |
|||
widget.thumbnail != null ? base64Encode(widget.thumbnail) : null, |
|||
title: controller.text, |
|||
pending: 0, |
|||
campaignID: widget.campaignID, |
|||
muxuploadID: muxuploadsID, |
|||
muxuploadURL: muxuploadsURL, |
|||
)); |
|||
Navigator.pop(context); |
|||
} |
|||
} catch (e) { |
|||
print("Something is " + e.toString()); |
|||
} |
|||
setState(() { |
|||
sending = false; |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
controller = new TextEditingController(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
super.dispose(); |
|||
controller.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PreferredSize( |
|||
child: AppBar( |
|||
automaticallyImplyLeading: true, |
|||
title: Text("Post"), |
|||
centerTitle: true, |
|||
), |
|||
preferredSize: Size.fromHeight(70.0), |
|||
), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
padding: EdgeInsets.all(MediaQuery.of(context).size.width * 0.025), |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width * 0.25, |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
color: Colors.black, |
|||
child: widget.thumbnail != null |
|||
? Image.memory(widget.thumbnail) |
|||
: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
Container( |
|||
width: (MediaQuery.of(context).size.width) - |
|||
(MediaQuery.of(context).size.width * 0.35), |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
child: TextField( |
|||
decoration: InputDecoration( |
|||
border: OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
), |
|||
filled: true, |
|||
isDense: true, |
|||
labelText: "Say Something..", |
|||
labelStyle: TextStyle( |
|||
color: Colors.black54, |
|||
), |
|||
fillColor: Colors.white70, |
|||
), |
|||
controller: controller, |
|||
maxLines: null, |
|||
keyboardType: TextInputType.url, |
|||
textInputAction: TextInputAction.done, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Divider(), |
|||
Container( |
|||
margin: EdgeInsets.only( |
|||
top: 10, |
|||
), |
|||
child: Text( |
|||
"Teso businesses and other Teso users can only see campaign post on your profile after they have been approved by the campaign owners.", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
floatingActionButton: !sending |
|||
? Container( |
|||
margin: EdgeInsets.all(20), |
|||
width: MediaQuery.of(context).size.width, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(15.0), |
|||
color: tesoBlue, |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Center( |
|||
child: Text( |
|||
"NEXT", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
height: 50, |
|||
) |
|||
: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 50, |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
), |
|||
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, |
|||
); |
|||
} |
|||
} |
|||
@ -1,212 +0,0 @@ |
|||
// import 'package:flutter/material.dart'; |
|||
|
|||
// import 'package:teso/Classes/TextE.dart'; |
|||
// import 'package:teso/util/SizeConfig.dart'; |
|||
// import 'textstyler/src/toolbar_action.dart'; |
|||
// import 'textstyler/text_style_editor.dart'; |
|||
|
|||
// // ignore: must_be_immutable |
|||
// class TextEdit extends StatefulWidget { |
|||
// Textted content; |
|||
// TextEdit({Key key, this.content}) : super(key: key); |
|||
|
|||
// @override |
|||
// _TextEditState createState() => _TextEditState(); |
|||
// } |
|||
|
|||
// class _TextEditState extends State<TextEdit> { |
|||
// TextStyle textStyle; |
|||
// TextAlign textAlign; |
|||
// List<String> fonts = [ |
|||
// 'Billabong', |
|||
// 'AlexBrush', |
|||
// 'Allura', |
|||
// 'Arizonia', |
|||
// 'ChunkFive', |
|||
// 'GrandHotel', |
|||
// 'GreatVibes', |
|||
// 'Lobster', |
|||
// 'OpenSans', |
|||
// 'OstrichSans', |
|||
// 'Oswald', |
|||
// 'Pacifico', |
|||
// 'Quicksand', |
|||
// 'Roboto', |
|||
// 'SEASRN', |
|||
// 'Windsong', |
|||
// ]; |
|||
// List<Color> paletteColors = [ |
|||
// Colors.black, |
|||
// Colors.white, |
|||
// Color(int.parse('0xffEA2027')), |
|||
// Color(int.parse('0xff006266')), |
|||
// Color(int.parse('0xff1B1464')), |
|||
// Color(int.parse('0xff5758BB')), |
|||
// Color(int.parse('0xff6F1E51')), |
|||
// Color(int.parse('0xffB53471')), |
|||
// Color(int.parse('0xffEE5A24')), |
|||
// Color(int.parse('0xff009432')), |
|||
// Color(int.parse('0xff0652DD')), |
|||
// Color(int.parse('0xff9980FA')), |
|||
// Color(int.parse('0xff833471')), |
|||
// Color(int.parse('0xff112CBC4')), |
|||
// Color(int.parse('0xffFDA7DF')), |
|||
// Color(int.parse('0xffED4C67')), |
|||
// Color(int.parse('0xffF79F1F')), |
|||
// Color(int.parse('0xffA3CB38')), |
|||
// Color(int.parse('0xff1289A7')), |
|||
// Color(int.parse('0xffD980FA')) |
|||
// ]; |
|||
// FocusNode _focus = new FocusNode(); |
|||
// TextEditingController controller; |
|||
// @override |
|||
// void initState() { |
|||
// controller = new TextEditingController(); |
|||
// textStyle = TextStyle( |
|||
// fontSize: 15, |
|||
// color: Colors.white, |
|||
// fontFamily: 'OpenSans', |
|||
// ); |
|||
// textAlign = TextAlign.left; |
|||
// _focus.addListener(_onFocusChange); |
|||
|
|||
// controller.text = widget.content.text != null ? widget.content.text : ""; |
|||
// textStyle = |
|||
// widget.content.textStyle != null ? widget.content.textStyle : null; |
|||
// textAlign = widget.content.textAlign != null |
|||
// ? widget.content.textAlign |
|||
// : TextAlign.center; |
|||
// super.initState(); |
|||
// } |
|||
|
|||
// @override |
|||
// void dispose() { |
|||
// _focus.removeListener(_onFocusChange); |
|||
// _focus.dispose(); |
|||
// super.dispose(); |
|||
// } |
|||
|
|||
// void _onFocusChange() { |
|||
// debugPrint("Focus: " + _focus.hasFocus.toString()); |
|||
// } |
|||
|
|||
// void verify() { |
|||
// if (_focus.hasFocus) { |
|||
// _focus.unfocus(); |
|||
// } else { |
|||
// Navigator.pop( |
|||
// context, |
|||
// new Textted( |
|||
// text: controller.text, |
|||
// textAlign: textAlign, |
|||
// textStyle: textStyle, |
|||
// )); |
|||
// } |
|||
// } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// SizeConfig().init(context); |
|||
// return Scaffold( |
|||
// resizeToAvoidBottomInset: false, |
|||
// backgroundColor: Color.fromRGBO(0, 0, 0, 0.8), |
|||
// appBar: AppBar( |
|||
// backgroundColor: Colors.transparent, |
|||
// leading: IconButton( |
|||
// onPressed: () => Navigator.pop(context, widget.content), |
|||
// icon: Icon( |
|||
// Icons.x, |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// actions: [ |
|||
// IconButton( |
|||
// onPressed: verify, |
|||
// icon: Icon( |
|||
// AntDesign.check, |
|||
// color: Colors.white, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// body: Container( |
|||
// height: SizeConfig.safeBlockVertical * 40, |
|||
// child: Center( |
|||
// child: TextField( |
|||
// controller: controller, |
|||
// // enabled: false, |
|||
// focusNode: _focus, |
|||
// style: textStyle, |
|||
// textAlign: textAlign, |
|||
// // maxLines: 4, |
|||
// decoration: new InputDecoration( |
|||
// filled: true, |
|||
// enabledBorder: OutlineInputBorder( |
|||
// borderRadius: BorderRadius.all( |
|||
// Radius.circular(10.0), |
|||
// ), |
|||
// borderSide: BorderSide( |
|||
// color: Colors.grey.shade400, |
|||
// width: 2, |
|||
// ), |
|||
// ), |
|||
// focusedBorder: OutlineInputBorder( |
|||
// borderRadius: BorderRadius.all( |
|||
// Radius.circular(10.0), |
|||
// ), |
|||
// borderSide: BorderSide( |
|||
// color: Colors.blue.shade300, |
|||
// width: 0, |
|||
// ), |
|||
// ), |
|||
// contentPadding: EdgeInsets.all(15), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// extendBody: false, |
|||
// extendBodyBehindAppBar: false, |
|||
// bottomSheet: Container( |
|||
// height: SizeConfig.safeBlockVertical * 60, |
|||
// child: Container( |
|||
// padding: EdgeInsets.all(10), |
|||
// decoration: BoxDecoration( |
|||
// color: Theme.of(context).backgroundColor, |
|||
// border: Border.symmetric( |
|||
// horizontal: BorderSide( |
|||
// color: Theme.of(context).backgroundColor, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// child: Align( |
|||
// alignment: Alignment.topCenter, |
|||
// child: SingleChildScrollView( |
|||
// scrollDirection: Axis.vertical, |
|||
// child: TextStyleEditor( |
|||
// fonts: fonts, |
|||
// paletteColors: paletteColors, |
|||
// textStyle: textStyle, |
|||
// textAlign: textAlign, |
|||
// initialTool: EditorToolbarAction.fontFamilyTool, |
|||
// onTextAlignEdited: (align) { |
|||
// setState(() { |
|||
// textAlign = align; |
|||
// }); |
|||
// }, |
|||
// onTextStyleEdited: (style) { |
|||
// setState(() { |
|||
// textStyle = textStyle.merge(style); |
|||
// }); |
|||
// }, |
|||
// onCpasLockTaggle: (caps) { |
|||
// print(caps); |
|||
// }, |
|||
// //onToolbarActionChanged: (fu) => , |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,560 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/rendering.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
import 'dart:io'; |
|||
|
|||
import 'package:image_gallery_saver/image_gallery_saver.dart'; |
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'package:share_plus/share_plus.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/file_formats.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trim_editor.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/Trimmer/trimmer.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/SubmitAdvert.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'dart:async'; |
|||
import 'package:path_provider/path_provider.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:image/image.dart' as IMG; |
|||
import 'package:video_thumbnail/video_thumbnail.dart'; |
|||
|
|||
class VideoReview extends StatefulWidget { |
|||
final video; |
|||
final bool recorded; |
|||
final String campaignID; |
|||
final double aspect; |
|||
|
|||
@override |
|||
const VideoReview( |
|||
{Key key, |
|||
this.video, |
|||
@required this.campaignID, |
|||
@required this.recorded, |
|||
this.aspect}) |
|||
: super(key: key); |
|||
@override |
|||
_VideoReviewState createState() => _VideoReviewState(); |
|||
} |
|||
|
|||
class _VideoReviewState extends State<VideoReview> |
|||
with TickerProviderStateMixin { |
|||
Trimmer _trimmer = new Trimmer(); |
|||
VideoPlayerController videoController; |
|||
VoidCallback videoPlayerListener; |
|||
bool muted = false; |
|||
String readyVideo; |
|||
Color textColor = Colors.white; |
|||
double _startValue = 0.15; |
|||
double _endValue = 60000.0; |
|||
var _future; |
|||
bool _isPlaying = false; |
|||
Duration _duration; |
|||
Duration _position; |
|||
ByteData bytes; |
|||
Uint8List imageBitmap; |
|||
Uint8List thumbnail; |
|||
Directory tempDirectory; |
|||
TesoUser user; |
|||
bool processing = false; |
|||
bool downloaded = false; |
|||
bool processed = false; |
|||
final key = new GlobalKey(); |
|||
double currentOffset = 0; |
|||
|
|||
Future<void> _startVideoPlayer() async { |
|||
await videoController.play(); |
|||
} |
|||
|
|||
Future<void> initializeController(String fileLocation) async { |
|||
videoController = VideoPlayerController.file(File(fileLocation)); |
|||
|
|||
videoPlayerListener = () async { |
|||
Timer.run(() { |
|||
this.setState(() { |
|||
_position = videoController.value.position; |
|||
}); |
|||
setState(() { |
|||
_duration = Duration(milliseconds: _endValue.round()); |
|||
}); |
|||
if (_duration?.compareTo(_position) == 0 || |
|||
_duration?.compareTo(_position) == -1) { |
|||
this.setState(() { |
|||
_isPlaying = false; |
|||
}); |
|||
videoController.pause(); |
|||
videoController.seekTo(Duration(milliseconds: _startValue.round())); |
|||
} else {} |
|||
}); |
|||
}; |
|||
videoController.addListener(videoPlayerListener); |
|||
await videoController.setLooping(true); |
|||
await videoController.initialize(); |
|||
await _trimmer.loadVideo(videoFile: File(fileLocation)); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
readyVideo = widget.video; |
|||
if (readyVideo != null) _future = initializeController(readyVideo); |
|||
rootBundle.load("assets/images/rawLogo.png").then((value) => setState(() { |
|||
imageBitmap = value.buffer.asUint8List(); |
|||
IMG.Image img = IMG.decodeImage(imageBitmap); |
|||
IMG.Image resized = IMG.copyResize(img, width: 50, height: 60); |
|||
imageBitmap = IMG.encodePng(resized); |
|||
})); |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
videoController?.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void postVideo(context) async { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
if (processed) { |
|||
await Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: SubmitAdvert( |
|||
video: readyVideo, |
|||
aspectRatio: widget.recorded |
|||
? "0.5625" |
|||
: videoController.value.aspectRatio.toString(), |
|||
thumbnail: this.thumbnail, |
|||
campaignID: widget.campaignID, |
|||
), |
|||
)); |
|||
} else { |
|||
readyVideo = await processVideo(context, false); |
|||
await Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: SubmitAdvert( |
|||
video: readyVideo, |
|||
aspectRatio: widget.recorded |
|||
? "0.5625" |
|||
: videoController.value.aspectRatio.toString(), |
|||
thumbnail: this.thumbnail, |
|||
campaignID: widget.campaignID, |
|||
), |
|||
)); |
|||
} |
|||
} |
|||
|
|||
Future<void> downloadVideo(context) async { |
|||
try { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
String output = await processVideo(context, true); |
|||
await ImageGallerySaver.saveFile(output).catchError((error, stackTrace) { |
|||
setState(() { |
|||
processing = false; |
|||
downloaded = false; |
|||
}); |
|||
}).then((value) { |
|||
setState(() { |
|||
processing = false; |
|||
downloaded = true; |
|||
}); |
|||
}); |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
Future<String> processVideo(context, bool watermark) async { |
|||
user = Provider.of<UserProvider>(context, listen: false).currentUser; |
|||
String location = await getTemporaryDirectory().then((value) => |
|||
value.path + |
|||
"/" + |
|||
DateTime.now().millisecondsSinceEpoch.toString() + |
|||
".mp4"); |
|||
if (widget.recorded) { |
|||
String initial = await _trimmer.saveTrimmedVideo( |
|||
applyVideoEncoding: false, |
|||
ffmpegCommand: "-vf setsar=1:1 -aspect 9:16", |
|||
customVideoFormat: ".mp4", |
|||
startValue: _startValue, |
|||
endValue: videoController.value.duration.inMilliseconds > 5900 && |
|||
videoController.value.duration.inMilliseconds >= _endValue |
|||
? _endValue |
|||
: double.parse( |
|||
videoController.value.duration.inMilliseconds.toString()), |
|||
); |
|||
this.thumbnail = await generateThumbnail(); |
|||
|
|||
location = initial; |
|||
} else { |
|||
String initial = await _trimmer.saveTrimmedVideo( |
|||
startValue: _startValue, |
|||
endValue: videoController.value.duration.inMilliseconds > 5900 && |
|||
videoController.value.duration.inMilliseconds >= _endValue |
|||
? _endValue |
|||
: double.parse( |
|||
videoController.value.duration.inMilliseconds.toString()), |
|||
outputFormat: FileFormat.mp4, |
|||
); |
|||
this.thumbnail = await generateThumbnail(); |
|||
|
|||
location = initial; |
|||
} |
|||
return location; |
|||
} |
|||
|
|||
Future<Uint8List> generateThumbnail() async { |
|||
try { |
|||
Uint8List thumbnail; |
|||
|
|||
thumbnail = await VideoThumbnail.thumbnailData( |
|||
video: widget.video, |
|||
imageFormat: ImageFormat.JPEG, |
|||
maxWidth: 0, |
|||
maxHeight: 0, |
|||
timeMs: 100, |
|||
quality: 100, |
|||
); |
|||
return thumbnail; |
|||
} catch (e) { |
|||
print("Error :::: " + e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
Future<void> shareVideo(context) async { |
|||
setState(() { |
|||
processing = true; |
|||
}); |
|||
if (readyVideo == widget.video) { |
|||
readyVideo = await processVideo(context, true); |
|||
Share.shareFiles([readyVideo]); |
|||
} else { |
|||
Share.shareFiles([readyVideo]); |
|||
} |
|||
setState(() { |
|||
processing = false; |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
SizeConfig().init(context); |
|||
return Scaffold( |
|||
body: FutureBuilder( |
|||
future: _future, |
|||
builder: (context, snapshot) { |
|||
if (snapshot.connectionState == ConnectionState.waiting) { |
|||
return Container( |
|||
color: Colors.black, |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: Center( |
|||
child: CircularProgressIndicator( |
|||
backgroundColor: Colors.red, |
|||
), |
|||
), |
|||
); |
|||
} else { |
|||
return Stack( |
|||
children: [ |
|||
videoContent(context), |
|||
// Video trimmer |
|||
trimmerWidget(context), |
|||
// Pop button |
|||
Align( |
|||
alignment: Alignment.topLeft, |
|||
child: InkWell( |
|||
onTap: () => Navigator.pop(context), |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.07, |
|||
vertical: MediaQuery.of(context).size.width * 0.1, |
|||
), |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.4), |
|||
shape: BoxShape.circle), |
|||
child: Icon( |
|||
Icons.close, |
|||
color: Colors.white, |
|||
size: 20, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
// Bottom buttons |
|||
bottomButtons(context), |
|||
Visibility( |
|||
visible: processing, |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
padding: EdgeInsets.only( |
|||
top: MediaQuery.of(context).size.width * 0.7), |
|||
child: Center( |
|||
child: Column( |
|||
children: [ |
|||
CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
Text( |
|||
"Processing.....", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
}), |
|||
); |
|||
} |
|||
|
|||
Widget trimmerWidget(context) { |
|||
return Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.01, |
|||
vertical: MediaQuery.of(context).size.width * 0.20, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
child: TrimEditor( |
|||
borderPaintColor: tesoGold, |
|||
circlePaintColor: tesoBlue, |
|||
thumbnailQuality: 100, |
|||
showDuration: true, |
|||
viewerHeight: 50.0, |
|||
maxVideoLength: Duration(seconds: 60), |
|||
viewerWidth: MediaQuery.of(context).size.width, |
|||
onChangeStart: (value) { |
|||
if (!mounted) { |
|||
setState(() { |
|||
_startValue = value; |
|||
}); |
|||
} else { |
|||
_startValue = value; |
|||
} |
|||
videoController.seekTo(Duration(milliseconds: value.round())); |
|||
}, |
|||
onChangeEnd: (value) { |
|||
if (!mounted) { |
|||
setState(() { |
|||
_endValue = value; |
|||
}); |
|||
} else { |
|||
_endValue = value; |
|||
} |
|||
}, |
|||
onChangePlaybackState: (isPlaying) { |
|||
if (mounted) |
|||
setState(() { |
|||
_isPlaying = isPlaying; |
|||
}); |
|||
}, |
|||
)); |
|||
} |
|||
|
|||
Widget videoContent(context) { |
|||
return Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: AspectRatio( |
|||
aspectRatio: videoController.value.size != null |
|||
? videoController.value.aspectRatio |
|||
: 1.0, |
|||
child: Stack( |
|||
children: [ |
|||
InkWell( |
|||
onTap: () { |
|||
!_isPlaying ? _startVideoPlayer() : videoController.pause(); |
|||
setState(() { |
|||
_isPlaying = !_isPlaying; |
|||
}); |
|||
}, |
|||
child: VideoPlayer( |
|||
videoController, |
|||
), |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
height: double.infinity, |
|||
child: GestureDetector( |
|||
child: !_isPlaying |
|||
? Icon( |
|||
Icons.play_circle, |
|||
size: 60, |
|||
color: Colors.white, |
|||
) |
|||
: Container(), |
|||
onTap: () { |
|||
!_isPlaying |
|||
? _startVideoPlayer() |
|||
: videoController.pause(); |
|||
setState(() { |
|||
_isPlaying = !_isPlaying; |
|||
}); |
|||
}, |
|||
), |
|||
), |
|||
], |
|||
)), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget bottomButtons(context) { |
|||
if (widget.recorded) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
vertical: SizeConfig.safeBlockVertical * 2.5, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Container( |
|||
width: 55, |
|||
height: 40, |
|||
padding: EdgeInsets.all(5), |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
border: Border.all(color: Colors.white, width: 0.5)), |
|||
child: InkWell( |
|||
onTap: () async => |
|||
!downloaded ? await downloadVideo(context) : null, |
|||
child: Icon( |
|||
!downloaded ? Icons.download : Icons.check, |
|||
color: !downloaded ? Colors.white : Colors.green, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: 55, |
|||
height: 40, |
|||
padding: EdgeInsets.all(5), |
|||
decoration: BoxDecoration( |
|||
color: Color.fromRGBO(0, 0, 0, 0.6), |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
border: Border.all(color: Colors.white, width: 0.5)), |
|||
child: InkWell( |
|||
onTap: () async => await shareVideo(context), |
|||
child: Icon( |
|||
Icons.share, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.all(5), |
|||
width: 100, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
color: tesoGold, |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Text( |
|||
"Post", |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
Icon( |
|||
Icons.send, |
|||
color: tesoBlue, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} else { |
|||
return Align( |
|||
alignment: Alignment.bottomRight, |
|||
child: Container( |
|||
padding: EdgeInsets.all(5), |
|||
width: 100, |
|||
height: 40, |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: 10, |
|||
horizontal: 20, |
|||
), |
|||
decoration: BoxDecoration( |
|||
color: tesoGold, |
|||
borderRadius: BorderRadius.only( |
|||
bottomLeft: Radius.circular(30), |
|||
bottomRight: Radius.circular(30), |
|||
topRight: Radius.circular(30), |
|||
topLeft: Radius.circular(30), |
|||
), |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Text( |
|||
"Post", |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
Icon( |
|||
Icons.send, |
|||
color: tesoBlue, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
} |
|||
@ -1,92 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class ColorPalette extends StatefulWidget { |
|||
final Color activeColor; |
|||
final List<Color> colors; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
ColorPalette({ |
|||
this.activeColor, |
|||
this.onColorPicked, |
|||
this.colors, |
|||
}); |
|||
|
|||
@override |
|||
_ColorPaletteState createState() => _ColorPaletteState(); |
|||
} |
|||
|
|||
class _ColorPaletteState extends State<ColorPalette> { |
|||
Color _activeColor; |
|||
|
|||
@override |
|||
void initState() { |
|||
_activeColor = widget.activeColor ?? widget.colors[0]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Padding( |
|||
padding: EdgeInsets.all(16), |
|||
child: Wrap( |
|||
spacing: 16, |
|||
runSpacing: 16, |
|||
children: widget.colors |
|||
.map( |
|||
(color) => _ColorHolder( |
|||
color: color, |
|||
active: color == _activeColor, |
|||
onTap: (color) { |
|||
setState(() => _activeColor = color); |
|||
widget.onColorPicked(color); |
|||
}, |
|||
), |
|||
) |
|||
.toList(), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _ColorHolder extends StatelessWidget { |
|||
final Color color; |
|||
final Function(Color) onTap; |
|||
final bool active; |
|||
|
|||
_ColorHolder({ |
|||
this.color, |
|||
this.onTap, |
|||
this.active = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
height: 40, |
|||
width: 40, |
|||
decoration: BoxDecoration( |
|||
border: active |
|||
? Border.fromBorderSide( |
|||
BorderSide(color: Theme.of(context).colorScheme.onSurface)) |
|||
: null, |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
child: Center( |
|||
child: GestureDetector( |
|||
onTap: () => onTap(color), |
|||
child: Container( |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
border: Border.fromBorderSide( |
|||
BorderSide(color: Theme.of(context).colorScheme.onSurface)), |
|||
borderRadius: BorderRadius.circular(50), |
|||
color: color, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,30 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class OptionButton extends StatelessWidget { |
|||
final bool isActive; |
|||
final Function() onPressed; |
|||
final Widget child; |
|||
final Size size; |
|||
|
|||
OptionButton({ |
|||
this.onPressed, |
|||
this.child, |
|||
this.isActive = false, |
|||
this.size, |
|||
}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return RawMaterialButton( |
|||
constraints: BoxConstraints.tight(size ?? Size(45, 45)), |
|||
highlightColor: Theme.of(context).colorScheme.background, |
|||
splashColor: Theme.of(context).colorScheme.background, |
|||
fillColor: isActive ? Theme.of(context).colorScheme.background : null, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12), |
|||
side: BorderSide(color: Theme.of(context).colorScheme.surface), |
|||
), |
|||
child: child, |
|||
onPressed: onPressed, |
|||
); |
|||
} |
|||
} |
|||
@ -1,87 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import 'option_button.dart'; |
|||
import 'toolbar_action.dart'; |
|||
|
|||
class Toolbar extends StatefulWidget { |
|||
final EditorToolbarAction initialTool; |
|||
final Function(EditorToolbarAction) onToolSelect; |
|||
|
|||
Toolbar({ |
|||
this.initialTool = EditorToolbarAction.editor, |
|||
this.onToolSelect, |
|||
}); |
|||
|
|||
@override |
|||
_ToolbarState createState() => _ToolbarState(); |
|||
} |
|||
|
|||
class _ToolbarState extends State<Toolbar> { |
|||
EditorToolbarAction _selectedAction; |
|||
@override |
|||
void initState() { |
|||
_selectedAction = widget.initialTool; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
// OptionButton( |
|||
// isActive: _selectedAction == EditorToolbarAction.editor, |
|||
// child: Icon(Icons.keyboard), |
|||
// onPressed: () { |
|||
// setState(() => _selectedAction = EditorToolbarAction.editor); |
|||
// widget.onToolSelect(EditorToolbarAction.editor); |
|||
// }, |
|||
// ), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontFamilyTool, |
|||
child: Icon(Icons.title), |
|||
onPressed: () { |
|||
setState( |
|||
() => _selectedAction = EditorToolbarAction.fontFamilyTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontFamilyTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontOptionTool, |
|||
child: Icon(Icons.strikethrough_s), |
|||
onPressed: () { |
|||
setState( |
|||
() => _selectedAction = EditorToolbarAction.fontOptionTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontOptionTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontSizeTool, |
|||
child: Icon(Icons.format_size), |
|||
onPressed: () { |
|||
setState(() => _selectedAction = EditorToolbarAction.fontSizeTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontSizeTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.fontColorTool, |
|||
child: Icon(Icons.format_color_text), |
|||
onPressed: () { |
|||
setState(() => _selectedAction = EditorToolbarAction.fontColorTool); |
|||
widget.onToolSelect(EditorToolbarAction.fontColorTool); |
|||
}, |
|||
), |
|||
OptionButton( |
|||
isActive: _selectedAction == EditorToolbarAction.backgroundColorTool, |
|||
child: Icon(Icons.format_color_fill), |
|||
onPressed: () { |
|||
setState(() => |
|||
_selectedAction = EditorToolbarAction.backgroundColorTool); |
|||
widget.onToolSelect(EditorToolbarAction.backgroundColorTool); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,8 +0,0 @@ |
|||
enum EditorToolbarAction { |
|||
editor, |
|||
fontFamilyTool, |
|||
fontOptionTool, |
|||
fontSizeTool, |
|||
fontColorTool, |
|||
backgroundColorTool, |
|||
} |
|||
@ -1,24 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../color_palette.dart'; |
|||
|
|||
class BackgroundColorTool extends StatelessWidget { |
|||
final List<Color> colors; |
|||
final Color activeColor; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
BackgroundColorTool({ |
|||
this.colors, |
|||
this.onColorPicked, |
|||
this.activeColor, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return ColorPalette( |
|||
activeColor: activeColor, |
|||
onColorPicked: onColorPicked, |
|||
colors: colors, |
|||
); |
|||
} |
|||
} |
|||
@ -1,24 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../color_palette.dart'; |
|||
|
|||
class FontColorTool extends StatelessWidget { |
|||
final List<Color> colors; |
|||
final Color activeColor; |
|||
final Function(Color) onColorPicked; |
|||
|
|||
FontColorTool({ |
|||
this.colors, |
|||
this.onColorPicked, |
|||
this.activeColor, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return ColorPalette( |
|||
activeColor: activeColor, |
|||
onColorPicked: onColorPicked, |
|||
colors: colors, |
|||
); |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../option_button.dart'; |
|||
|
|||
class FontFamilyTool extends StatefulWidget { |
|||
final List<String> fonts; |
|||
final Function(String) onSelectFont; |
|||
final String selectedFont; |
|||
|
|||
FontFamilyTool({ |
|||
this.fonts, |
|||
this.onSelectFont, |
|||
this.selectedFont, |
|||
}); |
|||
|
|||
@override |
|||
_FontFamilyToolState createState() => _FontFamilyToolState(); |
|||
} |
|||
|
|||
class _FontFamilyToolState extends State<FontFamilyTool> { |
|||
String _selectedFont; |
|||
|
|||
@override |
|||
void initState() { |
|||
_selectedFont = widget.selectedFont ?? widget.fonts[0]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Wrap( |
|||
spacing: 12, |
|||
runSpacing: 12, |
|||
children: widget.fonts |
|||
.map<_FontFamily>( |
|||
(font) => _FontFamily( |
|||
font, |
|||
isSelected: _selectedFont == font, |
|||
onSelect: (selectedFont) { |
|||
setState(() => _selectedFont = selectedFont); |
|||
widget.onSelectFont(selectedFont); |
|||
}, |
|||
), |
|||
) |
|||
.toList(), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _FontFamily extends StatelessWidget { |
|||
final String font; |
|||
final bool isSelected; |
|||
final Function(String) onSelect; |
|||
|
|||
_FontFamily(this.font, {this.onSelect, this.isSelected = false}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return OptionButton( |
|||
isActive: isSelected, |
|||
size: Size(90, 45), |
|||
onPressed: () => onSelect(font), |
|||
child: Center(child: Text(font, style: TextStyle(fontFamily: font))), |
|||
); |
|||
} |
|||
} |
|||
@ -1,123 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class FontSizeTool extends StatelessWidget { |
|||
final double fontSize; |
|||
final double letterSpacing; |
|||
final double letterHeight; |
|||
final Function( |
|||
double fontSize, |
|||
double letterSpacing, |
|||
double letterHeight, |
|||
) onFontSizeEdited; |
|||
|
|||
FontSizeTool({ |
|||
this.onFontSizeEdited, |
|||
this.fontSize = 0, |
|||
this.letterSpacing = 0, |
|||
this.letterHeight = 0, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
double _fontSize = fontSize; |
|||
double _letterSpacing = letterSpacing; |
|||
double _letterHeight = letterHeight; |
|||
|
|||
return Padding( |
|||
padding: EdgeInsets.all(16), |
|||
child: Column( |
|||
children: [ |
|||
_ResizeSlider( |
|||
value: _fontSize, |
|||
max: 45, |
|||
icon: Icons.format_size, |
|||
onChange: (value) { |
|||
_fontSize = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
_ResizeSlider( |
|||
value: _letterHeight, |
|||
icon: Icons.format_line_spacing, |
|||
max: 10, |
|||
onChange: (value) { |
|||
_letterHeight = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
_ResizeSlider( |
|||
value: _letterSpacing, |
|||
icon: Icons.settings_ethernet, |
|||
max: 10, |
|||
onChange: (value) { |
|||
_letterSpacing = value; |
|||
onFontSizeEdited(_fontSize, _letterSpacing, _letterHeight); |
|||
}, |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _ResizeSlider extends StatefulWidget { |
|||
final double value; |
|||
final double min; |
|||
final double max; |
|||
final IconData icon; |
|||
final Function(double) onChange; |
|||
|
|||
_ResizeSlider({ |
|||
this.value, |
|||
this.icon, |
|||
this.onChange, |
|||
this.min = 0, |
|||
this.max = 100, |
|||
}); |
|||
|
|||
@override |
|||
_ResizeSliderState createState() => _ResizeSliderState(); |
|||
} |
|||
|
|||
class _ResizeSliderState extends State<_ResizeSlider> { |
|||
double _value; |
|||
|
|||
@override |
|||
void initState() { |
|||
_value = widget.value; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
children: [ |
|||
Icon(widget.icon), |
|||
Expanded( |
|||
child: SliderTheme( |
|||
data: SliderThemeData( |
|||
activeTrackColor: Theme.of(context).colorScheme.background, |
|||
inactiveTrackColor: Theme.of(context).colorScheme.background, |
|||
thumbColor: Theme.of(context).colorScheme.background, |
|||
overlayColor: |
|||
Theme.of(context).colorScheme.background.withOpacity(0.2), |
|||
trackHeight: 2, |
|||
), |
|||
child: Slider( |
|||
value: _value, |
|||
onChanged: (value) { |
|||
setState(() => _value = value); |
|||
|
|||
widget.onChange(value); |
|||
}, |
|||
min: widget.min, |
|||
max: widget.max, |
|||
), |
|||
), |
|||
), |
|||
Text(_value.toStringAsFixed(1)), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,237 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import '../option_button.dart'; |
|||
|
|||
class TextFormatTool extends StatelessWidget { |
|||
final Function( |
|||
bool bold, |
|||
bool italic, |
|||
) onTextFormatEdited; |
|||
final Function(bool caps) onCpasLockTaggle; |
|||
final Function(TextAlign textAlign) onTextAlignEdited; |
|||
final TextAlign textAlign; |
|||
final bool bold; |
|||
final bool italic; |
|||
final bool caps; |
|||
|
|||
TextFormatTool({ |
|||
this.onTextFormatEdited, |
|||
this.onTextAlignEdited, |
|||
this.onCpasLockTaggle, |
|||
this.textAlign = TextAlign.left, |
|||
this.bold = false, |
|||
this.italic = false, |
|||
this.caps = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
margin: EdgeInsets.only(top: 36), |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.center, |
|||
children: [ |
|||
_TextFormatEditor( |
|||
bold: bold, |
|||
italic: italic, |
|||
caps: caps, |
|||
onFormatEdited: onTextFormatEdited, |
|||
onCpasLockTaggle: onCpasLockTaggle, |
|||
), |
|||
SizedBox(height: 36), |
|||
_TextAlignEditor( |
|||
textAlign: textAlign, |
|||
onTextAlignEdited: onTextAlignEdited, |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextAlignEditor extends StatefulWidget { |
|||
final TextAlign textAlign; |
|||
final Function(TextAlign textAlign) onTextAlignEdited; |
|||
|
|||
_TextAlignEditor({ |
|||
this.onTextAlignEdited, |
|||
this.textAlign = TextAlign.left, |
|||
}); |
|||
|
|||
@override |
|||
_TextAlignEditorState createState() => _TextAlignEditorState(); |
|||
} |
|||
|
|||
class _TextAlignEditorState extends State<_TextAlignEditor> { |
|||
TextAlign _textAlign; |
|||
|
|||
@override |
|||
void initState() { |
|||
_textAlign = widget.textAlign; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_left, |
|||
isActive: _textAlign == TextAlign.left, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.left); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_center, |
|||
isActive: _textAlign == TextAlign.center, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.center); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_right, |
|||
isActive: _textAlign == TextAlign.right, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.right); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
_TextAlignOption( |
|||
icon: Icons.format_align_justify, |
|||
isActive: _textAlign == TextAlign.justify, |
|||
onPressed: () { |
|||
setState(() => _textAlign = TextAlign.justify); |
|||
widget.onTextAlignEdited(_textAlign); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextAlignOption extends StatelessWidget { |
|||
final IconData icon; |
|||
final Function() onPressed; |
|||
final bool isActive; |
|||
|
|||
_TextAlignOption({ |
|||
this.icon, |
|||
this.onPressed, |
|||
this.isActive = false, |
|||
}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return IconButton( |
|||
iconSize: 32, |
|||
icon: Icon(icon), |
|||
color: isActive |
|||
? Theme.of(context).iconTheme.color |
|||
: Theme.of(context).disabledColor, |
|||
onPressed: onPressed, |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextFormatEditor extends StatefulWidget { |
|||
final Function(bool bold, bool italic) onFormatEdited; |
|||
final Function(bool caps) onCpasLockTaggle; |
|||
final bool bold; |
|||
final bool italic; |
|||
final bool caps; |
|||
|
|||
_TextFormatEditor({ |
|||
this.onFormatEdited, |
|||
this.onCpasLockTaggle, |
|||
this.bold = false, |
|||
this.italic = false, |
|||
this.caps = false, |
|||
}); |
|||
|
|||
@override |
|||
_TextFormatEditorState createState() => _TextFormatEditorState(); |
|||
} |
|||
|
|||
class _TextFormatEditorState extends State<_TextFormatEditor> { |
|||
bool _bold; |
|||
bool _italic; |
|||
bool _caps; |
|||
|
|||
@override |
|||
void initState() { |
|||
_bold = widget.bold; |
|||
_italic = widget.italic; |
|||
_caps = widget.caps; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
_TextFormatOption( |
|||
title: 'BOLD', |
|||
icon: Icons.format_bold, |
|||
isActive: _bold, |
|||
onPressed: () { |
|||
setState(() => _bold = !_bold); |
|||
widget.onFormatEdited(_bold, _italic); |
|||
}, |
|||
), |
|||
_TextFormatOption( |
|||
title: 'ITALIC', |
|||
icon: Icons.format_italic, |
|||
isActive: _italic, |
|||
onPressed: () { |
|||
setState(() => _italic = !_italic); |
|||
widget.onFormatEdited(_bold, _italic); |
|||
}, |
|||
), |
|||
_TextFormatOption( |
|||
title: 'CAPS', |
|||
icon: Icons.keyboard_capslock, |
|||
isActive: _caps, |
|||
onPressed: () { |
|||
setState(() => _caps = !_caps); |
|||
widget.onCpasLockTaggle(_caps); |
|||
}, |
|||
), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _TextFormatOption extends StatelessWidget { |
|||
final String title; |
|||
final IconData icon; |
|||
final Function() onPressed; |
|||
final bool isActive; |
|||
|
|||
_TextFormatOption({ |
|||
this.title, |
|||
this.icon, |
|||
this.onPressed, |
|||
this.isActive = false, |
|||
}); |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Column( |
|||
children: [ |
|||
OptionButton( |
|||
isActive: isActive, |
|||
onPressed: onPressed, |
|||
child: Icon(icon), |
|||
), |
|||
SizedBox(height: 12), |
|||
Text(title), |
|||
], |
|||
); |
|||
} |
|||
} |
|||
@ -1,226 +0,0 @@ |
|||
library text_style_editor; |
|||
|
|||
export 'src/toolbar_action.dart'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'src/toolbar_action.dart'; |
|||
import 'src/tools/background_color_tool.dart'; |
|||
import 'src/color_palette.dart'; |
|||
import 'src/tools/font_family_tool.dart'; |
|||
import 'src/tools/font_size_tool.dart'; |
|||
import 'src/tools/text_format_tool.dart'; |
|||
import 'src/toolbar.dart'; |
|||
|
|||
/// Text style editor |
|||
/// A flutter widget that edit text style and text alignment |
|||
/// |
|||
/// You can pass your text style or alignment to the widget |
|||
/// and then get the edited text style |
|||
class TextStyleEditor extends StatefulWidget { |
|||
/// Editor's font families |
|||
final List<String> fonts; |
|||
|
|||
/// The text style |
|||
final TextStyle textStyle; |
|||
|
|||
/// The text alignment |
|||
final TextAlign textAlign; |
|||
|
|||
/// The inithial editor tool |
|||
final EditorToolbarAction initialTool; |
|||
|
|||
/// Editor's palette colors |
|||
final List<Color> paletteColors; |
|||
|
|||
/// [onTextStyleEdited] will be called after [textStyle] prop has changed |
|||
final Function(TextStyle) onTextStyleEdited; |
|||
|
|||
/// [onTextAlignEdited] will be called after [textAlingment] prop has changed |
|||
final Function(TextAlign) onTextAlignEdited; |
|||
|
|||
/// [onCpasLockTaggle] will be called after caps lock has changed |
|||
final Function(bool) onCpasLockTaggle; |
|||
|
|||
/// [onToolbarActionChanged] will be called after editor's tool has changed |
|||
final Function(EditorToolbarAction) onToolbarActionChanged; |
|||
|
|||
/// Create a [TextStyleEditor] widget |
|||
/// |
|||
/// [fonts] list of font families that you want to use in editor. |
|||
/// [textStyle] initiate text style. |
|||
/// [textAlign] initiate text alignment. |
|||
/// |
|||
/// [onTextStyleEdited] callback will be called every time [textStyle] has changed. |
|||
/// [onTextAlignEdited] callback will be called every time [textAlign] has changed. |
|||
/// [onCpasLockTaggle] callback will be called every time caps lock has changed to off or on. |
|||
/// [onToolbarActionChanged] callback will be called every time editor's tool has changed. |
|||
TextStyleEditor({ |
|||
this.fonts, |
|||
this.textStyle, |
|||
this.textAlign, |
|||
this.paletteColors, |
|||
this.initialTool = EditorToolbarAction.editor, |
|||
this.onTextStyleEdited, |
|||
this.onTextAlignEdited, |
|||
this.onCpasLockTaggle, |
|||
this.onToolbarActionChanged, |
|||
}); |
|||
|
|||
@override |
|||
_TextStyleEditorState createState() => _TextStyleEditorState(); |
|||
} |
|||
|
|||
class _TextStyleEditorState extends State<TextStyleEditor> { |
|||
EditorToolbarAction _currentTool; |
|||
TextStyle _textStyle; |
|||
TextAlign _textAlign; |
|||
List<Color> _paletteColors; |
|||
|
|||
@override |
|||
void initState() { |
|||
_currentTool = widget.initialTool; |
|||
_textStyle = widget.textStyle; |
|||
_textAlign = widget.textAlign; |
|||
|
|||
// Set default palette's colors |
|||
_paletteColors = widget.paletteColors ?? |
|||
[ |
|||
Colors.black, |
|||
Colors.white, |
|||
Colors.red, |
|||
Colors.blue, |
|||
Colors.blueAccent, |
|||
Colors.brown, |
|||
Colors.green, |
|||
Colors.indigoAccent, |
|||
Colors.lime, |
|||
]; |
|||
|
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
color: Theme.of(context).backgroundColor, |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Toolbar( |
|||
initialTool: _currentTool, |
|||
onToolSelect: (action) { |
|||
setState(() => _currentTool = action); |
|||
if (widget.onToolbarActionChanged != null) { |
|||
widget.onToolbarActionChanged(action); |
|||
} |
|||
}, |
|||
), |
|||
Divider(), |
|||
Container( |
|||
child: SingleChildScrollView( |
|||
child: () { |
|||
// Choice tools |
|||
switch (_currentTool) { |
|||
case EditorToolbarAction.fontFamilyTool: |
|||
return FontFamilyTool( |
|||
fonts: widget.fonts, |
|||
selectedFont: _textStyle.fontFamily, |
|||
onSelectFont: (fontFamily) { |
|||
setState(() => _textStyle = |
|||
_textStyle.copyWith(fontFamily: fontFamily)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontOptionTool: |
|||
return TextFormatTool( |
|||
bold: _textStyle.fontWeight == FontWeight.bold, |
|||
italic: _textStyle.fontStyle == FontStyle.italic, |
|||
textAlign: _textAlign, |
|||
onTextFormatEdited: (bold, italic) { |
|||
setState(() => _textStyle = _textStyle.copyWith( |
|||
fontWeight: |
|||
bold ? FontWeight.bold : FontWeight.normal, |
|||
fontStyle: |
|||
italic ? FontStyle.italic : FontStyle.normal, |
|||
)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
onTextAlignEdited: (align) { |
|||
setState(() => _textAlign = align); |
|||
|
|||
if (widget.onTextAlignEdited != null) { |
|||
widget.onTextAlignEdited(align); |
|||
} |
|||
}, |
|||
onCpasLockTaggle: (caps) { |
|||
if (widget.onCpasLockTaggle != null) { |
|||
widget.onCpasLockTaggle(caps); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontSizeTool: |
|||
return FontSizeTool( |
|||
fontSize: _textStyle.fontSize ?? 0, |
|||
letterHeight: _textStyle.height ?? 1.2, |
|||
letterSpacing: _textStyle.letterSpacing ?? 1, |
|||
onFontSizeEdited: ( |
|||
fontSize, |
|||
letterSpacing, |
|||
letterHeight, |
|||
) { |
|||
setState(() => _textStyle = _textStyle.copyWith( |
|||
fontSize: fontSize, |
|||
height: letterHeight, |
|||
letterSpacing: letterSpacing, |
|||
)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.fontColorTool: |
|||
return BackgroundColorTool( |
|||
activeColor: _textStyle.color, |
|||
colors: _paletteColors, |
|||
onColorPicked: (color) { |
|||
setState(() => |
|||
_textStyle = _textStyle.copyWith(color: color)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.backgroundColorTool: |
|||
return ColorPalette( |
|||
activeColor: _textStyle.backgroundColor, |
|||
colors: _paletteColors, |
|||
onColorPicked: (color) { |
|||
setState(() => _textStyle = |
|||
_textStyle.copyWith(backgroundColor: color)); |
|||
|
|||
if (widget.onTextStyleEdited != null) { |
|||
widget.onTextStyleEdited(_textStyle); |
|||
} |
|||
}, |
|||
); |
|||
case EditorToolbarAction.editor: |
|||
return Container(); |
|||
default: |
|||
return Container(); |
|||
} |
|||
}(), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,500 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:camera/camera.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
|
|||
import 'package:image_picker/image_picker.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'dart:async'; |
|||
import 'package:circular_countdown_timer/circular_countdown_timer.dart'; |
|||
import 'package:video_thumbnail/video_thumbnail.dart' as thumb; |
|||
|
|||
import 'Editor/VideoReview.dart'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class RecordVideo extends StatefulWidget { |
|||
final String campaignID; |
|||
List<CameraDescription> connectedCameras; |
|||
|
|||
RecordVideo({Key key, this.connectedCameras, @required this.campaignID}) |
|||
: super(key: key); |
|||
@override |
|||
_RecordVideoState createState() => _RecordVideoState(); |
|||
} |
|||
|
|||
class _RecordVideoState extends State<RecordVideo> |
|||
with TickerProviderStateMixin { |
|||
CameraController _controller; |
|||
int selectedCamera = 0; |
|||
bool flash = false; |
|||
bool frontFlash = false; |
|||
bool recording = false; |
|||
AnimationController _recordingAnimationController; |
|||
XFile video; |
|||
String filePath; |
|||
int recordEnd = 60; |
|||
CountDownController _controllerCountDown = CountDownController(); |
|||
final interval = const Duration(seconds: 1); |
|||
final picker = ImagePicker(); |
|||
bool gallery = false; |
|||
|
|||
final int timerMaxSeconds = 60; |
|||
|
|||
int currentSeconds = 0; |
|||
|
|||
flipCamera() { |
|||
selectedCamera++; |
|||
if (selectedCamera < widget.connectedCameras.length) { |
|||
onNewCameraSelected(widget.connectedCameras.elementAt(selectedCamera)); |
|||
} else { |
|||
selectedCamera = 0; |
|||
onNewCameraSelected(widget.connectedCameras.elementAt(selectedCamera)); |
|||
} |
|||
} |
|||
|
|||
flashCamera() { |
|||
try { |
|||
if (!flash && |
|||
_controller.description.lensDirection == CameraLensDirection.back) { |
|||
_controller.setFlashMode(FlashMode.torch); |
|||
setState(() { |
|||
flash = true; |
|||
frontFlash = false; |
|||
}); |
|||
} else if (!flash && |
|||
_controller.description.lensDirection == CameraLensDirection.front) { |
|||
setState(() { |
|||
flash = true; |
|||
frontFlash = true; |
|||
}); |
|||
} else if (flash && |
|||
_controller.description.lensDirection == CameraLensDirection.back) { |
|||
_controller.setFlashMode(FlashMode.off); |
|||
setState(() { |
|||
flash = false; |
|||
}); |
|||
} else { |
|||
setState(() { |
|||
flash = false; |
|||
frontFlash = false; |
|||
}); |
|||
} |
|||
} catch (e) {} |
|||
} |
|||
|
|||
haltRecord() async { |
|||
XFile recorded = await stopVideoRecording(); |
|||
if (recorded != null) |
|||
Navigator.of(context).pushReplacement( |
|||
PageRouteBuilder( |
|||
opaque: false, |
|||
pageBuilder: (_, __, ___) => VideoReview( |
|||
video: recorded.path, |
|||
campaignID: widget.campaignID, |
|||
recorded: true, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Future<Uint8List> generateThumbnail(video) async { |
|||
try { |
|||
Uint8List thumbnail; |
|||
|
|||
thumbnail = await thumb.VideoThumbnail.thumbnailData( |
|||
video: video, |
|||
imageFormat: thumb.ImageFormat.JPEG, |
|||
maxWidth: 0, |
|||
maxHeight: 0, |
|||
timeMs: 1, |
|||
quality: 100, |
|||
); |
|||
return thumbnail; |
|||
} catch (e) { |
|||
print("Error :::: " + e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
if (widget.connectedCameras == null || |
|||
widget.connectedCameras.length == 0) { |
|||
availableCameras().then((value) { |
|||
widget.connectedCameras = value; |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
}); |
|||
} else { |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
} |
|||
_recordingAnimationController = |
|||
new AnimationController(vsync: this, duration: Duration(seconds: 1)); |
|||
|
|||
_recordingAnimationController.repeat(reverse: true); |
|||
super.initState(); |
|||
} |
|||
|
|||
sayCheese() async { |
|||
try { |
|||
if (flash && !frontFlash) |
|||
await _controller.setFlashMode(FlashMode.always); |
|||
await _controller.startVideoRecording(); |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
Future<XFile> stopVideoRecording() async { |
|||
if (!_controller.value.isRecordingVideo) { |
|||
return null; |
|||
} |
|||
|
|||
try { |
|||
return _controller.stopVideoRecording(); |
|||
} on CameraException catch (e) { |
|||
print(e); |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
void onNewCameraSelected(CameraDescription cameraDescription) async { |
|||
if (_controller != null) { |
|||
await _controller.dispose(); |
|||
} |
|||
_controller = CameraController( |
|||
cameraDescription, |
|||
ResolutionPreset.high, |
|||
enableAudio: true, |
|||
imageFormatGroup: ImageFormatGroup.jpeg, |
|||
); |
|||
|
|||
// If the controller is updated then update the UI. |
|||
_controller.addListener(() { |
|||
if (mounted) setState(() {}); |
|||
if (_controller.value.hasError) { |
|||
print('Camera error ${_controller.value.errorDescription}'); |
|||
} |
|||
}); |
|||
|
|||
try { |
|||
await _controller.initialize(); |
|||
_controller.lockCaptureOrientation(DeviceOrientation.portraitUp); |
|||
_controller.setFocusMode(FocusMode.auto); |
|||
} on CameraException catch (e) { |
|||
print(e); |
|||
} |
|||
|
|||
if (mounted) { |
|||
setState(() {}); |
|||
} |
|||
} |
|||
|
|||
void onHocusFocus(TapDownDetails details, BoxConstraints constraints) { |
|||
final offset = Offset( |
|||
details.localPosition.dx / constraints.maxWidth, |
|||
details.localPosition.dy / constraints.maxHeight, |
|||
); |
|||
_controller.setExposurePoint(offset); |
|||
_controller.setFocusPoint(offset); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_controller?.dispose(); |
|||
_recordingAnimationController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
if (_controller == null || !_controller.value.isInitialized) { |
|||
return Container( |
|||
color: Colors.black, |
|||
); |
|||
} else { |
|||
return Scaffold( |
|||
body: !gallery |
|||
? Stack( |
|||
children: [ |
|||
cameraWidget(context), |
|||
flashWidget(context), |
|||
cameraFlip(context), |
|||
cameraFlash(context), |
|||
recordingAnimation(context), |
|||
recordingCircle(context), |
|||
recorderWidget(context), |
|||
galleryPicker(context), |
|||
], |
|||
) |
|||
: Container(), |
|||
); |
|||
} |
|||
} |
|||
|
|||
imgFromGallery() async { |
|||
try { |
|||
_controller?.dispose(); |
|||
setState(() { |
|||
gallery = true; |
|||
}); |
|||
final pickedFile = await picker.pickVideo( |
|||
source: ImageSource.gallery, |
|||
maxDuration: Duration(minutes: 1), |
|||
); |
|||
|
|||
if (pickedFile != null) { |
|||
return pickedFile.path; |
|||
} else { |
|||
onNewCameraSelected(widget.connectedCameras.first); |
|||
print('No image selected.'); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
setState(() { |
|||
gallery = false; |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
Widget recordingCircle(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: CircularCountDownTimer( |
|||
duration: recordEnd, |
|||
initialDuration: 0, |
|||
controller: _controllerCountDown, |
|||
width: MediaQuery.of(context).size.width / 2, |
|||
height: MediaQuery.of(context).size.height / 2, |
|||
ringColor: Colors.grey[300], |
|||
fillColor: Colors.red, |
|||
backgroundColor: Colors.transparent, |
|||
autoStart: false, |
|||
strokeWidth: 5.5, |
|||
isTimerTextShown: false, |
|||
strokeCap: StrokeCap.round, |
|||
//onStart: startTimeout, |
|||
onComplete: haltRecord, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget recorderWidget(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: InkWell( |
|||
onTap: recording |
|||
? haltRecord |
|||
: () async { |
|||
await _controller.startVideoRecording(); |
|||
setState(() { |
|||
_controllerCountDown.start(); |
|||
recording = !recording; |
|||
}); |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: Icon( |
|||
recording ? Icons.stop : Icons.video_camera_back, |
|||
color: Colors.white, |
|||
size: 25, |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget galleryPicker(context) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: recording |
|||
? Container() |
|||
: InkWell( |
|||
onTap: () async { |
|||
String result = await imgFromGallery(); |
|||
if (result != null) { |
|||
// _controller.dispose(); |
|||
Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
type: PageTransitionType.leftToRight, |
|||
child: VideoReview( |
|||
video: result, |
|||
recorded: false, |
|||
campaignID: widget.campaignID, |
|||
), |
|||
)); |
|||
} |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.05, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 70, |
|||
width: 70, |
|||
child: Icon( |
|||
Icons.photo, |
|||
color: Colors.white, |
|||
size: 27, |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget recordingAnimation(context) { |
|||
if (!recording) |
|||
return Align( |
|||
alignment: Alignment.topLeft, |
|||
child: InkWell( |
|||
onTap: () { |
|||
Navigator.pop(context); |
|||
}, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.08, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
height: 35, |
|||
width: 35, |
|||
decoration: BoxDecoration( |
|||
//color: ColorFilterEngineLayer (0, 0, 0, 0.4), |
|||
shape: BoxShape.circle), |
|||
child: Icon( |
|||
Icons.arrow_back_ios, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
)); |
|||
else |
|||
return Align( |
|||
alignment: Alignment.topLeft, |
|||
child: Container( |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: 5, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
padding: EdgeInsets.all(2.5), |
|||
height: 20, |
|||
width: 20, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.red, |
|||
width: 2, |
|||
)), |
|||
child: FadeTransition( |
|||
opacity: _recordingAnimationController, |
|||
child: Container( |
|||
width: 20, |
|||
height: 20, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
color: Colors.red, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget cameraFlash(context) { |
|||
return !recording |
|||
? Align( |
|||
alignment: Alignment.topRight, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.07, |
|||
vertical: MediaQuery.of(context).size.width * 0.25, |
|||
), |
|||
child: InkWell( |
|||
onTap: flashCamera, |
|||
child: Icon( |
|||
flash ? Icons.flash_on : Icons.flash_off, |
|||
color: flash ? tesoGold : Colors.white, |
|||
size: 30, |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: Container(); |
|||
} |
|||
|
|||
Widget cameraFlip(context) { |
|||
return !recording |
|||
? Align( |
|||
alignment: Alignment.topRight, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: MediaQuery.of(context).size.width * 0.06, |
|||
vertical: MediaQuery.of(context).size.width * 0.11, |
|||
), |
|||
child: InkWell( |
|||
onTap: flipCamera, |
|||
child: Icon( |
|||
Icons.cameraswitch_outlined, |
|||
color: Colors.white, |
|||
size: 40, |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: Container(); |
|||
} |
|||
|
|||
Widget flashWidget(context) { |
|||
return Visibility( |
|||
visible: frontFlash, |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
decoration: BoxDecoration( |
|||
color: Colors.white.withOpacity(0.4), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget cameraWidget(context) { |
|||
var camera = _controller.value; |
|||
final size = MediaQuery.of(context).size; |
|||
var scale = size.aspectRatio * camera.aspectRatio; |
|||
if (scale < 1) scale = 1 / scale; |
|||
|
|||
return Transform.scale( |
|||
scale: scale, |
|||
child: Center( |
|||
child: CameraPreview( |
|||
_controller, |
|||
child: LayoutBuilder( |
|||
builder: (BuildContext context, BoxConstraints constraints) { |
|||
return GestureDetector( |
|||
behavior: HitTestBehavior.opaque, |
|||
onTapDown: (details) => onHocusFocus(details, constraints), |
|||
); |
|||
}), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,45 +0,0 @@ |
|||
/// The video file formats available for |
|||
/// generating the output trimmed video. |
|||
/// |
|||
/// The available formats are `mp4`, `mkv`, |
|||
/// `mov`, `flv`, `avi`, `wmv`& `gif`. |
|||
/// |
|||
/// If you define a custom `FFmpeg` command |
|||
/// then this will be ignored. |
|||
/// |
|||
class FileFormat { |
|||
const FileFormat._(this.index); |
|||
|
|||
final int index; |
|||
|
|||
static const FileFormat mp4 = FileFormat._(0); |
|||
static const FileFormat mkv = FileFormat._(1); |
|||
static const FileFormat mov = FileFormat._(2); |
|||
static const FileFormat flv = FileFormat._(3); |
|||
static const FileFormat avi = FileFormat._(4); |
|||
static const FileFormat wmv = FileFormat._(5); |
|||
static const FileFormat gif = FileFormat._(6); |
|||
|
|||
static const List<FileFormat> values = <FileFormat>[ |
|||
mp4, |
|||
mkv, |
|||
mov, |
|||
flv, |
|||
avi, |
|||
wmv, |
|||
gif, |
|||
]; |
|||
|
|||
@override |
|||
String toString() { |
|||
return const <int, String>{ |
|||
0: '.mp4', |
|||
1: '.mkv', |
|||
2: '.mov', |
|||
3: '.flv', |
|||
4: '.avi', |
|||
5: '.wmv', |
|||
6: '.gif', |
|||
}[index]; |
|||
} |
|||
} |
|||
@ -1,32 +0,0 @@ |
|||
/// Supported storage locations. |
|||
/// |
|||
/// * [temporaryDirectory] |
|||
/// |
|||
/// * [applicationDocumentsDirectory] |
|||
/// |
|||
/// * [externalStorageDirectory] |
|||
/// |
|||
class StorageDir { |
|||
const StorageDir._(this.index); |
|||
|
|||
final int index; |
|||
|
|||
static const StorageDir temporaryDirectory = StorageDir._(0); |
|||
static const StorageDir applicationDocumentsDirectory = StorageDir._(1); |
|||
static const StorageDir externalStorageDirectory = StorageDir._(2); |
|||
|
|||
static const List<StorageDir> values = <StorageDir>[ |
|||
temporaryDirectory, |
|||
applicationDocumentsDirectory, |
|||
externalStorageDirectory, |
|||
]; |
|||
|
|||
@override |
|||
String toString() { |
|||
return const <int, String>{ |
|||
0: 'temporaryDirectory', |
|||
1: 'applicationDocumentsDirectory', |
|||
2: 'externalStorageDirectory', |
|||
}[index]; |
|||
} |
|||
} |
|||
@ -1,81 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:video_thumbnail/video_thumbnail.dart'; |
|||
|
|||
class ThumbnailViewer extends StatelessWidget { |
|||
final videoFile; |
|||
final videoDuration; |
|||
final thumbnailHeight; |
|||
final fit; |
|||
final int numberOfThumbnails; |
|||
final int quality; |
|||
|
|||
/// For showing the thumbnails generated from the video, |
|||
/// like a frame by frame preview |
|||
ThumbnailViewer({ |
|||
@required this.videoFile, |
|||
@required this.videoDuration, |
|||
@required this.thumbnailHeight, |
|||
@required this.numberOfThumbnails, |
|||
@required this.fit, |
|||
this.quality = 75, |
|||
}) : assert(videoFile != null), |
|||
assert(videoDuration != null), |
|||
assert(thumbnailHeight != null), |
|||
assert(numberOfThumbnails != null), |
|||
assert(quality != null); |
|||
|
|||
Stream<List<Uint8List>> generateThumbnail() async* { |
|||
final String _videoPath = videoFile.path; |
|||
|
|||
double _eachPart = videoDuration / numberOfThumbnails; |
|||
|
|||
List<Uint8List> _byteList = []; |
|||
|
|||
for (int i = 1; i <= numberOfThumbnails; i++) { |
|||
Uint8List _bytes; |
|||
_bytes = await VideoThumbnail.thumbnailData( |
|||
video: _videoPath, |
|||
imageFormat: ImageFormat.JPEG, |
|||
timeMs: (_eachPart * i).toInt(), |
|||
quality: quality, |
|||
); |
|||
|
|||
_byteList.add(_bytes); |
|||
|
|||
yield _byteList; |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return StreamBuilder( |
|||
stream: generateThumbnail(), |
|||
builder: (context, snapshot) { |
|||
if (snapshot.hasData) { |
|||
List<Uint8List> _imageBytes = snapshot.data; |
|||
return ListView.builder( |
|||
scrollDirection: Axis.horizontal, |
|||
itemCount: snapshot.data.length, |
|||
itemBuilder: (context, index) { |
|||
return Container( |
|||
height: thumbnailHeight, |
|||
width: thumbnailHeight, |
|||
child: Image( |
|||
image: MemoryImage(_imageBytes[index]), |
|||
fit: fit, |
|||
), |
|||
); |
|||
}); |
|||
} else { |
|||
return Container( |
|||
color: Colors.grey[900], |
|||
height: thumbnailHeight, |
|||
width: double.maxFinite, |
|||
); |
|||
} |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
@ -1,537 +0,0 @@ |
|||
import 'dart:io'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/thumbnail_viewer.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/trim_editor_painter.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/trimmer.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
|
|||
VideoPlayerController videoPlayerController; |
|||
|
|||
class TrimEditor extends StatefulWidget { |
|||
/// For defining the total trimmer area width |
|||
final double viewerWidth; |
|||
|
|||
/// For defining the total trimmer area height |
|||
final double viewerHeight; |
|||
|
|||
/// For defining the image fit type of each thumbnail image. |
|||
/// |
|||
/// By default it is set to `BoxFit.fitHeight`. |
|||
final BoxFit fit; |
|||
|
|||
/// For defining the maximum length of the output video. |
|||
final Duration maxVideoLength; |
|||
|
|||
/// For specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// |
|||
/// By default it is set to `5.0`. |
|||
final double circleSize; |
|||
|
|||
/// For specifying a size to the holder at |
|||
/// the two ends of the video trimmer area, while it is being |
|||
/// `dragged`. |
|||
/// |
|||
/// By default it is set to `8.0`. |
|||
final double circleSizeOnDrag; |
|||
|
|||
/// For specifying a color to the circle. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color circlePaintColor; |
|||
|
|||
/// For specifying a color to the border of |
|||
/// the trim area. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color borderPaintColor; |
|||
|
|||
/// For specifying a color to the video |
|||
/// scrubber inside the trim area. |
|||
/// |
|||
/// By default it is set to `Colors.white`. |
|||
final Color scrubberPaintColor; |
|||
|
|||
/// For specifying the quality of each |
|||
/// generated image thumbnail, to be displayed in the trimmer |
|||
/// area. |
|||
final int thumbnailQuality; |
|||
|
|||
/// For showing the start and the end point of the |
|||
/// video on top of the trimmer area. |
|||
/// |
|||
/// By default it is set to `true`. |
|||
final bool showDuration; |
|||
|
|||
/// For providing a `TextStyle` to the |
|||
/// duration text. |
|||
/// |
|||
/// By default it is set to `TextStyle(color: Colors.white)` |
|||
final TextStyle durationTextStyle; |
|||
|
|||
/// Callback to the video start position |
|||
/// |
|||
/// Returns the selected video start position in `milliseconds`. |
|||
final Function(double startValue) onChangeStart; |
|||
|
|||
/// Callback to the video end position. |
|||
/// |
|||
/// Returns the selected video end position in `milliseconds`. |
|||
final Function(double endValue) onChangeEnd; |
|||
|
|||
/// Callback to the video playback |
|||
/// state to know whether it is currently playing or paused. |
|||
/// |
|||
/// Returns a `boolean` value. If `true`, video is currently |
|||
/// playing, otherwise paused. |
|||
final Function(bool isPlaying) onChangePlaybackState; |
|||
|
|||
/// Widget for displaying the video trimmer. |
|||
/// |
|||
/// This has frame wise preview of the video with a |
|||
/// slider for selecting the part of the video to be |
|||
/// trimmed. |
|||
/// |
|||
/// The required parameters are [viewerWidth] & [viewerHeight] |
|||
/// |
|||
/// * [viewerWidth] to define the total trimmer area width. |
|||
/// |
|||
/// |
|||
/// * [viewerHeight] to define the total trimmer area height. |
|||
/// |
|||
/// |
|||
/// The optional parameters are: |
|||
/// |
|||
/// * [fit] for specifying the image fit type of each thumbnail image. |
|||
/// By default it is set to `BoxFit.fitHeight`. |
|||
/// |
|||
/// |
|||
/// * [maxVideoLength] for specifying the maximum length of the |
|||
/// output video. |
|||
/// |
|||
/// |
|||
/// * [circleSize] for specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `5.0`. |
|||
/// |
|||
/// |
|||
/// * [circleSizeOnDrag] for specifying a size to the holder at |
|||
/// the two ends of the video trimmer area, while it is being |
|||
/// `dragged`. By default it is set to `8.0`. |
|||
/// |
|||
/// |
|||
/// * [circlePaintColor] for specifying a color to the circle. |
|||
/// By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [borderPaintColor] for specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [scrubberPaintColor] for specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [thumbnailQuality] for specifying the quality of each |
|||
/// generated image thumbnail, to be displayed in the trimmer |
|||
/// area. |
|||
/// |
|||
/// |
|||
/// * [showDuration] for showing the start and the end point of the |
|||
/// video on top of the trimmer area. By default it is set to `true`. |
|||
/// |
|||
/// |
|||
/// * [durationTextStyle] is for providing a `TextStyle` to the |
|||
/// duration text. By default it is set to |
|||
/// `TextStyle(color: Colors.white)` |
|||
/// |
|||
/// |
|||
/// * [onChangeStart] is a callback to the video start position. |
|||
/// |
|||
/// |
|||
/// * [onChangeEnd] is a callback to the video end position. |
|||
/// |
|||
/// |
|||
/// * [onChangePlaybackState] is a callback to the video playback |
|||
/// state to know whether it is currently playing or paused. |
|||
/// |
|||
TrimEditor({ |
|||
@required this.viewerWidth, |
|||
@required this.viewerHeight, |
|||
this.fit = BoxFit.fitHeight, |
|||
this.maxVideoLength = const Duration(milliseconds: 0), |
|||
this.circleSize = 5.0, |
|||
this.circleSizeOnDrag = 8.0, |
|||
this.circlePaintColor = Colors.white, |
|||
this.borderPaintColor = Colors.white, |
|||
this.scrubberPaintColor = Colors.white, |
|||
this.thumbnailQuality = 75, |
|||
this.showDuration = true, |
|||
this.durationTextStyle = const TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
this.onChangeStart, |
|||
this.onChangeEnd, |
|||
this.onChangePlaybackState, |
|||
}) : assert(viewerWidth != null), |
|||
assert(viewerHeight != null), |
|||
assert(fit != null), |
|||
assert(maxVideoLength != null), |
|||
assert(circleSize != null), |
|||
assert(circleSizeOnDrag != null), |
|||
assert(circlePaintColor != null), |
|||
assert(borderPaintColor != null), |
|||
assert(scrubberPaintColor != null), |
|||
assert(thumbnailQuality != null), |
|||
assert(showDuration != null), |
|||
assert(durationTextStyle != null); |
|||
|
|||
@override |
|||
_TrimEditorState createState() => _TrimEditorState(); |
|||
} |
|||
|
|||
class _TrimEditorState extends State<TrimEditor> with TickerProviderStateMixin { |
|||
File _videoFile; |
|||
|
|||
double _videoStartPos = 0.0; |
|||
double _videoEndPos = 0.0; |
|||
|
|||
bool _canUpdateStart = true; |
|||
bool _isLeftDrag = true; |
|||
|
|||
Offset _startPos = Offset(0, 0); |
|||
Offset _endPos = Offset(0, 0); |
|||
|
|||
double _startFraction = 0.0; |
|||
double _endFraction = 1.0; |
|||
|
|||
int _videoDuration = 0; |
|||
int _currentPosition = 0; |
|||
|
|||
double _thumbnailViewerW = 0.0; |
|||
double _thumbnailViewerH = 0.0; |
|||
|
|||
int _numberOfThumbnails = 0; |
|||
|
|||
double _circleSize; |
|||
|
|||
double fraction; |
|||
double maxLengthPixels; |
|||
|
|||
ThumbnailViewer thumbnailWidget; |
|||
|
|||
Animation<double> _scrubberAnimation; |
|||
AnimationController _animationController; |
|||
Tween<double> _linearTween; |
|||
|
|||
Future<void> _initializeVideoController() async { |
|||
if (_videoFile != null) { |
|||
videoPlayerController.addListener(() { |
|||
final bool isPlaying = videoPlayerController.value.isPlaying; |
|||
|
|||
if (isPlaying) { |
|||
widget.onChangePlaybackState(true); |
|||
setState(() { |
|||
_currentPosition = |
|||
videoPlayerController.value.position.inMilliseconds; |
|||
|
|||
if (_currentPosition > _videoEndPos.toInt()) { |
|||
widget.onChangePlaybackState(false); |
|||
videoPlayerController.pause(); |
|||
_animationController.stop(); |
|||
} else { |
|||
if (!_animationController.isAnimating) { |
|||
widget.onChangePlaybackState(true); |
|||
_animationController.forward(); |
|||
} |
|||
} |
|||
}); |
|||
} else { |
|||
if (videoPlayerController.value.isInitialized) { |
|||
if (_animationController != null) { |
|||
if ((_scrubberAnimation.value).toInt() == (_endPos.dx).toInt()) { |
|||
_animationController.reset(); |
|||
} |
|||
_animationController.stop(); |
|||
widget.onChangePlaybackState(false); |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
videoPlayerController.setVolume(1.0); |
|||
_videoDuration = videoPlayerController.value.duration.inMilliseconds; |
|||
print(_videoFile.path); |
|||
|
|||
_videoEndPos = fraction != null |
|||
? _videoDuration.toDouble() * fraction |
|||
: _videoDuration.toDouble(); |
|||
|
|||
widget.onChangeEnd(_videoEndPos); |
|||
|
|||
final ThumbnailViewer _thumbnailWidget = ThumbnailViewer( |
|||
videoFile: _videoFile, |
|||
videoDuration: _videoDuration, |
|||
fit: widget.fit, |
|||
thumbnailHeight: _thumbnailViewerH, |
|||
numberOfThumbnails: _numberOfThumbnails, |
|||
quality: widget.thumbnailQuality, |
|||
); |
|||
thumbnailWidget = _thumbnailWidget; |
|||
} |
|||
} |
|||
|
|||
void _setVideoStartPosition(DragUpdateDetails details) async { |
|||
if (!(_startPos.dx + details.delta.dx < 0) && |
|||
!(_startPos.dx + details.delta.dx > _thumbnailViewerW) && |
|||
!(_startPos.dx + details.delta.dx > _endPos.dx)) { |
|||
if (maxLengthPixels != null) { |
|||
if (!(_endPos.dx - _startPos.dx - details.delta.dx > maxLengthPixels)) { |
|||
setState(() { |
|||
if (!(_startPos.dx + details.delta.dx < 0)) |
|||
_startPos += details.delta; |
|||
|
|||
_startFraction = (_startPos.dx / _thumbnailViewerW); |
|||
|
|||
_videoStartPos = _videoDuration * _startFraction; |
|||
widget.onChangeStart(_videoStartPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoStartPos.toInt())); |
|||
_linearTween.begin = _startPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} else { |
|||
setState(() { |
|||
if (!(_startPos.dx + details.delta.dx < 0)) |
|||
_startPos += details.delta; |
|||
|
|||
_startFraction = (_startPos.dx / _thumbnailViewerW); |
|||
|
|||
_videoStartPos = _videoDuration * _startFraction; |
|||
widget.onChangeStart(_videoStartPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoStartPos.toInt())); |
|||
_linearTween.begin = _startPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
void _setVideoEndPosition(DragUpdateDetails details) async { |
|||
if (!(_endPos.dx + details.delta.dx > _thumbnailViewerW) && |
|||
!(_endPos.dx + details.delta.dx < 0) && |
|||
!(_endPos.dx + details.delta.dx < _startPos.dx)) { |
|||
if (maxLengthPixels != null) { |
|||
if (!(_endPos.dx - _startPos.dx + details.delta.dx > maxLengthPixels)) { |
|||
setState(() { |
|||
_endPos += details.delta; |
|||
_endFraction = _endPos.dx / _thumbnailViewerW; |
|||
|
|||
_videoEndPos = _videoDuration * _endFraction; |
|||
widget.onChangeEnd(_videoEndPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoEndPos.toInt())); |
|||
_linearTween.end = _endPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} else { |
|||
setState(() { |
|||
_endPos += details.delta; |
|||
_endFraction = _endPos.dx / _thumbnailViewerW; |
|||
|
|||
_videoEndPos = _videoDuration * _endFraction; |
|||
widget.onChangeEnd(_videoEndPos); |
|||
}); |
|||
await videoPlayerController.pause(); |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: _videoEndPos.toInt())); |
|||
_linearTween.end = _endPos.dx; |
|||
_animationController.duration = |
|||
Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()); |
|||
_animationController.reset(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_circleSize = widget.circleSize; |
|||
|
|||
_videoFile = Trimmer.currentVideoFile; |
|||
_thumbnailViewerH = widget.viewerHeight; |
|||
|
|||
_numberOfThumbnails = widget.viewerWidth ~/ _thumbnailViewerH; |
|||
|
|||
_thumbnailViewerW = _numberOfThumbnails * _thumbnailViewerH; |
|||
|
|||
Duration totalDuration = videoPlayerController.value.duration; |
|||
|
|||
if (widget.maxVideoLength > Duration(milliseconds: 0) && |
|||
widget.maxVideoLength < totalDuration) { |
|||
if (widget.maxVideoLength < totalDuration) { |
|||
fraction = |
|||
widget.maxVideoLength.inMilliseconds / totalDuration.inMilliseconds; |
|||
|
|||
maxLengthPixels = _thumbnailViewerW * fraction; |
|||
} |
|||
} |
|||
|
|||
_initializeVideoController(); |
|||
_endPos = Offset( |
|||
maxLengthPixels != null ? maxLengthPixels : _thumbnailViewerW, |
|||
_thumbnailViewerH, |
|||
); |
|||
|
|||
// Defining the tween points |
|||
_linearTween = Tween(begin: _startPos.dx, end: _endPos.dx); |
|||
|
|||
_animationController = AnimationController( |
|||
vsync: this, |
|||
duration: Duration(milliseconds: (_videoEndPos - _videoStartPos).toInt()), |
|||
); |
|||
|
|||
_scrubberAnimation = _linearTween.animate(_animationController) |
|||
..addListener(() { |
|||
setState(() {}); |
|||
}) |
|||
..addStatusListener((status) { |
|||
if (status == AnimationStatus.completed) { |
|||
_animationController.stop(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
videoPlayerController.pause(); |
|||
widget.onChangePlaybackState(false); |
|||
if (_videoFile != null) { |
|||
videoPlayerController.setVolume(0.0); |
|||
videoPlayerController.pause(); |
|||
videoPlayerController.dispose(); |
|||
widget.onChangePlaybackState(false); |
|||
} |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return GestureDetector( |
|||
onHorizontalDragStart: (DragStartDetails details) { |
|||
print("START"); |
|||
print(details.localPosition); |
|||
print((_startPos.dx - details.localPosition.dx).abs()); |
|||
print((_endPos.dx - details.localPosition.dx).abs()); |
|||
|
|||
if (_endPos.dx >= _startPos.dx) { |
|||
if ((_startPos.dx - details.localPosition.dx).abs() > |
|||
(_endPos.dx - details.localPosition.dx).abs()) { |
|||
setState(() { |
|||
_canUpdateStart = false; |
|||
}); |
|||
} else { |
|||
setState(() { |
|||
_canUpdateStart = true; |
|||
}); |
|||
} |
|||
} else { |
|||
if (_startPos.dx > details.localPosition.dx) { |
|||
_isLeftDrag = true; |
|||
} else { |
|||
_isLeftDrag = false; |
|||
} |
|||
} |
|||
}, |
|||
onHorizontalDragEnd: (DragEndDetails details) { |
|||
setState(() { |
|||
_circleSize = widget.circleSize; |
|||
}); |
|||
}, |
|||
onHorizontalDragUpdate: (DragUpdateDetails details) { |
|||
_circleSize = widget.circleSizeOnDrag; |
|||
|
|||
if (_endPos.dx >= _startPos.dx) { |
|||
_isLeftDrag = false; |
|||
if (_canUpdateStart && _startPos.dx + details.delta.dx > 0) { |
|||
_isLeftDrag = false; // To prevent from scrolling over |
|||
_setVideoStartPosition(details); |
|||
} else if (!_canUpdateStart && |
|||
_endPos.dx + details.delta.dx < _thumbnailViewerW) { |
|||
_isLeftDrag = true; // To prevent from scrolling over |
|||
_setVideoEndPosition(details); |
|||
} |
|||
} else { |
|||
if (_isLeftDrag && _startPos.dx + details.delta.dx > 0) { |
|||
_setVideoStartPosition(details); |
|||
} else if (!_isLeftDrag && |
|||
_endPos.dx + details.delta.dx < _thumbnailViewerW) { |
|||
_setVideoEndPosition(details); |
|||
} |
|||
} |
|||
}, |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: <Widget>[ |
|||
widget.showDuration |
|||
? Container( |
|||
width: _thumbnailViewerW, |
|||
child: Padding( |
|||
padding: const EdgeInsets.only(bottom: 8.0), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
mainAxisSize: MainAxisSize.max, |
|||
children: <Widget>[ |
|||
Text( |
|||
Duration(milliseconds: _videoStartPos.toInt()) |
|||
.toString() |
|||
.split('.')[0], |
|||
style: widget.durationTextStyle, |
|||
), |
|||
Text( |
|||
Duration(milliseconds: _videoEndPos.toInt()) |
|||
.toString() |
|||
.split('.')[0], |
|||
style: widget.durationTextStyle, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
) |
|||
: Container(), |
|||
CustomPaint( |
|||
foregroundPainter: TrimEditorPainter( |
|||
startPos: _startPos, |
|||
endPos: _endPos, |
|||
scrubberAnimationDx: _scrubberAnimation.value, |
|||
circleSize: _circleSize, |
|||
circlePaintColor: widget.circlePaintColor, |
|||
borderPaintColor: widget.borderPaintColor, |
|||
scrubberPaintColor: widget.scrubberPaintColor, |
|||
), |
|||
child: Container( |
|||
color: Colors.grey[900], |
|||
height: _thumbnailViewerH, |
|||
width: _thumbnailViewerW, |
|||
child: thumbnailWidget == null ? Column() : thumbnailWidget, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,150 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class TrimEditorPainter extends CustomPainter { |
|||
/// To define the start offset |
|||
final Offset startPos; |
|||
|
|||
/// To define the end offset |
|||
final Offset endPos; |
|||
|
|||
/// To define the horizontal length of the selected video area |
|||
final double scrubberAnimationDx; |
|||
|
|||
/// For specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `0.5`. |
|||
final double circleSize; |
|||
|
|||
/// For specifying the width of the border around |
|||
/// the trim area. By default it is set to `3`. |
|||
final double borderWidth; |
|||
|
|||
/// For specifying the width of the video scrubber |
|||
final double scrubberWidth; |
|||
|
|||
/// For specifying whether to show the scrubber |
|||
final bool showScrubber; |
|||
|
|||
/// For specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
final Color borderPaintColor; |
|||
|
|||
/// For specifying a color to the circle. |
|||
/// By default it is set to `Colors.white` |
|||
final Color circlePaintColor; |
|||
|
|||
/// For specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
final Color scrubberPaintColor; |
|||
|
|||
/// For drawing the trim editor slider |
|||
/// |
|||
/// The required parameters are [startPos], [endPos] |
|||
/// & [scrubberAnimationDx] |
|||
/// |
|||
/// * [startPos] to define the start offset |
|||
/// |
|||
/// |
|||
/// * [endPos] to define the end offset |
|||
/// |
|||
/// |
|||
/// * [scrubberAnimationDx] to define the horizontal length of the |
|||
/// selected video area |
|||
/// |
|||
/// |
|||
/// The optional parameters are: |
|||
/// |
|||
/// * [circleSize] for specifying a size to the holder at the |
|||
/// two ends of the video trimmer area, while it is `idle`. |
|||
/// By default it is set to `0.5`. |
|||
/// |
|||
/// |
|||
/// * [borderWidth] for specifying the width of the border around |
|||
/// the trim area. By default it is set to `3`. |
|||
/// |
|||
/// |
|||
/// * [scrubberWidth] for specifying the width of the video scrubber |
|||
/// |
|||
/// |
|||
/// * [showScrubber] for specifying whether to show the scrubber |
|||
/// |
|||
/// |
|||
/// * [borderPaintColor] for specifying a color to the border of |
|||
/// the trim area. By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [circlePaintColor] for specifying a color to the circle. |
|||
/// By default it is set to `Colors.white`. |
|||
/// |
|||
/// |
|||
/// * [scrubberPaintColor] for specifying a color to the video |
|||
/// scrubber inside the trim area. By default it is set to |
|||
/// `Colors.white`. |
|||
/// |
|||
TrimEditorPainter({ |
|||
@required this.startPos, |
|||
@required this.endPos, |
|||
@required this.scrubberAnimationDx, |
|||
this.circleSize = 0.5, |
|||
this.borderWidth = 3, |
|||
this.scrubberWidth = 1, |
|||
this.showScrubber = true, |
|||
this.borderPaintColor = Colors.white, |
|||
this.circlePaintColor = Colors.white, |
|||
this.scrubberPaintColor = Colors.white, |
|||
}) : assert(startPos != null), |
|||
assert(endPos != null), |
|||
assert(scrubberAnimationDx != null), |
|||
assert(circleSize != null), |
|||
assert(borderWidth != null), |
|||
assert(scrubberWidth != null), |
|||
assert(showScrubber != null), |
|||
assert(borderPaintColor != null), |
|||
assert(circlePaintColor != null), |
|||
assert(scrubberPaintColor != null); |
|||
|
|||
@override |
|||
void paint(Canvas canvas, Size size) { |
|||
var borderPaint = Paint() |
|||
..color = borderPaintColor |
|||
..strokeWidth = borderWidth |
|||
..style = PaintingStyle.stroke |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
var circlePaint = Paint() |
|||
..color = circlePaintColor |
|||
..strokeWidth = 1 |
|||
..style = PaintingStyle.fill |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
var scrubberPaint = Paint() |
|||
..color = scrubberPaintColor |
|||
..strokeWidth = scrubberWidth |
|||
..style = PaintingStyle.stroke |
|||
..strokeCap = StrokeCap.round; |
|||
|
|||
final rect = Rect.fromPoints(startPos, endPos); |
|||
|
|||
if (showScrubber) { |
|||
if (scrubberAnimationDx.toInt() > startPos.dx.toInt()) { |
|||
canvas.drawLine( |
|||
Offset(scrubberAnimationDx, 0), |
|||
Offset(scrubberAnimationDx, 0) + Offset(0, endPos.dy), |
|||
scrubberPaint, |
|||
); |
|||
} |
|||
} |
|||
|
|||
canvas.drawRect(rect, borderPaint); |
|||
canvas.drawCircle( |
|||
startPos + Offset(0, endPos.dy / 2), circleSize, circlePaint); |
|||
canvas.drawCircle( |
|||
endPos + Offset(0, -endPos.dy / 2), circleSize, circlePaint); |
|||
} |
|||
|
|||
@override |
|||
bool shouldRepaint(CustomPainter oldDelegate) { |
|||
return true; |
|||
} |
|||
} |
|||
@ -1,300 +0,0 @@ |
|||
import 'dart:io'; |
|||
import 'package:path/path.dart'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_ffmpeg/flutter_ffmpeg.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:path_provider/path_provider.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/file_formats.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/storage_dir.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Campaign/Video/Trimmer/trim_editor.dart'; |
|||
import 'package:video_player/video_player.dart'; |
|||
|
|||
/// Helps in loading video from file, saving trimmed video to a file |
|||
/// and gives video playback controls. Some of the helpful methods |
|||
/// are: |
|||
/// * [loadVideo()] |
|||
/// * [saveTrimmedVideo()] |
|||
/// * [videPlaybackControl()] |
|||
class Trimmer { |
|||
static File currentVideoFile; |
|||
|
|||
final FlutterFFmpeg _flutterFFmpeg = new FlutterFFmpeg(); |
|||
|
|||
/// Loads a video using the path provided. |
|||
/// |
|||
/// Returns the loaded video file. |
|||
Future<void> loadVideo({@required File videoFile}) async { |
|||
currentVideoFile = videoFile; |
|||
if (currentVideoFile != null) { |
|||
videoPlayerController = VideoPlayerController.file(currentVideoFile); |
|||
await videoPlayerController.initialize().then((_) { |
|||
TrimEditor( |
|||
viewerHeight: 50, |
|||
viewerWidth: 50.0 * 8, |
|||
// currentVideoFile: currentVideoFile, |
|||
); |
|||
}); |
|||
// TrimEditor( |
|||
// viewerHeight: 50, |
|||
// viewerWidth: 50.0 * 8, |
|||
// // currentVideoFile: currentVideoFile, |
|||
// ); |
|||
} |
|||
} |
|||
|
|||
Future<String> _createFolderInAppDocDir( |
|||
String folderName, |
|||
StorageDir storageDir, |
|||
) async { |
|||
Directory _directory; |
|||
|
|||
if (storageDir == null) { |
|||
_directory = await getApplicationDocumentsDirectory(); |
|||
} else { |
|||
switch (storageDir.toString()) { |
|||
case 'temporaryDirectory': |
|||
_directory = await getTemporaryDirectory(); |
|||
break; |
|||
|
|||
case 'applicationDocumentsDirectory': |
|||
_directory = await getApplicationDocumentsDirectory(); |
|||
break; |
|||
|
|||
case 'externalStorageDirectory': |
|||
_directory = await getExternalStorageDirectory(); |
|||
break; |
|||
} |
|||
} |
|||
|
|||
// Directory + folder name |
|||
final Directory _directoryFolder = |
|||
Directory('${_directory.path}/$folderName/'); |
|||
|
|||
if (await _directoryFolder.exists()) { |
|||
// If folder already exists return path |
|||
print('Exists'); |
|||
return _directoryFolder.path; |
|||
} else { |
|||
print('Creating'); |
|||
// If folder does not exists create folder and then return its path |
|||
final Directory _directoryNewFolder = |
|||
await _directoryFolder.create(recursive: true); |
|||
return _directoryNewFolder.path; |
|||
} |
|||
} |
|||
|
|||
/// Saves the trimmed video to file system. |
|||
/// |
|||
/// Returns the output video path |
|||
/// |
|||
/// The required parameters are [startValue] & [endValue]. |
|||
/// |
|||
/// The optional parameters are [videoFolderName], [videoFileName], |
|||
/// [outputFormat], [fpsGIF], [scaleGIF], [applyVideoEncoding]. |
|||
/// |
|||
/// The `@required` parameter [startValue] is for providing a starting point |
|||
/// to the trimmed video. To be specified in `milliseconds`. |
|||
/// |
|||
/// The `@required` parameter [endValue] is for providing an ending point |
|||
/// to the trimmed video. To be specified in `milliseconds`. |
|||
/// |
|||
/// The parameter [videoFolderName] is used to |
|||
/// pass a folder name which will be used for creating a new |
|||
/// folder in the selected directory. The default value for |
|||
/// it is `Trimmer`. |
|||
/// |
|||
/// The parameter [videoFileName] is used for giving |
|||
/// a new name to the trimmed video file. By default the |
|||
/// trimmed video is named as `<original_file_name>_trimmed.mp4`. |
|||
/// |
|||
/// The parameter [outputFormat] is used for providing a |
|||
/// file format to the trimmed video. This only accepts value |
|||
/// of [FileFormat] type. By default it is set to `FileFormat.mp4`, |
|||
/// which is for `mp4` files. |
|||
/// |
|||
/// The parameter [storageDir] can be used for providing a storage |
|||
/// location option. It accepts only [StorageDir] values. By default |
|||
/// it is set to [applicationDocumentsDirectory]. Some of the |
|||
/// storage types are: |
|||
/// |
|||
/// * [temporaryDirectory] (Only accessible from inside the app, can be |
|||
/// cleared at anytime) |
|||
/// |
|||
/// * [applicationDocumentsDirectory] (Only accessible from inside the app) |
|||
/// |
|||
/// * [externalStorageDirectory] (Supports only `Android`, accessible externally) |
|||
/// |
|||
/// The parameters [fpsGIF] & [scaleGIF] are used only if the |
|||
/// selected output format is `FileFormat.gif`. |
|||
/// |
|||
/// * [fpsGIF] for providing a FPS value (by default it is set |
|||
/// to `10`) |
|||
/// |
|||
/// |
|||
/// * [scaleGIF] for proving a width to output GIF, the height |
|||
/// is selected by maintaining the aspect ratio automatically (by |
|||
/// default it is set to `480`) |
|||
/// |
|||
/// |
|||
/// * [applyVideoEncoding] for specifying whether to apply video |
|||
/// encoding (by default it is set to `false`). |
|||
/// |
|||
/// |
|||
/// ADVANCED OPTION: |
|||
/// |
|||
/// If you want to give custom `FFmpeg` command, then define |
|||
/// [ffmpegCommand] & [customVideoFormat] strings. The `input path`, |
|||
/// `output path`, `start` and `end` position is already define. |
|||
/// |
|||
/// NOTE: The advanced option does not provide any safety check, so if wrong |
|||
/// video format is passed in [customVideoFormat], then the app may |
|||
/// crash. |
|||
/// |
|||
Future<String> saveTrimmedVideo({ |
|||
@required double startValue, |
|||
@required double endValue, |
|||
bool applyVideoEncoding = false, |
|||
FileFormat outputFormat, |
|||
String ffmpegCommand, |
|||
String customVideoFormat, |
|||
int fpsGIF, |
|||
int scaleGIF, |
|||
String videoFolderName, |
|||
String videoFileName, |
|||
StorageDir storageDir, |
|||
}) async { |
|||
final String _videoPath = currentVideoFile.path; |
|||
final String _videoName = basename(_videoPath).split('.')[0]; |
|||
|
|||
String _command; |
|||
|
|||
// Formatting Date and Time |
|||
String dateTime = DateFormat.yMMMd() |
|||
.addPattern('-') |
|||
.add_Hms() |
|||
.format(DateTime.now()) |
|||
.toString(); |
|||
|
|||
// String _resultString; |
|||
String _outputPath; |
|||
String _outputFormatString; |
|||
String formattedDateTime = dateTime.replaceAll(' ', ''); |
|||
|
|||
print("DateTime: $dateTime"); |
|||
print("Formatted: $formattedDateTime"); |
|||
|
|||
if (videoFolderName == null) { |
|||
videoFolderName = "Trimmer"; |
|||
} |
|||
|
|||
if (videoFileName == null) { |
|||
videoFileName = "${_videoName}_trimmed:$formattedDateTime"; |
|||
} |
|||
|
|||
videoFileName = videoFileName.replaceAll(' ', '_'); |
|||
|
|||
String path = await _createFolderInAppDocDir( |
|||
videoFolderName, |
|||
storageDir, |
|||
).whenComplete( |
|||
() => print("Retrieved Trimmer folder"), |
|||
); |
|||
|
|||
Duration startPoint = Duration(milliseconds: startValue.toInt()); |
|||
Duration endPoint = Duration(milliseconds: endValue.toInt()); |
|||
|
|||
// Checking the start and end point strings |
|||
print("Start: ${startPoint.toString()} & End: ${endPoint.toString()}"); |
|||
|
|||
print(path); |
|||
|
|||
if (outputFormat == null) { |
|||
if (Platform.isIOS) { |
|||
outputFormat = FileFormat.mp4; |
|||
} else { |
|||
outputFormat = FileFormat.mkv; |
|||
} |
|||
_outputFormatString = outputFormat.toString(); |
|||
print('OUTPUT: $_outputFormatString'); |
|||
} else { |
|||
_outputFormatString = outputFormat.toString(); |
|||
} |
|||
|
|||
String _trimLengthCommand = |
|||
' -ss $startPoint -i "$_videoPath" -t ${endPoint - startPoint} -avoid_negative_ts make_zero '; |
|||
|
|||
if (ffmpegCommand == null) { |
|||
_command = '$_trimLengthCommand -c:a copy '; |
|||
|
|||
if (!applyVideoEncoding) { |
|||
_command += '-c:v copy '; |
|||
} |
|||
|
|||
if (outputFormat == FileFormat.gif) { |
|||
if (fpsGIF == null) { |
|||
fpsGIF = 10; |
|||
} |
|||
if (scaleGIF == null) { |
|||
scaleGIF = 480; |
|||
} |
|||
_command = |
|||
'$_trimLengthCommand -vf "fps=$fpsGIF,scale=$scaleGIF:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" -loop 0 '; |
|||
} |
|||
} else { |
|||
_command = '$_trimLengthCommand $ffmpegCommand '; |
|||
_outputFormatString = customVideoFormat; |
|||
} |
|||
|
|||
_outputPath = '$path$videoFileName$_outputFormatString'; |
|||
|
|||
_command += '"$_outputPath"'; |
|||
|
|||
await _flutterFFmpeg.execute(_command).whenComplete(() { |
|||
print('Got value'); |
|||
debugPrint('Video successfuly saved'); |
|||
// _resultString = 'Video successfuly saved'; |
|||
}).catchError((error) { |
|||
print('Error'); |
|||
// _resultString = 'Couldn\'t save the video'; |
|||
debugPrint('Couldn\'t save the video'); |
|||
}); |
|||
|
|||
return _outputPath; |
|||
} |
|||
|
|||
/// For getting the video controller state, to know whether the |
|||
/// video is playing or paused currently. |
|||
/// |
|||
/// The two required parameters are [startValue] & [endValue] |
|||
/// |
|||
/// * [startValue] is the current starting point of the video. |
|||
/// * [endValue] is the current ending point of the video. |
|||
/// |
|||
/// Returns a `Future<bool>`, if `true` then video is playing |
|||
/// otherwise paused. |
|||
Future<bool> videPlaybackControl({ |
|||
@required double startValue, |
|||
@required double endValue, |
|||
}) async { |
|||
if (videoPlayerController.value.isPlaying) { |
|||
await videoPlayerController.pause(); |
|||
return false; |
|||
} else { |
|||
if (videoPlayerController.value.position.inMilliseconds >= |
|||
endValue.toInt()) { |
|||
await videoPlayerController |
|||
.seekTo(Duration(milliseconds: startValue.toInt())); |
|||
await videoPlayerController.play(); |
|||
return true; |
|||
} else { |
|||
await videoPlayerController.play(); |
|||
return true; |
|||
} |
|||
} |
|||
} |
|||
|
|||
File getVideoFile() { |
|||
return currentVideoFile; |
|||
} |
|||
} |
|||
@ -1,92 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
import 'package:teso/Classes/Uploading.dart'; |
|||
import 'package:teso/Pages/PageWidgets/Posts/user_posted.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; |
|||
import 'package:teso/Pages/PageWidgets/Uploads/Pending.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/@Generic/Camera/Video/RecordVideo.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/Pages/PageWidgets/Personal/Empty.dart'; |
|||
|
|||
class Posts extends StatefulWidget { |
|||
@override |
|||
_PostsState createState() => _PostsState(); |
|||
} |
|||
|
|||
class _PostsState extends State<Posts> { |
|||
// ScrollController _controller; |
|||
List<FBPosts> trends = <FBPosts>[]; |
|||
List<FBPosts> show = <FBPosts>[]; |
|||
int count; |
|||
Uint8List thumbnail; |
|||
SharedPreferences prefs; |
|||
bool loading = false; |
|||
|
|||
void postContent(context) async { |
|||
await Navigator.of(context).push( |
|||
PageRouteBuilder( |
|||
opaque: false, |
|||
pageBuilder: (_, __, ___) => RecordVideo(), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Consumer<UserProvider>( |
|||
builder: (context, UserProvider value, child) { |
|||
if (value.posts == null || value.posts.isEmpty) { |
|||
return buildEmpty(context, postContent); |
|||
} else { |
|||
return StaggeredGridView.count( |
|||
crossAxisCount: 3, |
|||
children: List.generate(value.posts.length, (int index) { |
|||
// if (index == 0 && provider.isNotEmpty) { |
|||
return buildPosted(context, value.posts.elementAt(index), 0.325); |
|||
// }else{ |
|||
// return buildPosted( |
|||
// context, value.posts.elementAt(index), 0.325); |
|||
// } |
|||
}), |
|||
staggeredTiles: List.generate( |
|||
value.posts.length, |
|||
(int index) { |
|||
return StaggeredTile.fit(1); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
}, |
|||
); |
|||
// : Center( |
|||
// child: CupertinoActivityIndicator( |
|||
// animating: true, |
|||
// radius: 15, |
|||
// ), |
|||
// ); |
|||
} |
|||
|
|||
Widget getTiles(BuildContext context, value) { |
|||
try { |
|||
List<Uploading> provider = value.getPending(); |
|||
if (value.pending != null) { |
|||
return SizedBox( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: ListView( |
|||
children: provider |
|||
.map<Widget>((item) => uploadTile(context, item)) |
|||
.toList()), |
|||
); |
|||
} else { |
|||
return Container(); |
|||
} |
|||
} catch (e) { |
|||
return Container(); |
|||
} |
|||
} |
|||
} |
|||
@ -1,196 +0,0 @@ |
|||
import 'dart:convert'; |
|||
import 'dart:typed_data'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/Uploading.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
|
|||
class CreatePost extends StatefulWidget { |
|||
final String video; |
|||
final Uint8List thumbnail; |
|||
final String aspectRatio; |
|||
const CreatePost({ |
|||
Key key, |
|||
this.video, |
|||
this.thumbnail, |
|||
this.aspectRatio, |
|||
}) : super(key: key); |
|||
@override |
|||
_CreatePostState createState() => _CreatePostState(); |
|||
} |
|||
|
|||
class _CreatePostState extends State<CreatePost> { |
|||
String aspectRatio; |
|||
TextEditingController controller; |
|||
SharedPreferences prefs; |
|||
bool sending = false; |
|||
|
|||
void postVideo(context) async { |
|||
setState(() { |
|||
sending = true; |
|||
}); |
|||
try { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
String token = prefs.getString("tokensTeso"); |
|||
Map<String, String> requestHeaders = {'Authorization': token}; |
|||
String urlLocation = tesoStreaming + "api/mobile/upload/authurl"; |
|||
var client = |
|||
await http.get(Uri.parse(urlLocation), headers: requestHeaders); |
|||
if (client.statusCode == 200) { |
|||
var details = jsonDecode(client.body); |
|||
String muxuploadsID = details["data"]["id"]; |
|||
String muxuploadsURL = details["data"]["url"]; |
|||
|
|||
Provider.of<UserProvider>(context, listen: false).uploadPost(Uploading( |
|||
id: DateTime.now().toString() + |
|||
widget.video.replaceAll("file://", ""), |
|||
aspect: widget.aspectRatio, |
|||
path: widget.video.replaceAll("file://", ""), |
|||
thumbnail: |
|||
widget.thumbnail != null ? base64Encode(widget.thumbnail) : null, |
|||
title: controller.text.isNotEmpty ? controller.text : "", |
|||
pending: 0, |
|||
muxuploadID: muxuploadsID, |
|||
muxuploadURL: muxuploadsURL, |
|||
)); |
|||
Navigator.pop(context); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
setState(() { |
|||
sending = false; |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
controller = new TextEditingController(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
super.dispose(); |
|||
controller.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PreferredSize( |
|||
child: AppBar( |
|||
automaticallyImplyLeading: true, |
|||
title: Text("Post"), |
|||
centerTitle: true, |
|||
), |
|||
preferredSize: Size.fromHeight(70.0), |
|||
), |
|||
body: SingleChildScrollView( |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
padding: EdgeInsets.all(MediaQuery.of(context).size.width * 0.025), |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Container( |
|||
width: MediaQuery.of(context).size.width * 0.25, |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
color: Colors.black, |
|||
child: widget.thumbnail != null |
|||
? Image.memory(widget.thumbnail) |
|||
: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
Container( |
|||
width: (MediaQuery.of(context).size.width) - |
|||
(MediaQuery.of(context).size.width * 0.35), |
|||
height: MediaQuery.of(context).size.width * 0.35, |
|||
child: TextField( |
|||
decoration: InputDecoration( |
|||
border: OutlineInputBorder( |
|||
borderSide: BorderSide.none, |
|||
), |
|||
filled: true, |
|||
isDense: true, |
|||
labelText: "Say Something..", |
|||
labelStyle: TextStyle( |
|||
color: Colors.black54, |
|||
), |
|||
fillColor: Colors.white70, |
|||
), |
|||
controller: controller, |
|||
maxLines: null, |
|||
keyboardType: TextInputType.text, |
|||
textInputAction: TextInputAction.done, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Divider(), |
|||
Container( |
|||
margin: EdgeInsets.only( |
|||
top: 10, |
|||
), |
|||
child: Text( |
|||
"Teso businesses and other Teso users can see your post in their feeds and on your profile.", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
floatingActionButton: !sending |
|||
? Container( |
|||
margin: EdgeInsets.all(20), |
|||
width: MediaQuery.of(context).size.width, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(15.0), |
|||
color: tesoBlue, |
|||
), |
|||
child: InkWell( |
|||
onTap: () => postVideo(context), |
|||
child: Center( |
|||
child: Text( |
|||
"NEXT", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
height: 50, |
|||
) |
|||
: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 50, |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
), |
|||
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, |
|||
); |
|||
} |
|||
} |
|||
@ -1,585 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
import 'package:flare_flutter/flare_actor.dart'; |
|||
import 'package:flare_flutter/flare_controls.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
import 'package:flutter_bloc/flutter_bloc.dart'; |
|||
|
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/CouponDetails.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/PostFav.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/comment.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/userProfile3P.dart'; |
|||
import 'package:teso/Services/video_controller_service.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_bloc.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_event.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_state.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:numeral/numeral.dart'; |
|||
import 'package:teso/GeneralWidgets/widgets/video_player_widget.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
import 'dart:convert'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class ViewPost extends StatefulWidget { |
|||
Post postedAd; |
|||
TesoUser user; |
|||
bool friend; |
|||
final bool play; |
|||
|
|||
ViewPost({ |
|||
Key key, |
|||
this.postedAd, |
|||
this.user, |
|||
this.friend, |
|||
@required this.play, |
|||
// this.posts, |
|||
}) : super(key: key); |
|||
@override |
|||
_ViewPostState createState() => _ViewPostState(); |
|||
} |
|||
|
|||
class _ViewPostState extends State<ViewPost> { |
|||
bool favoured = false; |
|||
List<CouponDetails> coupons = <CouponDetails>[]; |
|||
Uint8List imageBitmap; |
|||
final FlareControls flareControls = FlareControls(); |
|||
bool campaignAd = false; |
|||
int likes = 0; |
|||
int comments = 0; |
|||
var userDoc; |
|||
var document; |
|||
|
|||
void sharing(Post ad) async { |
|||
await rootBundle |
|||
.load("assets/images/rawLogoOverlay.png") |
|||
.then((value) => setState(() { |
|||
imageBitmap = value.buffer.asUint8List(); |
|||
})); |
|||
Provider.of<UserProvider>(context, listen: false).downloadVideo( |
|||
ad.postID, ad.playbackID, ad.rendition, imageBitmap, context); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
rootBundle.evict("assets/images/rawLogoOverlay.png"); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void likePost(Post ad) { |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
PostFav liked = new PostFav(); |
|||
liked.admirerId = cid; |
|||
liked.countId = DateTime.now().toString() + "$cid"; |
|||
liked.timestamp = DateTime.now().toIso8601String(); |
|||
liked.postId = ad.postID; |
|||
|
|||
setState(() { |
|||
// ad.likes.add(liked); |
|||
likes++; |
|||
favoured = true; |
|||
}); |
|||
|
|||
flareControls.play("like"); |
|||
Provider.of<UserProvider>(context, listen: false).addLike(liked); |
|||
}); |
|||
} |
|||
|
|||
void dislikePost(Post ad) { |
|||
setState(() { |
|||
favoured = false; |
|||
likes--; |
|||
}); |
|||
Provider.of<UserProvider>(context, listen: false).deleteLike(ad.postID); |
|||
} |
|||
|
|||
void commentsDialog(BuildContext context) { |
|||
if (userDoc == null) { |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
} else { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(20.0)), |
|||
), |
|||
builder: (BuildContext bc) { |
|||
return ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(20.0), |
|||
topRight: Radius.circular(20.0), |
|||
), |
|||
child: CommentSection( |
|||
postedAd: widget.postedAd, |
|||
user: TesoUser( |
|||
username: userDoc["username"], |
|||
userGUID: userDoc["id"], |
|||
)), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
|
|||
Future<void> getCampaignCoupons(String campaign) async { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
Map<String, String> requestHeaders = { |
|||
'Content-type': 'application/json', |
|||
'Authorization': prefs.getString('tokensTeso') |
|||
}; |
|||
try { |
|||
var register2 = serverLocation + 'coupons/campaign_coupons'; |
|||
var client1 = await http.post( |
|||
Uri.parse(register2), |
|||
headers: requestHeaders, |
|||
body: json.encode(campaign), |
|||
); |
|||
if (client1.statusCode == 200) { |
|||
var details = jsonDecode(client1.body); |
|||
setState(() { |
|||
coupons = List<CouponDetails>.from( |
|||
details.map((model) => CouponDetails.fromJSON(model)).toList()); |
|||
// coupons.removeWhere( |
|||
// (element) => element.expiration.isAfter(DateTime.now())); |
|||
}); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
campaignAd = false; |
|||
_getDocuments(); |
|||
_likedListen(); |
|||
_commentsListen(); |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
if (mounted) |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
super.initState(); |
|||
} |
|||
|
|||
_getDocuments() { |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.get() |
|||
.then((value) { |
|||
if (mounted) |
|||
setState(() { |
|||
document = value.data(); |
|||
if (document != null) { |
|||
if (document["campaignId"] != null) { |
|||
campaignAd = true; |
|||
getCampaignCoupons(document["campaignId"]); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
_likedListen() { |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.collection("likes") |
|||
.snapshots() |
|||
.listen((event) { |
|||
if (mounted) { |
|||
setState(() { |
|||
favoured = |
|||
event.docs.any((element) => element.data()["admirerID"] == cid); |
|||
likes = event.docs.length; |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
_commentsListen() { |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.collection("comments") |
|||
.snapshots() |
|||
.listen((event) { |
|||
if (mounted) { |
|||
setState(() { |
|||
comments = event.docs.length; |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
SizeConfig().init(context); |
|||
return Scaffold( |
|||
body: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Colors.black, |
|||
child: Stack( |
|||
children: [ |
|||
_buildVideoPlayer(widget.postedAd), |
|||
Align( |
|||
alignment: Alignment.bottomRight, |
|||
child: Container( |
|||
margin: EdgeInsets.only( |
|||
right: 10, |
|||
bottom: 30, |
|||
), |
|||
width: 50, |
|||
height: MediaQuery.of(context).size.width * 0.73, |
|||
child: Column( |
|||
children: [ |
|||
Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: InkWell( |
|||
onTap: widget.postedAd.publisherID != null |
|||
? () => Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
child: UserProfileThirdPerson( |
|||
user: new TesoUser( |
|||
username: userDoc["username"], |
|||
userGUID: userDoc["id"], |
|||
firstname: userDoc["firstname"], |
|||
lastname: userDoc["surname"], |
|||
), |
|||
), |
|||
type: PageTransitionType.fade, |
|||
), |
|||
) |
|||
: null, |
|||
child: CachedNetworkImage( |
|||
imageUrl: serverLocation + |
|||
"api/pulldp/" + |
|||
widget.postedAd.publisherID, |
|||
imageBuilder: (context, imageProvider) => |
|||
FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: |
|||
AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () { |
|||
if (campaignAd) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(widget.postedAd); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(widget.postedAd); |
|||
} else { |
|||
likePost(widget.postedAd); |
|||
} |
|||
} |
|||
}, |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.favorite, |
|||
size: 30, |
|||
color: favoured ? Colors.red : Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(likes).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () => commentsDialog(context), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.comment, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(comments).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
height: 30, |
|||
child: InkWell( |
|||
onTap: () => sharing(widget.postedAd), |
|||
child: Icon( |
|||
Icons.share, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: 10, |
|||
vertical: MediaQuery.of(context).size.height * 0.05, |
|||
), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
new RichText( |
|||
maxLines: 5, |
|||
text: TextSpan( |
|||
text: userDoc != null ? "@" + userDoc["username"] : "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
SizedBox(height: 5), |
|||
Container( |
|||
margin: EdgeInsets.only(bottom: 20), |
|||
width: MediaQuery.of(context).size.width * 0.7, |
|||
child: Text( |
|||
document != null |
|||
? document["title"] != null |
|||
? document["title"] |
|||
: "" |
|||
: "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
height: 1.5, |
|||
), |
|||
maxLines: 4, |
|||
overflow: TextOverflow.ellipsis, |
|||
textDirection: TextDirection.rtl, |
|||
textAlign: TextAlign.left, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
Align( |
|||
alignment: Alignment.topLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.only(top: 25), |
|||
child: IconButton( |
|||
onPressed: () => Navigator.of(context).pop(), |
|||
icon: new Icon( |
|||
Icons.arrow_back, |
|||
color: Colors.white, |
|||
size: 25.0, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildVideoPlayer(Post ad) { |
|||
return BlocProvider<VideoPlayerBloc>( |
|||
create: (context) => VideoPlayerBloc( |
|||
RepositoryProvider.of<VideoControllerService>(context)) |
|||
..add(VideoSelectedEvent(ad)), |
|||
child: BlocBuilder<VideoPlayerBloc, VideoPlayerState>( |
|||
builder: (context, state) { |
|||
return Container(child: _getPlayer(context, state, ad)); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _getPlayer(BuildContext context, VideoPlayerState state, Post ad) { |
|||
// final screenWidth = MediaQuery.of(context).size.width; |
|||
// final containerHeight = screenWidth / ASPECT_RATIO; |
|||
final containerHeight = MediaQuery.of(context).size.height; |
|||
if (state is VideoPlayerStateLoaded) { |
|||
return GestureDetector( |
|||
onDoubleTap: () { |
|||
if (campaignAd) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(ad); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(ad); |
|||
} else { |
|||
likePost(ad); |
|||
} |
|||
} |
|||
}, |
|||
child: Stack( |
|||
children: [ |
|||
VideoPlayerWidget( |
|||
key: Key(state.video.playbackID), |
|||
controller: state.controller, |
|||
ad: ad, |
|||
play: widget.play, |
|||
details: coupons, |
|||
), |
|||
Container( |
|||
width: double.infinity, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: Center( |
|||
child: SizedBox( |
|||
width: 80, |
|||
height: 80, |
|||
child: FlareActor( |
|||
'assets/like.flr', |
|||
controller: flareControls, |
|||
animation: 'idle', |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateLoading) { |
|||
return Container( |
|||
height: containerHeight, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateError) { |
|||
return Container( |
|||
height: containerHeight, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: Text(state.message), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return Container( |
|||
height: containerHeight, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,515 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
import 'package:flutter_bloc/flutter_bloc.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/PostFav.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/deletePost.dart'; |
|||
import 'package:teso/Services/uservideo_controller_service.dart'; |
|||
import 'package:teso/blocs/video_player/uservideo_player_bloc.dart'; |
|||
import 'package:teso/blocs/video_player/uservideo_player_event.dart'; |
|||
import 'package:teso/blocs/video_player/uservideo_player_state.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:numeral/numeral.dart'; |
|||
import 'package:teso/GeneralWidgets/widgets/uservideo_player_widget.dart'; |
|||
|
|||
import 'comment.dart'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class UserPosts extends StatefulWidget { |
|||
FBPosts postedAd; |
|||
|
|||
UserPosts({Key key, this.postedAd}) : super(key: key); |
|||
@override |
|||
_UserPostsState createState() => _UserPostsState(); |
|||
} |
|||
|
|||
class _UserPostsState extends State<UserPosts> { |
|||
bool favoured = false; |
|||
Uint8List imageBitmap; |
|||
var document; |
|||
var userDoc; |
|||
bool likeShow = false; |
|||
|
|||
void sharing() async { |
|||
await rootBundle |
|||
.load("assets/images/rawLogoOverlay.png") |
|||
.then((value) => setState(() { |
|||
imageBitmap = value.buffer.asUint8List(); |
|||
})); |
|||
Provider.of<UserProvider>(context, listen: false).downloadVideo( |
|||
widget.postedAd.postID, |
|||
widget.postedAd.playbackID, |
|||
widget.postedAd.rendition, |
|||
imageBitmap, |
|||
context); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
rootBundle.evict("assets/images/rawLogoOverlay.png"); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void commentsDialog(BuildContext context) { |
|||
if (userDoc == null) { |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
} else { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(20.0)), |
|||
), |
|||
builder: (BuildContext bc) { |
|||
return ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(20.0), |
|||
topRight: Radius.circular(20.0), |
|||
), |
|||
child: CommentSection( |
|||
postedAd: new Post( |
|||
aspect: widget.postedAd.aspect, |
|||
assetID: widget.postedAd.assetID, |
|||
playbackID: widget.postedAd.playbackID, |
|||
postID: widget.postedAd.postID, |
|||
publisherID: widget.postedAd.publisherID, |
|||
title: widget.postedAd.title, |
|||
rendition: widget.postedAd.rendition, |
|||
timestamp: widget.postedAd.timestamp, |
|||
), |
|||
user: TesoUser( |
|||
username: userDoc["username"], |
|||
userGUID: userDoc["id"], |
|||
)), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
|
|||
void likePost() { |
|||
setState(() { |
|||
likeShow = true; |
|||
}); |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
PostFav liked = new PostFav(); |
|||
liked.admirerId = cid; |
|||
liked.countId = DateTime.now().toString() + "$cid"; |
|||
liked.timestamp = DateTime.now().toIso8601String(); |
|||
liked.postId = widget.postedAd.postID; |
|||
|
|||
setState(() { |
|||
widget.postedAd.likes++; |
|||
favoured = true; |
|||
}); |
|||
Provider.of<UserProvider>(context, listen: false).addLike(liked); |
|||
}); |
|||
} |
|||
|
|||
void dislikePost() { |
|||
SharedPreferences.getInstance().then((value) { |
|||
// String cid = value.getString("id"); |
|||
setState(() { |
|||
widget.postedAd.likes--; |
|||
favoured = false; |
|||
}); |
|||
Provider.of<UserProvider>(context, listen: false) |
|||
.deleteLike(widget.postedAd.postID); |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_likedListen(); |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
document = value.data(); |
|||
}); |
|||
}); |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
// SharedPreferences.getInstance().then((value) { |
|||
// String cid = value.getString("id"); |
|||
// if (widget.postedAd.likes |
|||
// .map((e) => e.admirerId) |
|||
// .toList() |
|||
// .contains(cid)) { |
|||
// setState(() { |
|||
// favoured = true; |
|||
// }); |
|||
// } |
|||
// }); |
|||
// _future = initializeController(); |
|||
} |
|||
|
|||
_likedListen() { |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.collection("likes") |
|||
.snapshots() |
|||
.listen((event) { |
|||
setState(() { |
|||
favoured = |
|||
event.docs.any((element) => element.data()["admirerID"] == cid); |
|||
widget.postedAd.likes = event.docs.length; |
|||
}); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: PreferredSize( |
|||
child: AppBar( |
|||
automaticallyImplyLeading: false, |
|||
backgroundColor: Colors.transparent, |
|||
leading: _backWidget(context), |
|||
), |
|||
preferredSize: Size.fromHeight(40)), |
|||
extendBodyBehindAppBar: true, |
|||
body: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Colors.black, |
|||
child: Stack( |
|||
children: [ |
|||
_buildVideoPlayer(), |
|||
Align( |
|||
alignment: Alignment.bottomRight, |
|||
child: Container( |
|||
margin: EdgeInsets.only( |
|||
right: 10, |
|||
), |
|||
width: 50, |
|||
height: MediaQuery.of(context).size.width * 0.7, |
|||
child: Column( |
|||
children: [ |
|||
_favoriteWidget(context), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
_commentWidget(context), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
height: 30, |
|||
child: InkWell( |
|||
onTap: () => sharing(), |
|||
child: Icon( |
|||
Icons.share, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
_deleteWidget(context), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
_nameDescription(context), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildVideoPlayer() { |
|||
return BlocProvider<VideoPlayerBloc>( |
|||
create: (context) => VideoPlayerBloc( |
|||
RepositoryProvider.of<VideoControllerService>(context)) |
|||
..add(VideoSelectedEvent(widget.postedAd)), |
|||
child: BlocBuilder<VideoPlayerBloc, VideoPlayerState>( |
|||
builder: (context, state) { |
|||
return Container(child: _getPlayer(context, state)); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _getPlayer(BuildContext context, VideoPlayerState state) { |
|||
// final screenWidth = MediaQuery.of(context).size.width; |
|||
// final containerHeight = screenWidth / ASPECT_RATIO; |
|||
if (state is VideoPlayerStateLoaded) { |
|||
return GestureDetector( |
|||
onDoubleTap: () { |
|||
if (widget.postedAd.campaignID != null) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(); |
|||
} else { |
|||
likePost(); |
|||
} |
|||
} |
|||
}, |
|||
child: Stack( |
|||
children: [ |
|||
VideoPlayerWidget( |
|||
key: Key(state.video.playbackID), |
|||
controller: state.controller, |
|||
ad: widget.postedAd, |
|||
), |
|||
AnimatedOpacity( |
|||
opacity: likeShow ? 1 : 0, |
|||
duration: Duration(seconds: 2), |
|||
onEnd: () { |
|||
setState(() { |
|||
likeShow = false; |
|||
}); |
|||
}, |
|||
child: Container( |
|||
width: double.infinity, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: Center( |
|||
child: Image.asset("assets/lovw.gif"), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateLoading) { |
|||
return Container(); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateError) { |
|||
return Container(); |
|||
} |
|||
|
|||
return Container(); |
|||
} |
|||
|
|||
Widget _favoriteWidget(BuildContext context) { |
|||
return Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () { |
|||
if (widget.postedAd.campaignID != null) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(); |
|||
} else { |
|||
likePost(); |
|||
} |
|||
} |
|||
}, |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.favorite, |
|||
size: 30, |
|||
color: favoured ? Colors.red : Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(widget.postedAd.likes).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _commentWidget(BuildContext context) { |
|||
return Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () => commentsDialog(context), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.comment, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(widget.postedAd.comments).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _nameDescription(BuildContext context) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: 10, |
|||
vertical: MediaQuery.of(context).size.height * 0.05, |
|||
), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
new RichText( |
|||
maxLines: 5, |
|||
text: TextSpan( |
|||
text: userDoc != null |
|||
? userDoc["username"] != null |
|||
? "@" + userDoc["username"] |
|||
: "" |
|||
: "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
SizedBox(height: 5), |
|||
Container( |
|||
margin: EdgeInsets.only(bottom: 20), |
|||
width: MediaQuery.of(context).size.width * 0.7, |
|||
child: Text( |
|||
widget.postedAd.title != null ? widget.postedAd.title : "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
height: 1.5, |
|||
), |
|||
maxLines: 4, |
|||
overflow: TextOverflow.ellipsis, |
|||
textDirection: TextDirection.rtl, |
|||
textAlign: TextAlign.left, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _deleteWidget(BuildContext context) { |
|||
return Container( |
|||
height: 30, |
|||
child: GestureDetector( |
|||
onTap: () async { |
|||
bool result = await Navigator.push( |
|||
context, |
|||
PageRouteBuilder( |
|||
opaque: false, |
|||
pageBuilder: (_, __, ___) => DeletePost(), |
|||
), |
|||
); |
|||
if (result) { |
|||
Provider.of<UserProvider>(context, listen: false).deletePost(Post( |
|||
aspect: widget.postedAd.aspect, |
|||
playbackID: widget.postedAd.playbackID, |
|||
postID: widget.postedAd.postID, |
|||
publisherID: widget.postedAd.publisherID, |
|||
assetID: widget.postedAd.assetID, |
|||
timestamp: widget.postedAd.timestamp, |
|||
title: widget.postedAd.title, |
|||
)); |
|||
Navigator.pop(context); |
|||
} |
|||
}, |
|||
child: Icon( |
|||
Icons.delete, |
|||
size: 28, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _backWidget(BuildContext context) { |
|||
return GestureDetector( |
|||
onTap: () { |
|||
Navigator.pop(context); |
|||
}, |
|||
child: Container( |
|||
height: 40, |
|||
width: 40, |
|||
decoration: BoxDecoration( |
|||
color: Colors.transparent, |
|||
), |
|||
child: Icon( |
|||
Icons.arrow_back_ios, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,920 +0,0 @@ |
|||
import 'dart:typed_data'; |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
import 'package:flare_flutter/flare_controls.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/services.dart'; |
|||
import 'package:flutter_bloc/flutter_bloc.dart'; |
|||
|
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/CouponDetails.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/PostFav.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/comment.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/userProfile3P.dart'; |
|||
import 'package:teso/Services/video_controller_service.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_bloc.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_event.dart'; |
|||
import 'package:teso/blocs/video_player/video_player_state.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:numeral/numeral.dart'; |
|||
import 'package:teso/GeneralWidgets/widgets/video_player_widget.dart'; |
|||
import 'package:http/http.dart' as http; |
|||
import 'dart:convert'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class ViewPost extends StatefulWidget { |
|||
Post postedAd; |
|||
TesoUser user; |
|||
bool friend; |
|||
final bool play; |
|||
Function report; |
|||
|
|||
ViewPost({ |
|||
Key key, |
|||
this.postedAd, |
|||
this.user, |
|||
this.friend, |
|||
@required this.play, |
|||
@required this.report, |
|||
// this.posts, |
|||
}) : super(key: key); |
|||
@override |
|||
_ViewPostState createState() => _ViewPostState(); |
|||
} |
|||
|
|||
class _ViewPostState extends State<ViewPost> { |
|||
bool favoured = false; |
|||
List<CouponDetails> coupons = <CouponDetails>[]; |
|||
Uint8List imageBitmap; |
|||
final FlareControls flareControls = FlareControls(); |
|||
bool campaignAd = false; |
|||
int likes = 0; |
|||
int comments = 0; |
|||
var userDoc; |
|||
var document; |
|||
bool likeShow = false; |
|||
bool dark = false; |
|||
|
|||
void sharing(Post ad) async { |
|||
await rootBundle |
|||
.load("assets/images/rawLogoOverlay.png") |
|||
.then((value) => setState(() { |
|||
imageBitmap = value.buffer.asUint8List(); |
|||
})); |
|||
Provider.of<UserProvider>(context, listen: false).downloadVideo( |
|||
ad.postID, ad.playbackID, ad.rendition, imageBitmap, context); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
rootBundle.evict("assets/images/rawLogoOverlay.png"); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void likePost(Post ad) { |
|||
setState(() { |
|||
likeShow = true; |
|||
}); |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
PostFav liked = new PostFav(); |
|||
liked.admirerId = cid; |
|||
liked.countId = DateTime.now().toString() + "$cid"; |
|||
liked.timestamp = DateTime.now().toIso8601String(); |
|||
liked.postId = ad.postID; |
|||
|
|||
setState(() { |
|||
// ad.likes.add(liked); |
|||
likes++; |
|||
favoured = true; |
|||
}); |
|||
|
|||
flareControls.play("like"); |
|||
Provider.of<UserProvider>(context, listen: false).addLike(liked); |
|||
}); |
|||
} |
|||
|
|||
void dislikePost(Post ad) { |
|||
setState(() { |
|||
favoured = false; |
|||
likes--; |
|||
}); |
|||
Provider.of<UserProvider>(context, listen: false).deleteLike(ad.postID); |
|||
} |
|||
|
|||
void commentsDialog(BuildContext context) { |
|||
if (userDoc == null) { |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
} else { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(20.0)), |
|||
), |
|||
builder: (BuildContext bc) { |
|||
return ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(20.0), |
|||
topRight: Radius.circular(20.0), |
|||
), |
|||
child: CommentSection( |
|||
postedAd: widget.postedAd, |
|||
user: TesoUser( |
|||
username: userDoc["username"], |
|||
userGUID: userDoc["id"], |
|||
)), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
|
|||
Future<void> getCampaignCoupons(String campaign) async { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
Map<String, String> requestHeaders = { |
|||
'Content-type': 'application/json', |
|||
'Authorization': prefs.getString('tokensTeso') |
|||
}; |
|||
try { |
|||
var register2 = serverLocation + 'coupons/campaign_coupons'; |
|||
var client1 = await http.post( |
|||
Uri.parse(register2), |
|||
headers: requestHeaders, |
|||
body: json.encode(campaign), |
|||
); |
|||
if (client1.statusCode == 200) { |
|||
var details = jsonDecode(client1.body); |
|||
setState(() { |
|||
coupons = List<CouponDetails>.from( |
|||
details.map((model) => CouponDetails.fromJSON(model)).toList()); |
|||
// coupons.removeWhere( |
|||
// (element) => element.expiration.isAfter(DateTime.now())); |
|||
}); |
|||
} |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
campaignAd = false; |
|||
_getDocuments(); |
|||
_likedListen(); |
|||
_commentsListen(); |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
if (mounted) |
|||
setState(() { |
|||
userDoc = value.data(); |
|||
}); |
|||
}); |
|||
SharedPreferences.getInstance().then((value) => |
|||
value.getString("theme") == "light" ? dark = false : dark = true); |
|||
super.initState(); |
|||
} |
|||
|
|||
_getDocuments() { |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.get() |
|||
.then((value) { |
|||
if (mounted) |
|||
setState(() { |
|||
document = value.data(); |
|||
if (document != null) { |
|||
if (document["campaignId"] != null) { |
|||
campaignAd = true; |
|||
getCampaignCoupons(document["campaignId"]); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
_likedListen() { |
|||
SharedPreferences.getInstance().then((value) { |
|||
String cid = value.getString("id"); |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.collection("likes") |
|||
.snapshots() |
|||
.listen((event) { |
|||
if (mounted) { |
|||
setState(() { |
|||
favoured = |
|||
event.docs.any((element) => element.data()["admirerID"] == cid); |
|||
likes = event.docs.length; |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
_commentsListen() { |
|||
FirebaseFirestore.instance |
|||
.collection("posts") |
|||
.doc(widget.postedAd.postID) |
|||
.collection("comments") |
|||
.snapshots() |
|||
.listen((event) { |
|||
if (mounted) { |
|||
setState(() { |
|||
comments = event.docs.length; |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
SizeConfig().init(context); |
|||
return Scaffold( |
|||
body: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: MediaQuery.of(context).size.height, |
|||
color: Colors.black, |
|||
child: Stack( |
|||
children: [ |
|||
_buildVideoPlayer(widget.postedAd), |
|||
Align( |
|||
alignment: Alignment.bottomRight, |
|||
child: Container( |
|||
margin: EdgeInsets.only( |
|||
right: 10, |
|||
bottom: 30, |
|||
), |
|||
width: 50, |
|||
height: MediaQuery.of(context).size.width * 0.73, |
|||
child: Column( |
|||
children: [ |
|||
_publisherWidget(context), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
_favoriteWidget(context), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
_commentWidget(context), |
|||
SizedBox( |
|||
height: 20, |
|||
), |
|||
Container( |
|||
height: 30, |
|||
child: InkWell( |
|||
onTap: () => moreDialog(context, widget.postedAd), |
|||
child: Icon( |
|||
Icons.more_horiz, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
_nameDescription(context), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildVideoPlayer(Post ad) { |
|||
return BlocProvider<VideoPlayerBloc>( |
|||
create: (context) => VideoPlayerBloc( |
|||
RepositoryProvider.of<VideoControllerService>(context)) |
|||
..add(VideoSelectedEvent(ad)), |
|||
child: BlocBuilder<VideoPlayerBloc, VideoPlayerState>( |
|||
builder: (context, state) { |
|||
return Container(child: _getPlayer(context, state, ad)); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _getPlayer(BuildContext context, VideoPlayerState state, Post ad) { |
|||
// final screenWidth = MediaQuery.of(context).size.width; |
|||
// final containerHeight = screenWidth / ASPECT_RATIO; |
|||
final containerHeight = MediaQuery.of(context).size.height; |
|||
if (state is VideoPlayerStateLoaded) { |
|||
return GestureDetector( |
|||
onDoubleTap: () { |
|||
if (campaignAd) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(ad); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(ad); |
|||
} else { |
|||
likePost(ad); |
|||
} |
|||
} |
|||
}, |
|||
child: Stack( |
|||
children: [ |
|||
VideoPlayerWidget( |
|||
key: Key(state.video.playbackID), |
|||
controller: state.controller, |
|||
ad: ad, |
|||
play: widget.play, |
|||
details: coupons, |
|||
), |
|||
AnimatedOpacity( |
|||
opacity: likeShow ? 1 : 0, |
|||
duration: Duration(seconds: 2), |
|||
onEnd: () { |
|||
setState(() { |
|||
likeShow = false; |
|||
}); |
|||
}, |
|||
child: Container( |
|||
width: double.infinity, |
|||
height: MediaQuery.of(context).size.height, |
|||
child: Center( |
|||
child: Image.asset("assets/lovw.gif"), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateLoading) { |
|||
return Container(); |
|||
} |
|||
|
|||
if (state is VideoPlayerStateError) { |
|||
return Container( |
|||
height: containerHeight, |
|||
color: Colors.black, |
|||
child: Center( |
|||
child: Text(state.message), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return Container(); |
|||
} |
|||
|
|||
Widget _nameDescription(BuildContext context) { |
|||
return Align( |
|||
alignment: Alignment.bottomLeft, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: 10, |
|||
vertical: MediaQuery.of(context).size.height * 0.05, |
|||
), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
new RichText( |
|||
maxLines: 5, |
|||
text: TextSpan( |
|||
text: userDoc != null ? "@" + userDoc["username"] : "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
SizedBox(height: 5), |
|||
Container( |
|||
margin: EdgeInsets.only(bottom: 20), |
|||
width: MediaQuery.of(context).size.width * 0.7, |
|||
child: Text( |
|||
document != null |
|||
? document["title"] != null |
|||
? document["title"] |
|||
: "" |
|||
: "", |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.3, |
|||
height: 1.5, |
|||
), |
|||
maxLines: 4, |
|||
overflow: TextOverflow.ellipsis, |
|||
textDirection: TextDirection.rtl, |
|||
textAlign: TextAlign.left, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _publisherWidget(BuildContext context) { |
|||
return Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: InkWell( |
|||
onTap: widget.postedAd.publisherID != null |
|||
? () => Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
child: UserProfileThirdPerson( |
|||
user: new TesoUser( |
|||
username: userDoc["username"], |
|||
userGUID: userDoc["id"], |
|||
firstname: userDoc["firstname"], |
|||
lastname: userDoc["surname"], |
|||
), |
|||
), |
|||
type: PageTransitionType.fade, |
|||
), |
|||
) |
|||
: null, |
|||
child: CachedNetworkImage( |
|||
imageUrl: |
|||
serverLocation + "api/pulldp/" + widget.postedAd.publisherID, |
|||
imageBuilder: (context, imageProvider) => FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _favoriteWidget(BuildContext context) { |
|||
return Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () { |
|||
if (campaignAd) { |
|||
if (favoured) { |
|||
return null; |
|||
} else { |
|||
likePost(widget.postedAd); |
|||
} |
|||
} else { |
|||
if (favoured) { |
|||
dislikePost(widget.postedAd); |
|||
} else { |
|||
likePost(widget.postedAd); |
|||
} |
|||
} |
|||
}, |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.favorite, |
|||
size: 30, |
|||
color: favoured ? Colors.red : Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(likes).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _commentWidget(BuildContext context) { |
|||
return Container( |
|||
height: 50, |
|||
child: InkWell( |
|||
onTap: () => commentsDialog(context), |
|||
child: new Wrap( |
|||
direction: Axis.vertical, |
|||
children: [ |
|||
Container( |
|||
width: 50, |
|||
height: 30, |
|||
child: Center( |
|||
child: Icon( |
|||
Icons.comment, |
|||
size: 30, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
height: 20, |
|||
width: 50, |
|||
child: Center( |
|||
child: Text( |
|||
Numeral(comments).value().toString(), |
|||
style: TextStyle( |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
void moreDialog(BuildContext context, Post ad) { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(30.0)), |
|||
), |
|||
builder: (BuildContext bc) { |
|||
return Container( |
|||
child: SingleChildScrollView( |
|||
scrollDirection: Axis.vertical, |
|||
child: new Wrap( |
|||
children: <Widget>[ |
|||
new Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: 15.0, |
|||
), |
|||
child: Center( |
|||
child: Padding( |
|||
padding: const EdgeInsets.symmetric(horizontal: 20.0), |
|||
child: Container( |
|||
width: 50, |
|||
height: 4, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
buildTop3(context, ad), |
|||
new Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: 40, |
|||
margin: EdgeInsets.symmetric(vertical: 20.0, horizontal: 15), |
|||
decoration: BoxDecoration( |
|||
color: !dark ? Colors.grey[200] : Colors.white12, |
|||
borderRadius: BorderRadius.circular(5)), |
|||
child: new Center( |
|||
child: Text( |
|||
"Why you're seeing this post", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: !dark ? Colors.black : Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
// bottomButtons(context, friends), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
|
|||
buildTop3(BuildContext context, Post ad) { |
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|||
children: [ |
|||
GestureDetector( |
|||
onTap: () => sharing(ad), |
|||
child: Container( |
|||
width: SizeConfig.blockSizeHorizontal * 30, |
|||
height: SizeConfig.blockSizeHorizontal * 20, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular( |
|||
10, |
|||
), |
|||
), |
|||
color: !dark ? Colors.grey[200] : Colors.white12, |
|||
), |
|||
alignment: Alignment.center, |
|||
child: Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|||
children: [ |
|||
Icon(Icons.share), |
|||
Text( |
|||
"Share", |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () => reportDialog(context), |
|||
child: Container( |
|||
width: SizeConfig.blockSizeHorizontal * 30, |
|||
height: SizeConfig.blockSizeHorizontal * 20, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular( |
|||
10, |
|||
), |
|||
), |
|||
color: !dark ? Colors.grey[200] : Colors.white12, |
|||
), |
|||
alignment: Alignment.center, |
|||
child: Center( |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|||
children: [ |
|||
Icon( |
|||
Icons.report_problem, |
|||
color: Colors.red[900], |
|||
), |
|||
Text( |
|||
"Report", |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
flagContent(level) { |
|||
Provider.of<UserProvider>(context, listen: false) |
|||
.flagPost(widget.postedAd, level); |
|||
Navigator.pop(context); |
|||
widget.report(widget.postedAd); |
|||
this.dispose(); |
|||
} |
|||
|
|||
bottomButtons(BuildContext context, friends) { |
|||
return new Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
margin: EdgeInsets.symmetric(vertical: 5.0, horizontal: 15), |
|||
child: Column( |
|||
children: [ |
|||
new Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: new Center( |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Colors.grey[200], |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular(5.0), |
|||
), |
|||
), |
|||
), |
|||
onPressed: () => Navigator.pop(context), |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Text( |
|||
"Hide", |
|||
textAlign: TextAlign.center, |
|||
)), |
|||
), |
|||
), |
|||
), |
|||
friends |
|||
? new Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: new Center( |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Colors.grey[300], |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular(5.0), |
|||
), |
|||
), |
|||
), |
|||
onPressed: () => Navigator.pop(context), |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Text( |
|||
"Unfrend", |
|||
textAlign: TextAlign.center, |
|||
)), |
|||
), |
|||
), |
|||
) |
|||
: new Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: new Center( |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Colors.grey[300], |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.all( |
|||
Radius.circular(5.0), |
|||
), |
|||
), |
|||
), |
|||
onPressed: () => Navigator.pop(context), |
|||
child: Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Text( |
|||
"Add Friend", |
|||
textAlign: TextAlign.center, |
|||
)), |
|||
), |
|||
), |
|||
) |
|||
], |
|||
)); |
|||
} |
|||
|
|||
void reportDialog(BuildContext context) { |
|||
showModalBottomSheet( |
|||
context: context, |
|||
isScrollControlled: true, |
|||
enableDrag: true, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.vertical(top: Radius.circular(30.0)), |
|||
), |
|||
builder: (BuildContext bc) { |
|||
return Container( |
|||
height: MediaQuery.of(context).size.height * 0.95, |
|||
child: Column( |
|||
children: [ |
|||
new Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: 15.0, |
|||
), |
|||
child: Center( |
|||
child: Padding( |
|||
padding: const EdgeInsets.symmetric(horizontal: 20.0), |
|||
child: Container( |
|||
width: 50, |
|||
height: 4, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
child: Center( |
|||
child: Text( |
|||
"Report", |
|||
style: TextStyle( |
|||
fontSize: SizeConfig.blockSizeHorizontal * 3.5, |
|||
fontWeight: FontWeight.w800, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Divider(), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 10), |
|||
child: Text( |
|||
"Why are you reporting this post?", |
|||
textAlign: TextAlign.left, |
|||
style: TextStyle( |
|||
fontSize: SizeConfig.blockSizeHorizontal * 3.5, |
|||
fontWeight: FontWeight.w800, |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 5, |
|||
), |
|||
Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 15), |
|||
child: Center( |
|||
child: Text( |
|||
"Your report would be handled as soon as possible. However if someone is in immediate danger, call the local emergency services - don't wait.", |
|||
style: TextStyle( |
|||
fontSize: SizeConfig.blockSizeHorizontal * 3.5, |
|||
fontWeight: FontWeight.w400, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Divider(), |
|||
Container( |
|||
height: MediaQuery.of(context).size.height * 0.7, |
|||
child: new ListView( |
|||
scrollDirection: Axis.vertical, |
|||
children: <Widget>[ |
|||
ListTile( |
|||
title: Text("It's a spam"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(1), |
|||
), |
|||
ListTile( |
|||
title: Text("Nudity or sexual activity"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(2), |
|||
), |
|||
ListTile( |
|||
title: Text("I just don't like it"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(3), |
|||
), |
|||
ListTile( |
|||
title: Text("Hate speech or symbols"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(4), |
|||
), |
|||
ListTile( |
|||
title: Text("False information"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(5), |
|||
), |
|||
ListTile( |
|||
title: Text("Bullying harassment"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(6), |
|||
), |
|||
ListTile( |
|||
title: Text("Violence or dangerous organisations"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(7), |
|||
), |
|||
ListTile( |
|||
title: Text("Scam or fraud"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(8), |
|||
), |
|||
ListTile( |
|||
title: Text("Intellectual property violation"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(9), |
|||
), |
|||
ListTile( |
|||
title: Text("Sale of illegal or regulated goods"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(10), |
|||
), |
|||
ListTile( |
|||
title: Text("Suicide or self-injury"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(11), |
|||
), |
|||
ListTile( |
|||
title: Text("Eating disorders"), |
|||
trailing: Icon(Icons.arrow_forward_ios), |
|||
onTap: () => flagContent(12), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
} |
|||
@ -1,332 +0,0 @@ |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Classes/Firebase/Comments.dart'; |
|||
import 'package:teso/Classes/TesoUser.dart'; |
|||
import 'package:teso/Pages/PageWidgets/Posts/user3P_commentTitle.dart'; |
|||
import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/CommentsPost.dart'; |
|||
import 'package:teso/Pages/PageWidgets/ChatScreen/bottomBar.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:time_elapsed/time_elapsed.dart'; |
|||
|
|||
class CommentSection extends StatefulWidget { |
|||
final Post postedAd; |
|||
final TesoUser user; |
|||
CommentSection({ |
|||
Key key, |
|||
@required this.postedAd, |
|||
@required this.user, |
|||
}) : assert(postedAd != null), |
|||
assert(user != null), |
|||
super(key: key); |
|||
@override |
|||
_CommentSectionState createState() => _CommentSectionState(); |
|||
} |
|||
|
|||
class _CommentSectionState extends State<CommentSection> { |
|||
TextEditingController controller = new TextEditingController(); |
|||
final ScrollController listScrollController = ScrollController(); |
|||
List<FBComments> listMessage = <FBComments>[]; |
|||
int _limit = 20; |
|||
final int _limitIncrement = 20; |
|||
int total = 0; |
|||
var userDocs; |
|||
List<FBComments> latest = <FBComments>[]; |
|||
|
|||
_scrollListener() { |
|||
if (listScrollController.offset >= |
|||
listScrollController.position.maxScrollExtent && |
|||
!listScrollController.position.outOfRange) { |
|||
print("reach the bottom"); |
|||
setState(() { |
|||
print("reach the bottom"); |
|||
_limit += _limitIncrement; |
|||
}); |
|||
} |
|||
if (listScrollController.offset <= |
|||
listScrollController.position.minScrollExtent && |
|||
!listScrollController.position.outOfRange) { |
|||
print("reach the top"); |
|||
setState(() { |
|||
print("reach the top"); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
listScrollController.addListener(_scrollListener); |
|||
_listenComments(); |
|||
FirebaseFirestore.instance |
|||
.collection("users") |
|||
.doc(widget.postedAd.publisherID) |
|||
.get() |
|||
.then((value) { |
|||
setState(() { |
|||
userDocs = value.data(); |
|||
}); |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
controller.dispose(); |
|||
listScrollController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void sendComment(String text, int position) async { |
|||
TesoUser user = |
|||
Provider.of<UserProvider>(context, listen: false).currentUser; |
|||
if (controller.text.isNotEmpty) { |
|||
CommentsPost comment = new CommentsPost(); |
|||
SharedPreferences.getInstance().then((value) async { |
|||
comment.postId = widget.postedAd.postID; |
|||
comment.comment = text.trim(); |
|||
comment.timestamp = DateTime.now().toIso8601String(); |
|||
comment.commenterId = value.getString("id"); |
|||
comment.commentId = |
|||
"TESCPCM" + DateTime.now().toString() + value.getString("id"); |
|||
|
|||
setState(() { |
|||
latest.add(FBComments( |
|||
comment: comment.comment, |
|||
commenterID: comment.commenterId, |
|||
commentID: comment.commentId, |
|||
commenter: user.username, |
|||
postID: comment.postId, |
|||
thumbnail: user.thumbnail_dp, |
|||
timestamp: DateTime.now(), |
|||
)); |
|||
total++; |
|||
}); |
|||
}); |
|||
Provider.of<UserProvider>(context, listen: false).commentPost(comment); |
|||
controller.clear(); |
|||
} |
|||
} |
|||
|
|||
_listenComments() { |
|||
FirebaseFirestore.instance |
|||
.collection('posts') |
|||
.doc(widget.postedAd.postID) |
|||
.collection("comments") |
|||
.orderBy('timestamp') |
|||
.snapshots() |
|||
.listen((event) { |
|||
if (mounted) { |
|||
setState(() { |
|||
total = event.docs.length; |
|||
latest.clear(); |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
automaticallyImplyLeading: false, |
|||
centerTitle: true, |
|||
title: Text( |
|||
"$total comments", |
|||
style: TextStyle( |
|||
fontSize: 14, |
|||
), |
|||
), |
|||
actions: [ |
|||
IconButton( |
|||
onPressed: () => Navigator.pop(context), |
|||
icon: Icon( |
|||
Icons.close, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
body: Container( |
|||
height: MediaQuery.of(context).size.height, |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Stack( |
|||
children: [ |
|||
Container( |
|||
height: MediaQuery.of(context).size.height, |
|||
width: MediaQuery.of(context).size.width, |
|||
margin: EdgeInsets.only(bottom: 60), |
|||
child: StreamBuilder( |
|||
stream: FirebaseFirestore.instance |
|||
.collection('posts') |
|||
.doc(widget.postedAd.postID) |
|||
.collection("comments") |
|||
.orderBy('timestamp') |
|||
.limit(_limit) |
|||
.snapshots(), |
|||
builder: (context, snapshot) { |
|||
if (snapshot.data == null && |
|||
snapshot.connectionState == ConnectionState.waiting) { |
|||
return Center( |
|||
child: CircularProgressIndicator( |
|||
valueColor: AlwaysStoppedAnimation<Color>( |
|||
Theme.of(context).primaryColor))); |
|||
} else if (snapshot.data.docs.length == 0) { |
|||
if (widget.postedAd.title != null) { |
|||
return Align( |
|||
alignment: Alignment.topCenter, |
|||
child: buildPostTile3P( |
|||
context, widget.user, widget.postedAd), |
|||
); |
|||
} else { |
|||
return Container(); |
|||
} |
|||
} else { |
|||
QuerySnapshot results = snapshot.data; |
|||
listMessage = results.docs |
|||
.map((e) => FBComments.fromJSON(e.data())) |
|||
.toList(); |
|||
if (latest.length != 0) { |
|||
listMessage.addAll(latest); |
|||
} |
|||
|
|||
return ListView.builder( |
|||
padding: EdgeInsets.all(10.0), |
|||
itemCount: listMessage.length, |
|||
itemBuilder: (context, index) { |
|||
var formattedDate = DateFormat("yyyy-MM-dd HH:mm:ss") |
|||
.format(listMessage[index].timestamp); |
|||
if (index == 0 && widget.postedAd.title != null) { |
|||
return Column(children: [ |
|||
buildPostTile3P( |
|||
context, widget.user, widget.postedAd), |
|||
Divider(), |
|||
ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(serverLocation + |
|||
"api/pulldp/" + |
|||
snapshot.data.docs[index] |
|||
.data()['commenterID']), |
|||
placeholder: AssetImage( |
|||
"assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['commenter'] + |
|||
" ", |
|||
style: new TextStyle( |
|||
fontWeight: FontWeight.bold)), |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['comment']), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime( |
|||
DateTime.parse(formattedDate)), |
|||
), |
|||
), |
|||
]); |
|||
} |
|||
return ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(serverLocation + |
|||
"api/pulldp/" + |
|||
listMessage[index].commenterID), |
|||
placeholder: |
|||
AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: listMessage[index].commenter + " ", |
|||
style: new TextStyle( |
|||
fontWeight: FontWeight.bold)), |
|||
new TextSpan(text: listMessage[index].comment), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime( |
|||
DateTime.parse(formattedDate)), |
|||
), |
|||
); |
|||
}, |
|||
// reverse: true, |
|||
controller: listScrollController, |
|||
); |
|||
} |
|||
}, |
|||
), |
|||
), |
|||
Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: buildBottom( |
|||
context, |
|||
controller, |
|||
sendComment, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,155 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/widgets.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/util/SizeConfig.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
class DeletePost extends StatefulWidget { |
|||
final Post post; |
|||
const DeletePost({Key key, this.post}) : super(key: key); |
|||
|
|||
@override |
|||
_DeletePostState createState() => _DeletePostState(); |
|||
} |
|||
|
|||
class _DeletePostState extends State<DeletePost> { |
|||
@override |
|||
Widget build(BuildContext context) { |
|||
SizeConfig().init(context); |
|||
return Scaffold( |
|||
backgroundColor: Color.fromRGBO(0, 0, 0, 0.5), |
|||
body: Stack( |
|||
children: [ |
|||
Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: Container( |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: SizeConfig.blockSizeHorizontal * 5, |
|||
), |
|||
width: MediaQuery.of(context).size.width, |
|||
height: SizeConfig.blockSizeHorizontal * 52.6, |
|||
child: Column( |
|||
children: [ |
|||
_descriptionBox(context), |
|||
SizedBox( |
|||
height: 5, |
|||
), |
|||
_cancelDelete(context), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _descriptionBox(BuildContext context) { |
|||
return Container( |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(30.0), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(15), |
|||
topRight: Radius.circular(15), |
|||
bottomLeft: Radius.circular(15), |
|||
bottomRight: Radius.circular(15), |
|||
), |
|||
child: Material( |
|||
child: Container( |
|||
padding: EdgeInsets.all(10), |
|||
child: Column( |
|||
children: [ |
|||
SizedBox( |
|||
height: 5, |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.symmetric( |
|||
horizontal: SizeConfig.safeBlockHorizontal * 2), |
|||
padding: EdgeInsets.symmetric( |
|||
horizontal: SizeConfig.safeBlockHorizontal * 6), |
|||
alignment: Alignment.center, |
|||
child: Text( |
|||
"Once you proceed you cannot undo your actions . " + |
|||
"Are you sure you would like to delete this post ? ", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: Theme.of(context).colorScheme.secondary == |
|||
Color(0xFFfd0a35) |
|||
? Colors.white24 |
|||
: tesoBlue), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 10, |
|||
), |
|||
Divider(), |
|||
SizedBox( |
|||
height: 10, |
|||
), |
|||
InkWell( |
|||
onTap: () => Navigator.pop(context, true), |
|||
child: Container( |
|||
alignment: Alignment.center, |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Text( |
|||
"Delete", |
|||
style: TextStyle( |
|||
color: Colors.red, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.0, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
SizedBox( |
|||
height: 10, |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _cancelDelete(BuildContext context) { |
|||
return Container( |
|||
width: MediaQuery.of(context).size.width, |
|||
height: SizeConfig.safeBlockVertical * 6.5, |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(30.0), |
|||
), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(15), |
|||
topRight: Radius.circular(15), |
|||
bottomLeft: Radius.circular(15), |
|||
bottomRight: Radius.circular(15), |
|||
), |
|||
child: ColorFiltered( |
|||
colorFilter: ColorFilter.mode( |
|||
Colors.white.withOpacity(0.1), BlendMode.lighten), |
|||
child: Material( |
|||
child: Container( |
|||
padding: EdgeInsets.all(10), |
|||
child: InkWell( |
|||
onTap: () => Navigator.pop(context, false), |
|||
child: Text( |
|||
"Cancel", |
|||
textAlign: TextAlign.center, |
|||
style: TextStyle( |
|||
color: Colors.blueAccent, |
|||
fontSize: SizeConfig.safeBlockHorizontal * 4.5, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,103 +0,0 @@ |
|||
// import 'dart:typed_data'; |
|||
|
|||
// import 'package:teso/Classes/API%20Clasess/PostedAd.dart'; |
|||
// import 'package:teso/Pages/PageWidgets/Posts/comment.dart'; |
|||
// import 'package:teso/Pages/PageWidgets/Posts/expandedPost.dart'; |
|||
// import 'package:flutter/material.dart'; |
|||
// |
|||
// import 'package:teso/util/consts.dart'; |
|||
// import 'package:video_player/video_player.dart'; |
|||
|
|||
// class PostDetails extends StatefulWidget { |
|||
// final PostedAd type; |
|||
// const PostDetails({Key key, this.type}) : super(key: key); |
|||
// @override |
|||
// _PostDetailsState createState() => _PostDetailsState(post: type); |
|||
// } |
|||
|
|||
// class _PostDetailsState extends State<PostDetails> { |
|||
// PostedAd post; |
|||
// _PostDetailsState({this.post}); |
|||
// bool available = false; |
|||
// Uint8List bytes; |
|||
// TextEditingController controller; |
|||
// VideoPlayerController _videoPlayerController; |
|||
|
|||
// void deleteDialog(context) { |
|||
// showModalBottomSheet( |
|||
// context: context, |
|||
// shape: RoundedRectangleBorder( |
|||
// borderRadius: BorderRadius.vertical(top: Radius.circular(30.0)), |
|||
// ), |
|||
// builder: (BuildContext bc) { |
|||
// return Container( |
|||
// child: new Wrap( |
|||
// children: <Widget>[ |
|||
// new Container( |
|||
// width: double.infinity, |
|||
// margin: EdgeInsets.only( |
|||
// top: 20.0, |
|||
// bottom: 12.0, |
|||
// ), |
|||
// child: Center( |
|||
// child: Text( |
|||
// "Delete post", |
|||
// style: TextStyle( |
|||
// fontSize: 12.0, |
|||
// ), |
|||
// ), |
|||
// )), |
|||
// Padding( |
|||
// padding: const EdgeInsets.symmetric(horizontal: 20.0), |
|||
// child: Divider(), |
|||
// ), |
|||
// new ListTile( |
|||
// leading: new Icon(MaterialCommunityIcons.trash_can), |
|||
// title: new Text('Delete'), |
|||
// onTap: () => print("Delete")), |
|||
// ], |
|||
// ), |
|||
// ); |
|||
// }, |
|||
// ); |
|||
// } |
|||
|
|||
// @override |
|||
// void initState() { |
|||
// super.initState(); |
|||
// _videoPlayerController = |
|||
// VideoPlayerController.network(tesoStreaming + post.post.path) |
|||
// ..initialize().then((_) { |
|||
// _videoPlayerController.play(); |
|||
// _videoPlayerController.setLooping(true); |
|||
// setState(() {}); |
|||
// }); |
|||
// } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// return Scaffold( |
|||
// appBar: null, |
|||
// body: Container( |
|||
// margin: EdgeInsets.only( |
|||
// top: 50, |
|||
// left: 10, |
|||
// right: 10, |
|||
// ), |
|||
// height: MediaQuery.of(context).size.height, |
|||
// width: MediaQuery.of(context).size.width, |
|||
// child: SingleChildScrollView( |
|||
// scrollDirection: Axis.vertical, |
|||
// child: Column( |
|||
// children: [ |
|||
// buildPostDetails( |
|||
// context, post, deleteDialog, _videoPlayerController), |
|||
// Padding(padding: EdgeInsets.all(05)), |
|||
// buildCommentTile(context, available, bytes, controller), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,289 +0,0 @@ |
|||
import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
import 'package:page_transition/page_transition.dart'; |
|||
import 'package:provider/provider.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/CommentsPost.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
import 'package:teso/Pages/PageWidgets/ChatScreen/bottomBar.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/UserPosts.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
import 'package:intl/intl.dart'; |
|||
import 'package:time_elapsed/time_elapsed.dart'; |
|||
|
|||
// ignore: must_be_immutable |
|||
class CommentSection extends StatefulWidget { |
|||
FBPosts postedAd; |
|||
CommentSection({ |
|||
Key key, |
|||
@required this.postedAd, |
|||
}) : assert(postedAd != null), |
|||
super(key: key); |
|||
@override |
|||
_CommentSectionState createState() => _CommentSectionState(); |
|||
} |
|||
|
|||
class _CommentSectionState extends State<CommentSection> { |
|||
TextEditingController controller = new TextEditingController(); |
|||
final ScrollController listScrollController = ScrollController(); |
|||
List<QueryDocumentSnapshot> listMessage = new List.from([]); |
|||
int _limit = 20; |
|||
final int _limitIncrement = 20; |
|||
|
|||
_scrollListener() { |
|||
if (listScrollController.offset >= |
|||
listScrollController.position.maxScrollExtent && |
|||
!listScrollController.position.outOfRange) { |
|||
print("reach the bottom"); |
|||
setState(() { |
|||
print("reach the bottom"); |
|||
_limit += _limitIncrement; |
|||
}); |
|||
} |
|||
if (listScrollController.offset <= |
|||
listScrollController.position.minScrollExtent && |
|||
!listScrollController.position.outOfRange) { |
|||
print("reach the top"); |
|||
setState(() { |
|||
print("reach the top"); |
|||
}); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
listScrollController.addListener(_scrollListener); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
controller.dispose(); |
|||
listScrollController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
void sendComment(String text, int position) async { |
|||
if (controller.text.isNotEmpty) { |
|||
CommentsPost comment = new CommentsPost(); |
|||
SharedPreferences.getInstance().then((value) async { |
|||
comment.postId = widget.postedAd.postID; |
|||
comment.comment = text; |
|||
comment.timestamp = DateTime.now().toIso8601String(); |
|||
comment.commenterId = value.getString("id"); |
|||
comment.commentId = |
|||
"TESCPCM" + DateTime.now().toString() + value.getString("id"); |
|||
}); |
|||
// setState(() { |
|||
// widget.postedAd.comments.add(comment); |
|||
// }); |
|||
|
|||
Provider.of<UserProvider>(context, listen: false).commentPost(comment); |
|||
controller.clear(); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
title: Text("Comments"), |
|||
leading: IconButton( |
|||
icon: Icon( |
|||
Icons.arrow_back_ios, |
|||
), |
|||
onPressed: () => Navigator.pushReplacement( |
|||
context, |
|||
PageTransition( |
|||
child: UserPosts( |
|||
postedAd: widget.postedAd, |
|||
), |
|||
type: PageTransitionType.rightToLeft, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
body: Container( |
|||
height: MediaQuery.of(context).size.height, |
|||
width: MediaQuery.of(context).size.width, |
|||
child: Stack( |
|||
children: [ |
|||
Container( |
|||
height: MediaQuery.of(context).size.height, |
|||
width: MediaQuery.of(context).size.width, |
|||
margin: EdgeInsets.only(bottom: 60), |
|||
child: StreamBuilder( |
|||
stream: FirebaseFirestore.instance |
|||
.collection('posts') |
|||
.doc('comments') |
|||
.collection(widget.postedAd.postID) |
|||
.orderBy('timestamp') |
|||
.limit(_limit) |
|||
.snapshots(), |
|||
builder: (context, snapshot) { |
|||
if (snapshot.data == null && |
|||
snapshot.connectionState == ConnectionState.waiting) { |
|||
return Center( |
|||
child: CircularProgressIndicator( |
|||
valueColor: AlwaysStoppedAnimation<Color>( |
|||
Theme.of(context).primaryColor))); |
|||
} else if (snapshot.data.docs.length == 0) { |
|||
// if (widget.postedAd.title != null) { |
|||
// return Align( |
|||
// alignment: Alignment.topCenter, |
|||
// child: buildPostTile(context, widget.postedAd), |
|||
// ); |
|||
// } else { |
|||
return Container(); |
|||
// } |
|||
} else { |
|||
listMessage = snapshot.data.docs; |
|||
return ListView.builder( |
|||
padding: EdgeInsets.all(10.0), |
|||
itemCount: listMessage.length, |
|||
itemBuilder: (context, index) { |
|||
int timeInMillis = int.parse(snapshot.data.docs[index] |
|||
.data()['timestamp'] |
|||
.toString()); |
|||
var date = |
|||
DateTime.fromMillisecondsSinceEpoch(timeInMillis); |
|||
var formattedDate = |
|||
DateFormat("yyyy-MM-dd HH:mm:ss").format(date); |
|||
if (index == 0 && widget.postedAd.title != null) { |
|||
return Column(children: [ |
|||
// buildPostTile(context, widget.postedAd), |
|||
Divider(), |
|||
ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(serverLocation + |
|||
"api/pulldp/" + |
|||
snapshot.data.docs[index] |
|||
.data()['commenterID']), |
|||
placeholder: AssetImage( |
|||
"assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['commenter'] + |
|||
" ", |
|||
style: new TextStyle( |
|||
fontWeight: FontWeight.bold)), |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['comment']), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime( |
|||
DateTime.parse(formattedDate)), |
|||
), |
|||
), |
|||
]); |
|||
} |
|||
return ListTile( |
|||
leading: Container( |
|||
width: 40, |
|||
height: 40, |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
border: Border.all( |
|||
color: Colors.black, |
|||
width: 1, |
|||
)), |
|||
child: ClipRRect( |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(90.0), |
|||
topRight: Radius.circular(90.0), |
|||
bottomLeft: Radius.circular(90), |
|||
bottomRight: Radius.circular(90), |
|||
), |
|||
child: FadeInImage( |
|||
height: 90, |
|||
width: 90, |
|||
fit: BoxFit.fill, |
|||
image: NetworkImage(serverLocation + |
|||
"api/pulldp/" + |
|||
snapshot.data.docs[index] |
|||
.data()['commenterID']), |
|||
placeholder: |
|||
AssetImage("assets/images/tesoDP/dp1.png"), |
|||
), |
|||
), |
|||
), |
|||
title: new RichText( |
|||
text: new TextSpan( |
|||
style: new TextStyle( |
|||
fontSize: 14.0, |
|||
color: Theme.of(context).primaryColorLight, |
|||
), |
|||
children: <TextSpan>[ |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['commenter'] + |
|||
" ", |
|||
style: new TextStyle( |
|||
fontWeight: FontWeight.bold)), |
|||
new TextSpan( |
|||
text: snapshot.data.docs[index] |
|||
.data()['comment']), |
|||
], |
|||
), |
|||
), |
|||
subtitle: Text( |
|||
TimeElapsed.fromDateTime( |
|||
DateTime.parse(formattedDate)), |
|||
), |
|||
); |
|||
}, |
|||
// reverse: true, |
|||
controller: listScrollController, |
|||
); |
|||
} |
|||
}, |
|||
), |
|||
), |
|||
Align( |
|||
alignment: Alignment.bottomCenter, |
|||
child: buildBottom( |
|||
context, |
|||
controller, |
|||
sendComment, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,204 +0,0 @@ |
|||
import 'dart:convert'; |
|||
import 'dart:math'; |
|||
import 'package:http/http.dart' as http; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|||
import 'package:shared_preferences/shared_preferences.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Pages/PageWidgets/Home/homeTile.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/homeSub/VideoList.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
class HomeFeed extends StatefulWidget { |
|||
@override |
|||
_HomeFeedState createState() => _HomeFeedState(); |
|||
} |
|||
|
|||
class _HomeFeedState extends State<HomeFeed> { |
|||
ScrollController _controller; |
|||
// List<PostedAd> trends; |
|||
List<Post> show; |
|||
int count; |
|||
var _future; |
|||
List<Post> deadFeed; |
|||
RefreshController _refreshController = |
|||
RefreshController(initialRefresh: false); |
|||
|
|||
Future<List<Post>> pullAds() async { |
|||
try { |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
String token = prefs.getString("tokensTeso"); |
|||
Map<String, String> requestHeaders = { |
|||
'Content-type': 'application/json', |
|||
'Authorization': token |
|||
}; |
|||
var register = serverLocation + 'posts/homefeed'; |
|||
var client = |
|||
await http.post(Uri.parse(register), headers: requestHeaders); |
|||
if (client.statusCode == 200) { |
|||
var posts = jsonDecode(client.body); |
|||
setState(() { |
|||
this.show = List<Post>.from( |
|||
posts.map((model) => Post.fromJSON(model)).toList()); |
|||
// this.show.sort((b, a) => a.timestamp.compareTo(b.timestamp)); |
|||
}); |
|||
|
|||
await prefs.setString("homefeeds", client.body); |
|||
// await fetchImages(); |
|||
// |
|||
return show; |
|||
} else { |
|||
return null; |
|||
} |
|||
} catch (e) { |
|||
return null; |
|||
} |
|||
} |
|||
|
|||
void _scrollListener() { |
|||
if (_controller.offset >= _controller.position.maxScrollExtent && |
|||
!_controller.position.outOfRange) { |
|||
pullAds(); |
|||
} |
|||
} |
|||
|
|||
void _onRefresh() async { |
|||
try { |
|||
await pullAds(); |
|||
} catch (e) { |
|||
print(e); |
|||
} |
|||
_refreshController.refreshCompleted(); |
|||
} |
|||
|
|||
Future<void> watch(advert) async { |
|||
List<Post> towatch = <Post>[]; |
|||
towatch.add(advert); |
|||
if (show.length != 0) { |
|||
for (int i = 0; (i < show.length) && (i < 10); i++) { |
|||
final _random = new Random(); |
|||
towatch.add(show[_random.nextInt(show.length)]); |
|||
} |
|||
} else if (show.length == 0) { |
|||
for (int i = 0; (i < deadFeed.length) && (i < 10); i++) { |
|||
final _random = new Random(); |
|||
towatch.add(deadFeed[_random.nextInt(show.length)]); |
|||
} |
|||
} |
|||
Post reported = await Navigator.of(context).push( |
|||
new PageRouteBuilder( |
|||
pageBuilder: (_, __, ___) => new VideoList( |
|||
postedAd: towatch, |
|||
// posts: towatch, |
|||
// user: user, |
|||
//friend: addable, |
|||
), |
|||
), |
|||
); |
|||
if (reported != null) { |
|||
show.remove(reported); |
|||
SharedPreferences prefs = await SharedPreferences.getInstance(); |
|||
await prefs.setString("homefeeds", jsonEncode(show)); |
|||
|
|||
print(prefs.getString("homefeed")); |
|||
} |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
// WidgetsBinding.instance.addPostFrameCallback((_) => widget.toggle(1)); |
|||
_controller = ScrollController(); |
|||
_controller.addListener(_scrollListener); |
|||
count = 0; |
|||
// pullAds(); |
|||
SharedPreferences.getInstance().then((value) { |
|||
if (value.getString("homefeeds") != null) { |
|||
var posts = jsonDecode(value.getString("homefeeds")); |
|||
setState(() { |
|||
deadFeed = List<Post>.from( |
|||
posts.map((model) => Post.fromJSON(model)).toList()); |
|||
}); |
|||
} |
|||
}); |
|||
_future = pullAds(); |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_controller.dispose(); |
|||
_refreshController.dispose(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
body: FutureBuilder( |
|||
initialData: deadFeed, |
|||
future: _future, |
|||
builder: (context, snapshot) { |
|||
if (show == null && |
|||
deadFeed == null && |
|||
(snapshot.connectionState == ConnectionState.none || |
|||
snapshot.connectionState == ConnectionState.waiting)) { |
|||
return Center( |
|||
child: CupertinoActivityIndicator( |
|||
animating: true, |
|||
radius: 15, |
|||
), |
|||
); |
|||
} |
|||
if (show == null && |
|||
deadFeed == null && |
|||
snapshot.connectionState == ConnectionState.done) { |
|||
return SmartRefresher( |
|||
enablePullDown: true, |
|||
enablePullUp: false, |
|||
header: ClassicHeader(), |
|||
controller: _refreshController, |
|||
onRefresh: _onRefresh, |
|||
child: Container( |
|||
child: Center( |
|||
child: Text("An error occurred"), |
|||
), |
|||
), |
|||
); |
|||
} else { |
|||
show = show != null ? show : deadFeed; |
|||
return SmartRefresher( |
|||
enablePullDown: true, |
|||
enablePullUp: false, |
|||
header: ClassicHeader(), |
|||
controller: _refreshController, |
|||
onRefresh: _onRefresh, |
|||
child: StaggeredGridView.count( |
|||
controller: _controller, |
|||
crossAxisCount: 2, |
|||
children: List.generate(show.length, (int index) { |
|||
return show.elementAt(index).aspect == null || |
|||
show.elementAt(index).aspect == "null" |
|||
? Container() |
|||
: double.parse(show.elementAt(index).aspect.toString()) < |
|||
1 |
|||
? buildTile( |
|||
context, show.elementAt(index), 0.65, watch) |
|||
: buildTile( |
|||
context, show.elementAt(index), 0.35, watch); |
|||
}), |
|||
staggeredTiles: List.generate( |
|||
show.length, |
|||
(int index) { |
|||
return StaggeredTile.fit(1); |
|||
}, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter/rendering.dart'; |
|||
|
|||
import 'package:provider/provider.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/Pages/Sub_Pages/Posts/ViewPost.dart'; |
|||
import 'package:teso/providers/user_provider.dart'; |
|||
|
|||
class VideoList extends StatefulWidget { |
|||
final List<Post> postedAd; |
|||
|
|||
VideoList({Key key, this.postedAd}) : super(key: key); |
|||
|
|||
@override |
|||
_VideoListState createState() => _VideoListState(); |
|||
} |
|||
|
|||
class _VideoListState extends State<VideoList> { |
|||
@override |
|||
void initState() { |
|||
Provider.of<UserProvider>(context, listen: false) |
|||
.predownloadAds(widget.postedAd.map((e) => e.playbackID).toList()); |
|||
super.initState(); |
|||
} |
|||
|
|||
report(Post post) { |
|||
Navigator.pop(context, post); |
|||
Navigator.pop(context, post); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
appBar: AppBar( |
|||
automaticallyImplyLeading: true, |
|||
backgroundColor: Colors.transparent, |
|||
leading: InkWell( |
|||
onTap: () => Navigator.pop(context), |
|||
child: Container( |
|||
height: 50, |
|||
width: 40, |
|||
margin: EdgeInsets.symmetric( |
|||
vertical: 30.0, |
|||
horizontal: 10, |
|||
), |
|||
child: Icon( |
|||
Icons.arrow_back_ios, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
extendBodyBehindAppBar: true, |
|||
body: PageView( |
|||
scrollDirection: Axis.vertical, |
|||
children: List<ViewPost>.generate( |
|||
widget.postedAd.length > 10 ? 10 : widget.postedAd.length, |
|||
(index) => new ViewPost( |
|||
play: true, |
|||
postedAd: widget.postedAd[index], |
|||
report: report, |
|||
)), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1 +0,0 @@ |
|||
export 'uservideo_controller_service.dart'; |
|||
@ -1 +0,0 @@ |
|||
export 'video_controller_service.dart'; |
|||
@ -1,67 +0,0 @@ |
|||
import 'package:better_player/better_player.dart'; |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_cache_manager/flutter_cache_manager.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
abstract class VideoControllerService { |
|||
Future<BetterPlayerController> getControllerForVideo(FBPosts video); |
|||
} |
|||
|
|||
class CachedVideoControllerService extends VideoControllerService { |
|||
// ignore: unused_field |
|||
final BaseCacheManager _cacheManager; |
|||
|
|||
CachedVideoControllerService(this._cacheManager) |
|||
: assert(_cacheManager != null); |
|||
|
|||
@override |
|||
Future<BetterPlayerController> getControllerForVideo(FBPosts video) async { |
|||
try { |
|||
BetterPlayerDataSource betterPlayerDataSource = BetterPlayerDataSource( |
|||
BetterPlayerDataSourceType.network, |
|||
"https://stream.mux.com/${video.playbackID}.m3u8", |
|||
videoFormat: BetterPlayerVideoFormat.hls, |
|||
cacheConfiguration: BetterPlayerCacheConfiguration( |
|||
useCache: true, |
|||
), |
|||
); |
|||
|
|||
return BetterPlayerController( |
|||
BetterPlayerConfiguration( |
|||
autoPlay: true, |
|||
aspectRatio: double.tryParse(video.aspect), |
|||
looping: true, |
|||
fit: double.parse(video.aspect) < 1 |
|||
? BoxFit.fitHeight |
|||
: BoxFit.fitWidth, |
|||
showPlaceholderUntilPlay: true, |
|||
placeholder: Container( |
|||
child: Center( |
|||
child: CachedNetworkImage( |
|||
imageUrl: tesoPostThumb(video.playbackID), |
|||
imageBuilder: (context, imageProvider) => FadeInImage( |
|||
width: double.infinity, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: AssetImage("assets/images/blank.jpg"), |
|||
), |
|||
errorWidget: (context, url, error) => |
|||
Image.asset("assets/images/blank.jpg"), |
|||
), |
|||
), |
|||
), |
|||
controlsConfiguration: BetterPlayerControlsConfiguration( |
|||
showControls: false, |
|||
), |
|||
autoDispose: true, |
|||
), |
|||
betterPlayerDataSource: betterPlayerDataSource, |
|||
); |
|||
} catch (e) { |
|||
// return BetterPlayerController.network(tesoStreaming + "pd/" + video.path); |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
@ -1,66 +0,0 @@ |
|||
import 'package:better_player/better_player.dart'; |
|||
import 'package:cached_network_image/cached_network_image.dart'; |
|||
import 'package:flutter/cupertino.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_cache_manager/flutter_cache_manager.dart'; |
|||
import 'package:teso/Classes/API%20Clasess/Post.dart'; |
|||
import 'package:teso/util/consts.dart'; |
|||
|
|||
abstract class VideoControllerService { |
|||
Future<BetterPlayerController> getControllerForVideo(Post video); |
|||
} |
|||
|
|||
class CachedVideoControllerService extends VideoControllerService { |
|||
// ignore: unused_field |
|||
final BaseCacheManager _cacheManager; |
|||
|
|||
CachedVideoControllerService(this._cacheManager) |
|||
: assert(_cacheManager != null); |
|||
|
|||
@override |
|||
Future<BetterPlayerController> getControllerForVideo(Post video) async { |
|||
try { |
|||
BetterPlayerDataSource betterPlayerDataSource = BetterPlayerDataSource( |
|||
BetterPlayerDataSourceType.network, |
|||
"https://stream.mux.com/${video.playbackID}.m3u8", |
|||
videoFormat: BetterPlayerVideoFormat.hls, |
|||
cacheConfiguration: BetterPlayerCacheConfiguration( |
|||
useCache: true, |
|||
), |
|||
); |
|||
|
|||
return BetterPlayerController( |
|||
BetterPlayerConfiguration( |
|||
autoPlay: true, |
|||
aspectRatio: double.tryParse(video.aspect), |
|||
looping: true, |
|||
fit: BoxFit.fill, |
|||
showPlaceholderUntilPlay: true, |
|||
placeholder: Container( |
|||
child: Center( |
|||
child: CachedNetworkImage( |
|||
imageUrl: tesoPostThumb(video.playbackID), |
|||
imageBuilder: (context, imageProvider) => FadeInImage( |
|||
width: double.infinity, |
|||
fit: BoxFit.fill, |
|||
image: imageProvider, |
|||
placeholder: AssetImage("assets/images/blank.jpg"), |
|||
), |
|||
errorWidget: (context, url, error) => |
|||
Image.asset("assets/images/blank.jpg"), |
|||
), |
|||
), |
|||
), |
|||
controlsConfiguration: BetterPlayerControlsConfiguration( |
|||
showControls: false, |
|||
), |
|||
autoDispose: true, |
|||
), |
|||
betterPlayerDataSource: betterPlayerDataSource, |
|||
); |
|||
} catch (e) { |
|||
// return BetterPlayerController.network(tesoStreaming + "pd/" + video.path); |
|||
return null; |
|||
} |
|||
} |
|||
} |
|||
@ -1 +0,0 @@ |
|||
export 'video_player/video_player.dart'; |
|||
@ -1,3 +0,0 @@ |
|||
export 'video_player_bloc.dart'; |
|||
export 'uservideo_player_event.dart'; |
|||
export 'uservideo_player_state.dart'; |
|||
@ -1,28 +0,0 @@ |
|||
import 'package:bloc/bloc.dart'; |
|||
import 'package:teso/Services/services.dart'; |
|||
|
|||
import 'uservideo_player.dart'; |
|||
|
|||
class VideoPlayerBloc extends Bloc<VideoPlayerEvent, VideoPlayerState> { |
|||
final VideoControllerService _videoControllerService; |
|||
|
|||
VideoPlayerBloc(this._videoControllerService) |
|||
: assert(_videoControllerService != null), |
|||
super(null); |
|||
|
|||
VideoPlayerState get initialState => VideoPlayerStateInitial(); |
|||
|
|||
@override |
|||
Stream<VideoPlayerState> mapEventToState(VideoPlayerEvent event) async* { |
|||
if (event is VideoSelectedEvent) { |
|||
yield VideoPlayerStateLoading(); |
|||
try { |
|||
final videoController = |
|||
await _videoControllerService.getControllerForVideo(event.video); |
|||
yield VideoPlayerStateLoaded(event.video, videoController); |
|||
} catch (e) { |
|||
yield VideoPlayerStateError(e.message ?? 'An unknown error occurred'); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,16 +0,0 @@ |
|||
import 'package:equatable/equatable.dart'; |
|||
import 'package:teso/Classes/Firebase/Posts.dart'; |
|||
|
|||
abstract class VideoPlayerEvent extends Equatable { |
|||
@override |
|||
List<Object> get props => const []; |
|||
} |
|||
|
|||
class VideoSelectedEvent extends VideoPlayerEvent { |
|||
final FBPosts video; |
|||
|
|||
VideoSelectedEvent(this.video) : assert(video != null); |
|||
|
|||
@override |
|||
List<Object> get props => [video]; |
|||
} |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue