Merge pull request 'NOTIFICATION_EKA' (#42) from NOTIFICATION_EKA into master
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
Reviewed-on: #42FAVORITE_MUSICS_EKA
commit
fd9b015fa3
@ -1,438 +1,438 @@
|
|||||||
import 'package:auto_size_text/auto_size_text.dart';
|
import 'package:auto_size_text/auto_size_text.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
import 'package:google_fonts/google_fonts.dart';
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
import 'package:gradient_borders/box_borders/gradient_box_border.dart';
|
import 'package:gradient_borders/box_borders/gradient_box_border.dart';
|
||||||
import 'package:text_scroll/text_scroll.dart';
|
import 'package:text_scroll/text_scroll.dart';
|
||||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||||
|
|
||||||
import '../model/Post.dart';
|
import '../model/Post.dart';
|
||||||
|
|
||||||
class PostComponent extends StatefulWidget {
|
class PostComponent extends StatefulWidget {
|
||||||
final Function(int)? callback;
|
final Function(int)? callback;
|
||||||
final Post post;
|
final Post post;
|
||||||
final int index;
|
final int index;
|
||||||
|
|
||||||
PostComponent({Key? key, required this.callback, required this.post, required this.index}) : super(key: key);
|
PostComponent({Key? key, required this.callback, required this.post, required this.index}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<PostComponent> createState() => _PostComponentState();
|
State<PostComponent> createState() => _PostComponentState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _PostComponentState extends State<PostComponent> with TickerProviderStateMixin {
|
class _PostComponentState extends State<PostComponent> with TickerProviderStateMixin {
|
||||||
bool choice = false;
|
bool choice = false;
|
||||||
DateTime today = DateTime.now();
|
DateTime today = DateTime.now();
|
||||||
|
|
||||||
void switchChoice() {
|
void switchChoice() {
|
||||||
setState(() {
|
setState(() {
|
||||||
choice = !choice;
|
choice = !choice;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
print("post: ${widget.post.date.toString()}");
|
print("post: ${widget.post.date.toString()}");
|
||||||
print("ajrd: ${DateTime.now().toString()}");
|
print("ajrd: ${DateTime.now().toString()}");
|
||||||
super.initState();
|
super.initState();
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return GestureDetector(
|
return GestureDetector(
|
||||||
onTap: switchChoice,
|
onTap: switchChoice,
|
||||||
child: LayoutBuilder(
|
child: LayoutBuilder(
|
||||||
builder: (BuildContext context, BoxConstraints constraints) {
|
builder: (BuildContext context, BoxConstraints constraints) {
|
||||||
if (widget.callback == null) {
|
if (widget.callback == null) {
|
||||||
return SizedBox(
|
return SizedBox(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.end,
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||||||
children: [
|
children: [
|
||||||
ClipOval(
|
ClipOval(
|
||||||
child: SizedBox.fromSize(
|
child: SizedBox.fromSize(
|
||||||
// Image radius
|
// Image radius
|
||||||
child: Image(
|
child: Image(
|
||||||
image: NetworkImage(widget.post.user.pp),
|
image: NetworkImage(widget.post.user.pp),
|
||||||
width: 40,
|
width: 40,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.only(left: 10),
|
padding: const EdgeInsets.only(left: 10),
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Text(
|
||||||
widget.post.user.pseudo,
|
widget.post.user.pseudo,
|
||||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||||
),
|
),
|
||||||
widget.post.location.item2 != null
|
widget.post.location.item2 != null
|
||||||
? Text(
|
? Text(
|
||||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4),
|
color: Colors.white.withOpacity(0.4),
|
||||||
fontWeight: FontWeight.w300,
|
fontWeight: FontWeight.w300,
|
||||||
fontSize: 13),
|
fontSize: 13),
|
||||||
)
|
)
|
||||||
: Text(
|
: Text(
|
||||||
"",
|
"",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4),
|
color: Colors.white.withOpacity(0.4),
|
||||||
fontWeight: FontWeight.w300,
|
fontWeight: FontWeight.w300,
|
||||||
fontSize: 13),
|
fontSize: 13),
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||||
? Text(
|
? Text(
|
||||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||||
)
|
)
|
||||||
: Text(
|
: Text(
|
||||||
"${widget.post.date.day}/${widget.post.date.month}/${widget.post.date.year}-${widget.post.date.hour}:${widget.post.date.minute}",
|
"${widget.post.date.day}/${widget.post.date.month}/${widget.post.date.year}-${widget.post.date.hour}:${widget.post.date.minute}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
SizedBox(height: 10),
|
SizedBox(height: 10),
|
||||||
ZoomTapAnimation(
|
ZoomTapAnimation(
|
||||||
onTap: () {
|
onTap: () {
|
||||||
if (widget.post.selfie != null) {
|
if (widget.post.selfie != null) {
|
||||||
switchChoice();
|
switchChoice();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
enableLongTapRepeatEvent: false,
|
enableLongTapRepeatEvent: false,
|
||||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||||
begin: 1.0,
|
begin: 1.0,
|
||||||
end: 0.99,
|
end: 0.99,
|
||||||
beginDuration: const Duration(milliseconds: 70),
|
beginDuration: const Duration(milliseconds: 70),
|
||||||
endDuration: const Duration(milliseconds: 100),
|
endDuration: const Duration(milliseconds: 100),
|
||||||
beginCurve: Curves.decelerate,
|
beginCurve: Curves.decelerate,
|
||||||
endCurve: Curves.easeInOutSine,
|
endCurve: Curves.easeInOutSine,
|
||||||
child: AspectRatio(
|
child: AspectRatio(
|
||||||
aspectRatio: 1 / 1,
|
aspectRatio: 1 / 1,
|
||||||
child: Container(
|
child: Container(
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
// add border
|
// add border
|
||||||
border: const GradientBoxBorder(
|
border: const GradientBoxBorder(
|
||||||
gradient: LinearGradient(colors: [
|
gradient: LinearGradient(colors: [
|
||||||
Colors.transparent,
|
Colors.transparent,
|
||||||
Color(0xFF323232),
|
Color(0xFF323232),
|
||||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||||
width: 2.5,
|
width: 2.5,
|
||||||
),
|
),
|
||||||
// set border radius
|
// set border radius
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(20),
|
||||||
),
|
),
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(18),
|
borderRadius: BorderRadius.circular(18),
|
||||||
// implement image
|
// implement image
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.bottomCenter,
|
alignment: Alignment.bottomCenter,
|
||||||
children: [
|
children: [
|
||||||
Image(
|
Image(
|
||||||
image: NetworkImage(choice ? widget.post.selfie! : widget.post.music.cover!),
|
image: NetworkImage(choice ? widget.post.selfie! : widget.post.music.cover!),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
),
|
),
|
||||||
widget.post.selfie != null
|
widget.post.selfie != null
|
||||||
? Positioned(
|
? Positioned(
|
||||||
top: 0,
|
top: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: EdgeInsets.all(12),
|
padding: EdgeInsets.all(12),
|
||||||
child: Container(
|
child: Container(
|
||||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||||
width: 90.sp,
|
width: 90.sp,
|
||||||
height: 90.sp,
|
height: 90.sp,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
// add border
|
// add border
|
||||||
border: Border.all(width: 3, color: Colors.white),
|
border: Border.all(width: 3, color: Colors.white),
|
||||||
// set border radius
|
// set border radius
|
||||||
borderRadius: BorderRadius.circular(15),
|
borderRadius: BorderRadius.circular(15),
|
||||||
),
|
),
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(13),
|
borderRadius: BorderRadius.circular(13),
|
||||||
// implement image
|
// implement image
|
||||||
child: Image(
|
child: Image(
|
||||||
image: NetworkImage(
|
image: NetworkImage(
|
||||||
choice ? widget.post.music.cover! : widget.post.selfie!),
|
choice ? widget.post.music.cover! : widget.post.selfie!),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
))
|
))
|
||||||
: Container(),
|
: Container(),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
SizedBox(height: 15),
|
SizedBox(height: 15),
|
||||||
Row(
|
Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.end,
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: [
|
children: [
|
||||||
Flexible(
|
Flexible(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: TextScroll(
|
child: TextScroll(
|
||||||
widget.post.music.artists.first.name!,
|
widget.post.music.artists.first.name!,
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||||
mode: TextScrollMode.endless,
|
mode: TextScrollMode.endless,
|
||||||
pauseBetween: Duration(milliseconds: 500),
|
pauseBetween: Duration(milliseconds: 500),
|
||||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||||
)),
|
)),
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.only(bottom: 10.h, right: 5.w, left: 5.w),
|
padding: EdgeInsets.only(bottom: 10.h, right: 5.w, left: 5.w),
|
||||||
child: ClipOval(
|
child: ClipOval(
|
||||||
child: Container(
|
child: Container(
|
||||||
width: 5.h,
|
width: 5.h,
|
||||||
height: 5.h,
|
height: 5.h,
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: EdgeInsets.only(bottom: 2),
|
padding: EdgeInsets.only(bottom: 2),
|
||||||
child: TextScroll(
|
child: TextScroll(
|
||||||
widget.post.music.title!,
|
widget.post.music.title!,
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
height: 1, color: Colors.white, fontWeight: FontWeight.w300, fontSize: 16.h),
|
height: 1, color: Colors.white, fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||||
mode: TextScrollMode.endless,
|
mode: TextScrollMode.endless,
|
||||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||||
pauseBetween: Duration(milliseconds: 500),
|
pauseBetween: Duration(milliseconds: 500),
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
Container(width: 10),
|
Container(width: 10),
|
||||||
AutoSizeText(
|
AutoSizeText(
|
||||||
widget.post.music.date.toString(),
|
widget.post.music.date.toString(),
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.5), fontWeight: FontWeight.w300, fontSize: 16.h),
|
color: Colors.white.withOpacity(0.5), fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||||
textAlign: TextAlign.end,
|
textAlign: TextAlign.end,
|
||||||
maxFontSize: 20,
|
maxFontSize: 20,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
|
||||||
return SizedBox(
|
return SizedBox(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.end,
|
crossAxisAlignment: CrossAxisAlignment.end,
|
||||||
children: [
|
children: [
|
||||||
ClipOval(
|
ClipOval(
|
||||||
child: SizedBox.fromSize(
|
child: SizedBox.fromSize(
|
||||||
// Image radius
|
// Image radius
|
||||||
child: Image(
|
child: Image(
|
||||||
image: NetworkImage(widget.post.user.pp),
|
image: NetworkImage(widget.post.user.pp),
|
||||||
width: 40,
|
width: 40,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.only(left: 10),
|
padding: const EdgeInsets.only(left: 10),
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Text(
|
Text(
|
||||||
widget.post.user.pseudo,
|
widget.post.user.pseudo,
|
||||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||||
),
|
),
|
||||||
widget.post.location.item2 != null
|
widget.post.location.item2 != null
|
||||||
? Text(
|
? Text(
|
||||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4),
|
color: Colors.white.withOpacity(0.4),
|
||||||
fontWeight: FontWeight.w300,
|
fontWeight: FontWeight.w300,
|
||||||
fontSize: 13),
|
fontSize: 13),
|
||||||
)
|
)
|
||||||
: Text(
|
: Text(
|
||||||
"",
|
"",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4),
|
color: Colors.white.withOpacity(0.4),
|
||||||
fontWeight: FontWeight.w300,
|
fontWeight: FontWeight.w300,
|
||||||
fontSize: 13),
|
fontSize: 13),
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||||
? Text(
|
? Text(
|
||||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||||
)
|
)
|
||||||
: Text(
|
: Text(
|
||||||
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
SizedBox(height: 10),
|
SizedBox(height: 10),
|
||||||
ZoomTapAnimation(
|
ZoomTapAnimation(
|
||||||
onTap: () {
|
onTap: () {
|
||||||
widget.callback!(widget.index);
|
widget.callback!(widget.index);
|
||||||
},
|
},
|
||||||
enableLongTapRepeatEvent: false,
|
enableLongTapRepeatEvent: false,
|
||||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||||
begin: 1.0,
|
begin: 1.0,
|
||||||
end: 0.99,
|
end: 0.99,
|
||||||
beginDuration: const Duration(milliseconds: 70),
|
beginDuration: const Duration(milliseconds: 70),
|
||||||
endDuration: const Duration(milliseconds: 100),
|
endDuration: const Duration(milliseconds: 100),
|
||||||
beginCurve: Curves.decelerate,
|
beginCurve: Curves.decelerate,
|
||||||
endCurve: Curves.easeInOutSine,
|
endCurve: Curves.easeInOutSine,
|
||||||
child: AspectRatio(
|
child: AspectRatio(
|
||||||
aspectRatio: 1 / 1,
|
aspectRatio: 1 / 1,
|
||||||
child: Container(
|
child: Container(
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
// add border
|
// add border
|
||||||
border: const GradientBoxBorder(
|
border: const GradientBoxBorder(
|
||||||
gradient: LinearGradient(colors: [
|
gradient: LinearGradient(colors: [
|
||||||
Colors.transparent,
|
Colors.transparent,
|
||||||
Color(0xFF323232),
|
Color(0xFF323232),
|
||||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||||
width: 2.5,
|
width: 2.5,
|
||||||
),
|
),
|
||||||
// set border radius
|
// set border radius
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(20),
|
||||||
),
|
),
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(18),
|
borderRadius: BorderRadius.circular(18),
|
||||||
// implement image
|
// implement image
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.bottomCenter,
|
alignment: Alignment.bottomCenter,
|
||||||
children: [
|
children: [
|
||||||
Image(
|
Image(
|
||||||
image: NetworkImage(widget.post.music.cover!),
|
image: NetworkImage(widget.post.music.cover!),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
),
|
),
|
||||||
Image(
|
Image(
|
||||||
image: AssetImage("assets/images/shadow_post.png"),
|
image: AssetImage("assets/images/shadow_post.png"),
|
||||||
opacity: AnimationController(vsync: this, value: 0.7),
|
opacity: AnimationController(vsync: this, value: 0.7),
|
||||||
fit: BoxFit.fitHeight,
|
fit: BoxFit.fitHeight,
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
),
|
),
|
||||||
widget.post.description == null
|
widget.post.description == null
|
||||||
? Container()
|
? Container()
|
||||||
: Padding(
|
: Padding(
|
||||||
padding: EdgeInsets.all(15),
|
padding: EdgeInsets.all(15),
|
||||||
child: AutoSizeText(
|
child: AutoSizeText(
|
||||||
'“${widget.post.description}”',
|
'“${widget.post.description}”',
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white, fontWeight: FontWeight.w400, fontSize: 15.sp),
|
color: Colors.white, fontWeight: FontWeight.w400, fontSize: 15.sp),
|
||||||
maxFontSize: 20,
|
maxFontSize: 20,
|
||||||
maxLines: 1,
|
maxLines: 1,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
widget.post.selfie != null
|
widget.post.selfie != null
|
||||||
? Positioned(
|
? Positioned(
|
||||||
top: 0,
|
top: 0,
|
||||||
right: 0,
|
right: 0,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: EdgeInsets.all(12),
|
padding: EdgeInsets.all(12),
|
||||||
child: Container(
|
child: Container(
|
||||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||||
width: 90.sp,
|
width: 90.sp,
|
||||||
height: 90.sp,
|
height: 90.sp,
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
// add border
|
// add border
|
||||||
border: Border.all(width: 3, color: Colors.white),
|
border: Border.all(width: 3, color: Colors.white),
|
||||||
// set border radius
|
// set border radius
|
||||||
borderRadius: BorderRadius.circular(15),
|
borderRadius: BorderRadius.circular(15),
|
||||||
),
|
),
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(13),
|
borderRadius: BorderRadius.circular(13),
|
||||||
// implement image
|
// implement image
|
||||||
child: Image(
|
child: Image(
|
||||||
image: NetworkImage(widget.post.selfie!),
|
image: NetworkImage(widget.post.selfie!),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
))
|
))
|
||||||
: Container(),
|
: Container(),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
SizedBox(height: 15),
|
SizedBox(height: 15),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: 60,
|
height: 60,
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Row(
|
Row(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: EdgeInsets.only(bottom: 2),
|
padding: EdgeInsets.only(bottom: 2),
|
||||||
child: TextScroll(
|
child: TextScroll(
|
||||||
widget.post.music.title!,
|
widget.post.music.title!,
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||||
mode: TextScrollMode.endless,
|
mode: TextScrollMode.endless,
|
||||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||||
pauseBetween: Duration(milliseconds: 500),
|
pauseBetween: Duration(milliseconds: 500),
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
Container(width: 10),
|
Container(width: 10),
|
||||||
AutoSizeText(
|
AutoSizeText(
|
||||||
widget.post.music.date.toString(),
|
widget.post.music.date.toString(),
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||||
textAlign: TextAlign.end,
|
textAlign: TextAlign.end,
|
||||||
maxFontSize: 20,
|
maxFontSize: 20,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
Expanded(
|
Expanded(
|
||||||
flex: 8,
|
flex: 8,
|
||||||
child: TextScroll(
|
child: TextScroll(
|
||||||
widget.post.music.artists.first.name!,
|
widget.post.music.artists.first.name!,
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
height: 1,
|
height: 1,
|
||||||
color: Colors.white.withOpacity(0.5),
|
color: Colors.white.withOpacity(0.5),
|
||||||
fontWeight: FontWeight.w300,
|
fontWeight: FontWeight.w300,
|
||||||
fontSize: 16.h),
|
fontSize: 16.h),
|
||||||
mode: TextScrollMode.endless,
|
mode: TextScrollMode.endless,
|
||||||
pauseBetween: Duration(milliseconds: 500),
|
pauseBetween: Duration(milliseconds: 500),
|
||||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||||
)),
|
)),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
));
|
));
|
||||||
},
|
},
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,13 +1,14 @@
|
|||||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||||
|
|
||||||
import '../../main.dart';
|
import '../../main.dart';
|
||||||
import '../Comment.dart';
|
import '../Comment.dart';
|
||||||
import '../User.dart';
|
import '../User.dart';
|
||||||
|
|
||||||
class CommentMapper {
|
class CommentMapper {
|
||||||
static Future<Comment> toModel(DocumentSnapshot<Map<String, dynamic>> snapshot) async {
|
static Future<Comment> toModel(
|
||||||
final data = snapshot.data();
|
DocumentSnapshot<Map<String, dynamic>> snapshot) async {
|
||||||
User? user = await MyApp.userViewModel.getUser(data?['user_id']);
|
final data = snapshot.data();
|
||||||
return Comment(snapshot.id, user!, data?["text"] ?? "", data?["date"].toDate());
|
User? user = await MyApp.userViewModel.getUser(data?['user_id']);
|
||||||
}
|
return Comment(snapshot.id, user!, data?["text"], data?["date"].toDate());
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@ -1,242 +1,273 @@
|
|||||||
import 'dart:async';
|
import 'dart:async';
|
||||||
import 'package:circular_reveal_animation/circular_reveal_animation.dart';
|
import 'package:circular_reveal_animation/circular_reveal_animation.dart';
|
||||||
import 'package:flutter/cupertino.dart';
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
import 'package:google_fonts/google_fonts.dart';
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
import 'package:justmusic/main.dart';
|
import 'package:justmusic/main.dart';
|
||||||
import 'package:justmusic/main.dart';
|
import 'package:justmusic/main.dart';
|
||||||
import 'package:tuple/tuple.dart';
|
import 'package:tuple/tuple.dart';
|
||||||
import '../components/post_component.dart';
|
import '../components/post_component.dart';
|
||||||
import '../components/top_nav_bar_component.dart';
|
import '../components/top_nav_bar_component.dart';
|
||||||
import '../model/Post.dart';
|
import '../model/Post.dart';
|
||||||
import '../values/constants.dart';
|
import '../values/constants.dart';
|
||||||
import 'detail_post_screen.dart';
|
import 'detail_post_screen.dart';
|
||||||
|
|
||||||
class FeedScreen extends StatefulWidget {
|
class FeedScreen extends StatefulWidget {
|
||||||
const FeedScreen({Key? key}) : super(key: key);
|
const FeedScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<FeedScreen> createState() => _FeedScreenState();
|
State<FeedScreen> createState() => _FeedScreenState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateMixin {
|
class _FeedScreenState extends State<FeedScreen>
|
||||||
late AnimationController animationController;
|
with SingleTickerProviderStateMixin {
|
||||||
late Animation<double> animation;
|
late AnimationController animationController;
|
||||||
late List<Post> friendFeed;
|
late Animation<double> animation;
|
||||||
Timer? timer;
|
late List<Post> friendFeed;
|
||||||
|
Timer? timer;
|
||||||
late List<Post> discoveryFeed;
|
|
||||||
late List<Post> displayFeed;
|
late List<Post> discoveryFeed;
|
||||||
bool isDismissed = true;
|
late List<Post> displayFeed;
|
||||||
bool choiceFeed = false;
|
bool isDismissed = true;
|
||||||
|
bool choiceFeed = false;
|
||||||
@override
|
|
||||||
void initState() {
|
@override
|
||||||
super.initState();
|
void initState() {
|
||||||
friendFeed = MyApp.postViewModel.postsFriends;
|
super.initState();
|
||||||
discoveryFeed = MyApp.postViewModel.bestPosts;
|
friendFeed = MyApp.postViewModel.postsFriends;
|
||||||
animationController = AnimationController(
|
discoveryFeed = MyApp.postViewModel.bestPosts;
|
||||||
vsync: this,
|
animationController = AnimationController(
|
||||||
duration: Duration(milliseconds: 400),
|
vsync: this,
|
||||||
);
|
duration: Duration(milliseconds: 400),
|
||||||
animation = CurvedAnimation(
|
);
|
||||||
parent: animationController,
|
animation = CurvedAnimation(
|
||||||
curve: Curves.easeInOutSine,
|
parent: animationController,
|
||||||
);
|
curve: Curves.easeInOutSine,
|
||||||
animationController.forward();
|
);
|
||||||
}
|
animationController.forward();
|
||||||
|
}
|
||||||
Future _refresh() async {
|
|
||||||
if (choiceFeed) {
|
Future _refresh() async {
|
||||||
await MyApp.postViewModel.getBestPosts();
|
if (choiceFeed) {
|
||||||
setState(() {});
|
await MyApp.postViewModel.getBestPosts();
|
||||||
} else {
|
setState(() {});
|
||||||
await MyApp.postViewModel.getPostsFriends();
|
} else {
|
||||||
setState(() {});
|
await MyApp.postViewModel.getPostsFriends();
|
||||||
}
|
setState(() {});
|
||||||
}
|
}
|
||||||
|
}
|
||||||
void changeFeed(bool choice) {
|
|
||||||
// Mettez ici le code pour l'action que vous souhaitez effectuer avec le paramètre
|
void changeFeed(bool choice) {
|
||||||
if (choice) {
|
// Mettez ici le code pour l'action que vous souhaitez effectuer avec le paramètre
|
||||||
setState(() {
|
if (choice) {
|
||||||
animationController.reset();
|
setState(() {
|
||||||
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
animationController.reset();
|
||||||
animationController.forward();
|
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
||||||
choiceFeed = false;
|
animationController.forward();
|
||||||
});
|
choiceFeed = false;
|
||||||
} else {
|
});
|
||||||
setState(() {
|
} else {
|
||||||
animationController.reset();
|
setState(() {
|
||||||
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
animationController.reset();
|
||||||
animationController.forward();
|
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
||||||
choiceFeed = true;
|
animationController.forward();
|
||||||
});
|
choiceFeed = true;
|
||||||
}
|
});
|
||||||
}
|
}
|
||||||
|
}
|
||||||
void openDetailPost(int index) {
|
|
||||||
showModalBottomSheet(
|
void openDetailPost(int index) {
|
||||||
backgroundColor: bgModal,
|
showModalBottomSheet(
|
||||||
elevation: 1,
|
backgroundColor: bgModal,
|
||||||
constraints: const BoxConstraints(
|
elevation: 1,
|
||||||
maxWidth: 600,
|
constraints: const BoxConstraints(
|
||||||
),
|
maxWidth: 600,
|
||||||
isScrollControlled: true,
|
),
|
||||||
context: context,
|
isScrollControlled: true,
|
||||||
shape: const RoundedRectangleBorder(
|
context: context,
|
||||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
shape: const RoundedRectangleBorder(
|
||||||
builder: ((BuildContext context) {
|
borderRadius: BorderRadius.only(
|
||||||
return ClipRRect(
|
topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
||||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
builder: ((BuildContext context) {
|
||||||
child: DetailPostScreen(post: displayFeed[index]));
|
return ClipRRect(
|
||||||
}),
|
borderRadius: BorderRadius.only(
|
||||||
);
|
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||||
}
|
child: DetailPostScreen(post: displayFeed[index]));
|
||||||
|
}),
|
||||||
_fetchData() async {
|
);
|
||||||
friendFeed = await MyApp.postViewModel.getPostsFriends();
|
}
|
||||||
discoveryFeed = await MyApp.postViewModel.getBestPosts();
|
|
||||||
return Tuple2(friendFeed, displayFeed);
|
_fetchData() async {
|
||||||
}
|
friendFeed = await MyApp.postViewModel.getPostsFriends();
|
||||||
|
discoveryFeed = await MyApp.postViewModel.getBestPosts();
|
||||||
@override
|
return Tuple2(friendFeed, displayFeed);
|
||||||
Widget build(BuildContext context) {
|
}
|
||||||
if (choiceFeed) {
|
|
||||||
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
@override
|
||||||
} else {
|
Widget build(BuildContext context) {
|
||||||
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
if (choiceFeed) {
|
||||||
}
|
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
||||||
_fetchData();
|
} else {
|
||||||
|
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
||||||
return Scaffold(
|
}
|
||||||
resizeToAvoidBottomInset: true,
|
_fetchData();
|
||||||
backgroundColor: bgColor,
|
|
||||||
extendBodyBehindAppBar: true,
|
return Scaffold(
|
||||||
body: displayFeed.isEmpty
|
resizeToAvoidBottomInset: true,
|
||||||
? Container(
|
backgroundColor: bgColor,
|
||||||
width: double.infinity,
|
extendBodyBehindAppBar: true,
|
||||||
child: Stack(
|
body: displayFeed.isEmpty
|
||||||
fit: StackFit.expand,
|
? Container(
|
||||||
children: [
|
width: double.infinity,
|
||||||
Container(
|
child: Stack(
|
||||||
decoration: const BoxDecoration(
|
fit: StackFit.expand,
|
||||||
image: DecorationImage(
|
children: [
|
||||||
image: AssetImage("assets/images/empty_bg.png"), fit: BoxFit.cover, opacity: 0.3),
|
Container(
|
||||||
),
|
decoration: const BoxDecoration(
|
||||||
child: Padding(
|
image: DecorationImage(
|
||||||
padding: EdgeInsets.only(top: 140.h, left: defaultPadding),
|
image: AssetImage("assets/images/empty_bg.png"),
|
||||||
child: Column(
|
fit: BoxFit.cover,
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
opacity: 0.3),
|
||||||
children: [
|
),
|
||||||
Text("Suis tes amis pour voir leurs capsules",
|
child: Padding(
|
||||||
style: GoogleFonts.plusJakartaSans(
|
padding:
|
||||||
color: Colors.white, fontSize: 23, fontWeight: FontWeight.w800))
|
EdgeInsets.only(top: 140.h, left: defaultPadding),
|
||||||
],
|
child: Column(
|
||||||
),
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
),
|
children: [
|
||||||
),
|
Text("Suis tes amis pour voir leurs capsules",
|
||||||
Align(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
alignment: Alignment.topCenter,
|
color: Colors.white,
|
||||||
child: IgnorePointer(
|
fontSize: 23,
|
||||||
child: Container(
|
fontWeight: FontWeight.w800))
|
||||||
height: 240.h,
|
],
|
||||||
decoration: BoxDecoration(
|
),
|
||||||
gradient: LinearGradient(
|
),
|
||||||
begin: Alignment.topRight,
|
),
|
||||||
stops: [0.3, 1],
|
Align(
|
||||||
colors: [bgColor.withOpacity(0.9), bgColor.withOpacity(0)])),
|
alignment: Alignment.topCenter,
|
||||||
),
|
child: IgnorePointer(
|
||||||
),
|
child: Container(
|
||||||
),
|
height: 240.h,
|
||||||
Align(
|
decoration: BoxDecoration(
|
||||||
alignment: Alignment.topCenter,
|
gradient: LinearGradient(
|
||||||
child: ConstrainedBox(
|
begin: Alignment.topRight,
|
||||||
constraints: BoxConstraints(maxWidth: 800),
|
stops: [
|
||||||
child: TopNavBarComponent(callback: changeFeed),
|
0.3,
|
||||||
),
|
1
|
||||||
),
|
],
|
||||||
],
|
colors: [
|
||||||
),
|
bgColor.withOpacity(0.9),
|
||||||
)
|
bgColor.withOpacity(0)
|
||||||
: Container(
|
])),
|
||||||
width: double.infinity,
|
),
|
||||||
height: double.infinity,
|
),
|
||||||
child: Stack(
|
),
|
||||||
fit: StackFit.expand,
|
Align(
|
||||||
children: [
|
alignment: Alignment.topCenter,
|
||||||
Expanded(
|
child: ConstrainedBox(
|
||||||
child: Align(
|
constraints: BoxConstraints(maxWidth: 800),
|
||||||
alignment: Alignment.topCenter,
|
child: TopNavBarComponent(callback: changeFeed),
|
||||||
child: CircularRevealAnimation(
|
),
|
||||||
animation: animation,
|
),
|
||||||
centerOffset: Offset(30.w, -100),
|
],
|
||||||
child: Expanded(
|
),
|
||||||
child: Container(
|
)
|
||||||
height: double.infinity,
|
: Container(
|
||||||
constraints: BoxConstraints(maxWidth: 600),
|
width: double.infinity,
|
||||||
padding: EdgeInsets.fromLTRB(defaultPadding, 100.h, defaultPadding, 0),
|
height: double.infinity,
|
||||||
child: Expanded(
|
child: Stack(
|
||||||
child: FutureBuilder(
|
fit: StackFit.expand,
|
||||||
future: _fetchData(),
|
children: [
|
||||||
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
|
Expanded(
|
||||||
if (snapshot.hasData) {
|
child: Align(
|
||||||
return RefreshIndicator(
|
alignment: Alignment.topCenter,
|
||||||
displacement: 20,
|
child: CircularRevealAnimation(
|
||||||
triggerMode: RefreshIndicatorTriggerMode.onEdge,
|
animation: animation,
|
||||||
onRefresh: _refresh,
|
centerOffset: Offset(30.w, -100),
|
||||||
child: Expanded(
|
child: Expanded(
|
||||||
child: ListView.builder(
|
child: Container(
|
||||||
physics: const AlwaysScrollableScrollPhysics(),
|
height: double.infinity,
|
||||||
clipBehavior: Clip.none,
|
constraints: BoxConstraints(maxWidth: 600),
|
||||||
shrinkWrap: true,
|
padding: EdgeInsets.fromLTRB(
|
||||||
itemCount: displayFeed.length,
|
defaultPadding, 100.h, defaultPadding, 0),
|
||||||
itemBuilder: (BuildContext context, int index) {
|
child: Expanded(
|
||||||
return Padding(
|
child: FutureBuilder(
|
||||||
padding: const EdgeInsets.only(bottom: 40),
|
future: _fetchData(),
|
||||||
child: PostComponent(
|
builder: (BuildContext context,
|
||||||
callback: openDetailPost, post: displayFeed[index], index: index),
|
AsyncSnapshot<dynamic> snapshot) {
|
||||||
);
|
if (snapshot.hasData) {
|
||||||
},
|
return RefreshIndicator(
|
||||||
),
|
displacement: 20,
|
||||||
),
|
triggerMode:
|
||||||
);
|
RefreshIndicatorTriggerMode
|
||||||
} else {
|
.onEdge,
|
||||||
return Center(
|
onRefresh: _refresh,
|
||||||
child: CupertinoActivityIndicator(),
|
child: Expanded(
|
||||||
);
|
child: ListView.builder(
|
||||||
}
|
physics:
|
||||||
},
|
const AlwaysScrollableScrollPhysics(),
|
||||||
),
|
clipBehavior: Clip.none,
|
||||||
)),
|
shrinkWrap: true,
|
||||||
),
|
itemCount: displayFeed.length,
|
||||||
),
|
itemBuilder:
|
||||||
),
|
(BuildContext context,
|
||||||
),
|
int index) {
|
||||||
Align(
|
return Padding(
|
||||||
alignment: Alignment.topCenter,
|
padding:
|
||||||
child: IgnorePointer(
|
const EdgeInsets.only(
|
||||||
child: Container(
|
bottom: 40),
|
||||||
height: 240.h,
|
child: PostComponent(
|
||||||
decoration: BoxDecoration(
|
callback: openDetailPost,
|
||||||
gradient: LinearGradient(
|
post: displayFeed[index],
|
||||||
begin: Alignment.topRight,
|
index: index),
|
||||||
stops: [0.3, 1],
|
);
|
||||||
colors: [bgColor.withOpacity(0.9), bgColor.withOpacity(0)])),
|
},
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
);
|
||||||
Align(
|
} else {
|
||||||
alignment: Alignment.topCenter,
|
return Center(
|
||||||
child: ConstrainedBox(
|
child: CupertinoActivityIndicator(),
|
||||||
constraints: BoxConstraints(maxWidth: 800),
|
);
|
||||||
child: TopNavBarComponent(callback: changeFeed),
|
}
|
||||||
),
|
},
|
||||||
),
|
),
|
||||||
],
|
)),
|
||||||
),
|
),
|
||||||
));
|
),
|
||||||
}
|
),
|
||||||
}
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.topCenter,
|
||||||
|
child: IgnorePointer(
|
||||||
|
child: Container(
|
||||||
|
height: 240.h,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
gradient: LinearGradient(
|
||||||
|
begin: Alignment.topRight,
|
||||||
|
stops: [
|
||||||
|
0.3,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
colors: [
|
||||||
|
bgColor.withOpacity(0.9),
|
||||||
|
bgColor.withOpacity(0)
|
||||||
|
])),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: Alignment.topCenter,
|
||||||
|
child: ConstrainedBox(
|
||||||
|
constraints: BoxConstraints(maxWidth: 800),
|
||||||
|
child: TopNavBarComponent(callback: changeFeed),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -1,22 +1,28 @@
|
|||||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||||
|
|
||||||
import '../main.dart';
|
import '../main.dart';
|
||||||
|
|
||||||
class CommentService {
|
class CommentService {
|
||||||
createComment(String text, String idPost) async {
|
createComment(String text, String idPost) async {
|
||||||
var id = MyApp.userViewModel.userCurrent.id;
|
var id = MyApp.userViewModel.userCurrent.id;
|
||||||
final comment = <String, dynamic>{"user_id": id, "text": text, "date": DateTime.now(), "post_id": idPost};
|
final comment = <String, dynamic>{
|
||||||
|
"user_id": id,
|
||||||
await MyApp.db.collection("comments").add(comment);
|
"text": text,
|
||||||
}
|
"date": DateTime.now(),
|
||||||
|
"post_id": idPost
|
||||||
Future<List<QueryDocumentSnapshot<Map<String, dynamic>>>> getCommentsByPostId(String id) async {
|
};
|
||||||
var response = await FirebaseFirestore.instance
|
|
||||||
.collection("comments")
|
await MyApp.db.collection("comments").add(comment);
|
||||||
.where("post_id", isEqualTo: id)
|
}
|
||||||
.orderBy("date", descending: true)
|
|
||||||
.get();
|
Future<List<QueryDocumentSnapshot<Map<String, dynamic>>>> getCommentsByPostId(
|
||||||
|
String id) async {
|
||||||
return response.docs;
|
var response = await FirebaseFirestore.instance
|
||||||
}
|
.collection("comments")
|
||||||
}
|
.where("post_id", isEqualTo: id)
|
||||||
|
.orderBy("date", descending: true)
|
||||||
|
.get();
|
||||||
|
|
||||||
|
return response.docs;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -0,0 +1,31 @@
|
|||||||
|
import 'dart:convert';
|
||||||
|
import 'package:http/http.dart' as http;
|
||||||
|
|
||||||
|
class NotificationService {
|
||||||
|
sendPushMessage(String token, String title, String body) async {
|
||||||
|
try {
|
||||||
|
await http.post(Uri.parse('https://fcm.googleapis.com/fcm/send'),
|
||||||
|
headers: <String, String>{
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
'Authorization':
|
||||||
|
'key=AAAA56TmIPg:APA91bFeKMr_i6CbUuuUdFI1XkdaNE2A7OVHzxrPIsOSlDfhR6qzZwof7JNGxthWUKj1dRHQMheWNYaLbf3AtXUp9o4DX_gB2073yR4urqUEh9CjvnxVws_9g1cWMgmFS3EpaQEA3icC'
|
||||||
|
},
|
||||||
|
body: jsonEncode(<String, dynamic>{
|
||||||
|
'priority': 'high',
|
||||||
|
'data': <String, dynamic>{
|
||||||
|
'click_action': 'FLUTTER_NOTIFICATION_CLICK',
|
||||||
|
'status': 'done',
|
||||||
|
'body': body,
|
||||||
|
'title': title
|
||||||
|
},
|
||||||
|
"notification": <String, dynamic>{
|
||||||
|
"title": title,
|
||||||
|
"body": body,
|
||||||
|
},
|
||||||
|
"to": token,
|
||||||
|
}));
|
||||||
|
} catch (e) {
|
||||||
|
print("error push notification");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,6 @@
|
|||||||
|
import 'package:justmusic/services/NotificationService.dart';
|
||||||
|
|
||||||
|
Future<void> main() async {
|
||||||
|
var notif = NotificationService();
|
||||||
|
await notif.sendPushMessage("cAJAJw_aR7yPQbFTMS-r6H:APA91bEZs34Ab3-xSYeIGykHrxD5pRj-OyODaEcNBPtds1eLzEH0uzFkzCSQY7BvZQHEFPfeHSN7nri4webskXbu1zzgwe9NIdPagsc6IHaouuewWqWd9V7ucTeDeYt1Sbby4-pb6jtA", "Just Music", "Vien voir les nouveautés");
|
||||||
|
}
|
Loading…
Reference in new issue