You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
516 lines
14 KiB
516 lines
14 KiB
3 years ago
|
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,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|