Merge with master
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
1a723656fe
commit
2c9b8c1336
@ -1,438 +1,438 @@
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:gradient_borders/box_borders/gradient_box_border.dart';
|
||||
import 'package:text_scroll/text_scroll.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../model/Post.dart';
|
||||
|
||||
class PostComponent extends StatefulWidget {
|
||||
final Function(int)? callback;
|
||||
final Post post;
|
||||
final int index;
|
||||
|
||||
PostComponent({Key? key, required this.callback, required this.post, required this.index}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<PostComponent> createState() => _PostComponentState();
|
||||
}
|
||||
|
||||
class _PostComponentState extends State<PostComponent> with TickerProviderStateMixin {
|
||||
bool choice = false;
|
||||
DateTime today = DateTime.now();
|
||||
|
||||
void switchChoice() {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
print("post: ${widget.post.date.toString()}");
|
||||
print("ajrd: ${DateTime.now().toString()}");
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: switchChoice,
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (widget.callback == null) {
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 40,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.post.user.pseudo,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||
),
|
||||
widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"${widget.post.date.day}/${widget.post.date.month}/${widget.post.date.year}-${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
ZoomTapAnimation(
|
||||
onTap: () {
|
||||
if (widget.post.selfie != null) {
|
||||
switchChoice();
|
||||
}
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.99,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 1 / 1,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
// add border
|
||||
border: const GradientBoxBorder(
|
||||
gradient: LinearGradient(colors: [
|
||||
Colors.transparent,
|
||||
Color(0xFF323232),
|
||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||
width: 2.5,
|
||||
),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
// implement image
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomCenter,
|
||||
children: [
|
||||
Image(
|
||||
image: NetworkImage(choice ? widget.post.selfie! : widget.post.music.cover!),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||
width: 90.sp,
|
||||
height: 90.sp,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
// add border
|
||||
border: Border.all(width: 3, color: Colors.white),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(13),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(
|
||||
choice ? widget.post.music.cover! : widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
))
|
||||
: Container(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: 15),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 8,
|
||||
child: TextScroll(
|
||||
widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
)),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(bottom: 10.h, right: 5.w, left: 5.w),
|
||||
child: ClipOval(
|
||||
child: Container(
|
||||
width: 5.h,
|
||||
height: 5.h,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(bottom: 2),
|
||||
child: TextScroll(
|
||||
widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||
mode: TextScrollMode.endless,
|
||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
),
|
||||
)),
|
||||
Container(width: 10),
|
||||
AutoSizeText(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.5), fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||
textAlign: TextAlign.end,
|
||||
maxFontSize: 20,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
));
|
||||
}
|
||||
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 40,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.post.user.pseudo,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||
),
|
||||
widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
ZoomTapAnimation(
|
||||
onTap: () {
|
||||
widget.callback!(widget.index);
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.99,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 1 / 1,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
// add border
|
||||
border: const GradientBoxBorder(
|
||||
gradient: LinearGradient(colors: [
|
||||
Colors.transparent,
|
||||
Color(0xFF323232),
|
||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||
width: 2.5,
|
||||
),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
// implement image
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomCenter,
|
||||
children: [
|
||||
Image(
|
||||
image: NetworkImage(widget.post.music.cover!),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
),
|
||||
Image(
|
||||
image: AssetImage("assets/images/shadow_post.png"),
|
||||
opacity: AnimationController(vsync: this, value: 0.7),
|
||||
fit: BoxFit.fitHeight,
|
||||
width: double.infinity,
|
||||
),
|
||||
widget.post.description == null
|
||||
? Container()
|
||||
: Padding(
|
||||
padding: EdgeInsets.all(15),
|
||||
child: AutoSizeText(
|
||||
'“${widget.post.description}”',
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w400, fontSize: 15.sp),
|
||||
maxFontSize: 20,
|
||||
maxLines: 1,
|
||||
),
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||
width: 90.sp,
|
||||
height: 90.sp,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
// add border
|
||||
border: Border.all(width: 3, color: Colors.white),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(13),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
))
|
||||
: Container(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: 15),
|
||||
SizedBox(
|
||||
height: 60,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(bottom: 2),
|
||||
child: TextScroll(
|
||||
widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
mode: TextScrollMode.endless,
|
||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
),
|
||||
)),
|
||||
Container(width: 10),
|
||||
AutoSizeText(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
textAlign: TextAlign.end,
|
||||
maxFontSize: 20,
|
||||
),
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: TextScroll(
|
||||
widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white.withOpacity(0.5),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 16.h),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
)),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
));
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:gradient_borders/box_borders/gradient_box_border.dart';
|
||||
import 'package:text_scroll/text_scroll.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../model/Post.dart';
|
||||
|
||||
class PostComponent extends StatefulWidget {
|
||||
final Function(int)? callback;
|
||||
final Post post;
|
||||
final int index;
|
||||
|
||||
PostComponent({Key? key, required this.callback, required this.post, required this.index}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<PostComponent> createState() => _PostComponentState();
|
||||
}
|
||||
|
||||
class _PostComponentState extends State<PostComponent> with TickerProviderStateMixin {
|
||||
bool choice = false;
|
||||
DateTime today = DateTime.now();
|
||||
|
||||
void switchChoice() {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
print("post: ${widget.post.date.toString()}");
|
||||
print("ajrd: ${DateTime.now().toString()}");
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: switchChoice,
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (widget.callback == null) {
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 40,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.post.user.pseudo,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||
),
|
||||
widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"${widget.post.date.day}/${widget.post.date.month}/${widget.post.date.year}-${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
ZoomTapAnimation(
|
||||
onTap: () {
|
||||
if (widget.post.selfie != null) {
|
||||
switchChoice();
|
||||
}
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.99,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 1 / 1,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
// add border
|
||||
border: const GradientBoxBorder(
|
||||
gradient: LinearGradient(colors: [
|
||||
Colors.transparent,
|
||||
Color(0xFF323232),
|
||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||
width: 2.5,
|
||||
),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
// implement image
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomCenter,
|
||||
children: [
|
||||
Image(
|
||||
image: NetworkImage(choice ? widget.post.selfie! : widget.post.music.cover!),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||
width: 90.sp,
|
||||
height: 90.sp,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
// add border
|
||||
border: Border.all(width: 3, color: Colors.white),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(13),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(
|
||||
choice ? widget.post.music.cover! : widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
))
|
||||
: Container(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: 15),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 8,
|
||||
child: TextScroll(
|
||||
widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
)),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(bottom: 10.h, right: 5.w, left: 5.w),
|
||||
child: ClipOval(
|
||||
child: Container(
|
||||
width: 5.h,
|
||||
height: 5.h,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(bottom: 2),
|
||||
child: TextScroll(
|
||||
widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||
mode: TextScrollMode.endless,
|
||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
),
|
||||
)),
|
||||
Container(width: 10),
|
||||
AutoSizeText(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.5), fontWeight: FontWeight.w300, fontSize: 16.h),
|
||||
textAlign: TextAlign.end,
|
||||
maxFontSize: 20,
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
));
|
||||
}
|
||||
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 40,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.post.user.pseudo,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600),
|
||||
),
|
||||
widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
DateTime(today.year, today.month, today.day).isAtSameMomentAs(
|
||||
DateTime(widget.post.date.year, widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
)
|
||||
: Text(
|
||||
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4), fontWeight: FontWeight.w300, fontSize: 13),
|
||||
),
|
||||
],
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
ZoomTapAnimation(
|
||||
onTap: () {
|
||||
widget.callback!(widget.index);
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.99,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 1 / 1,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
// add border
|
||||
border: const GradientBoxBorder(
|
||||
gradient: LinearGradient(colors: [
|
||||
Colors.transparent,
|
||||
Color(0xFF323232),
|
||||
], begin: Alignment.topCenter, end: Alignment.bottomCenter),
|
||||
width: 2.5,
|
||||
),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
// implement image
|
||||
child: Stack(
|
||||
alignment: Alignment.bottomCenter,
|
||||
children: [
|
||||
Image(
|
||||
image: NetworkImage(widget.post.music.cover!),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
),
|
||||
Image(
|
||||
image: AssetImage("assets/images/shadow_post.png"),
|
||||
opacity: AnimationController(vsync: this, value: 0.7),
|
||||
fit: BoxFit.fitHeight,
|
||||
width: double.infinity,
|
||||
),
|
||||
widget.post.description == null
|
||||
? Container()
|
||||
: Padding(
|
||||
padding: EdgeInsets.all(15),
|
||||
child: AutoSizeText(
|
||||
'“${widget.post.description}”',
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w400, fontSize: 15.sp),
|
||||
maxFontSize: 20,
|
||||
maxLines: 1,
|
||||
),
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Positioned(
|
||||
top: 0,
|
||||
right: 0,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(12),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 140, maxHeight: 140),
|
||||
width: 90.sp,
|
||||
height: 90.sp,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
// add border
|
||||
border: Border.all(width: 3, color: Colors.white),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(13),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),
|
||||
))
|
||||
: Container(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: 15),
|
||||
SizedBox(
|
||||
height: 60,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(bottom: 2),
|
||||
child: TextScroll(
|
||||
widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1, color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
mode: TextScrollMode.endless,
|
||||
velocity: Velocity(pixelsPerSecond: Offset(50, 20)),
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
),
|
||||
)),
|
||||
Container(width: 10),
|
||||
AutoSizeText(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w600, fontSize: 26.h),
|
||||
textAlign: TextAlign.end,
|
||||
maxFontSize: 20,
|
||||
),
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: TextScroll(
|
||||
widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white.withOpacity(0.5),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 16.h),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
)),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
));
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1,269 +1,269 @@
|
||||
import 'package:another_flushbar/flushbar.dart';
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:ionicons/ionicons.dart';
|
||||
import 'package:lottie/lottie.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../config/routes.dart';
|
||||
import '../main.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class TopNavBarComponent extends StatefulWidget {
|
||||
final Function(bool) callback;
|
||||
const TopNavBarComponent({Key? key, required this.callback}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<TopNavBarComponent> createState() => _TopNavBarComponentState();
|
||||
}
|
||||
|
||||
class _TopNavBarComponentState extends State<TopNavBarComponent> with TickerProviderStateMixin {
|
||||
bool choice = true;
|
||||
late AnimationController _controller;
|
||||
bool isDismissed = true;
|
||||
|
||||
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
|
||||
|
||||
void actionSurBouton() async {
|
||||
widget.callback(choice);
|
||||
await MyApp.postViewModel.getBestPosts();
|
||||
await MyApp.postViewModel.getPostsFriends();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_controller = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(seconds: 3),
|
||||
);
|
||||
super.initState();
|
||||
}
|
||||
|
||||
void showCapsuleDot(bool isAvailable) {
|
||||
isAvailable
|
||||
? Flushbar(
|
||||
maxWidth: 210,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Icon(
|
||||
Ionicons.sparkles,
|
||||
color: Colors.white,
|
||||
size: 18,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
"Capsule disponible",
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
Navigator.pushNamed(context, '/post');
|
||||
},
|
||||
).show(context)
|
||||
: Flushbar(
|
||||
maxWidth: 155,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Lottie.asset(
|
||||
'assets/animations/LottieHourGlass.json',
|
||||
width: 26,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: CountdownTimer(
|
||||
endTime: midnight.millisecondsSinceEpoch - 2 * 60 * 60 * 1000,
|
||||
textStyle: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
).show(context);
|
||||
}
|
||||
|
||||
void checkAvailable() async {
|
||||
print("test");
|
||||
var res = await MyApp.postViewModel.getAvailable();
|
||||
print(res);
|
||||
ModalRoute<dynamic>? route = ModalRoute.of(context);
|
||||
if (route != null) {
|
||||
if (route.settings.name != '/flushbarRoute') {
|
||||
print("yes");
|
||||
showCapsuleDot(res);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: defaultPadding),
|
||||
child: Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: defaultPadding),
|
||||
width: double.infinity,
|
||||
height: 100,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () async {
|
||||
Navigator.of(context).push(routeAddFriend());
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.person_add_alt_1_rounded,
|
||||
color: Colors.white,
|
||||
size: 30,
|
||||
),
|
||||
),
|
||||
),
|
||||
ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: 200),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
ZoomTapAnimation(
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
onTap: () {
|
||||
checkAvailable();
|
||||
},
|
||||
end: 0.97,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: Image(
|
||||
image: AssetImage("assets/images/logo.png"),
|
||||
height: 30,
|
||||
)),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
if (!choice) {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
actionSurBouton();
|
||||
});
|
||||
}
|
||||
},
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (choice) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Mes amis",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Mes amis",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed),
|
||||
));
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
if (choice) {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
actionSurBouton();
|
||||
});
|
||||
}
|
||||
},
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (choice) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Discovery",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed),
|
||||
));
|
||||
} else {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Discovery",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white),
|
||||
));
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
onTap: () async {
|
||||
await MyApp.userViewModel.updateUserCurrent();
|
||||
Navigator.of(context).push(routeProfile());
|
||||
},
|
||||
child: ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: FadeInImage.assetNetwork(
|
||||
placeholder: 'assets/images/loadingPlaceholder.gif',
|
||||
image: MyApp.userViewModel.userCurrent.pp,
|
||||
width: 30,
|
||||
)),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
import 'package:another_flushbar/flushbar.dart';
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:ionicons/ionicons.dart';
|
||||
import 'package:lottie/lottie.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../config/routes.dart';
|
||||
import '../main.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class TopNavBarComponent extends StatefulWidget {
|
||||
final Function(bool) callback;
|
||||
const TopNavBarComponent({Key? key, required this.callback}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<TopNavBarComponent> createState() => _TopNavBarComponentState();
|
||||
}
|
||||
|
||||
class _TopNavBarComponentState extends State<TopNavBarComponent> with TickerProviderStateMixin {
|
||||
bool choice = true;
|
||||
late AnimationController _controller;
|
||||
bool isDismissed = true;
|
||||
|
||||
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
|
||||
|
||||
void actionSurBouton() async {
|
||||
widget.callback(choice);
|
||||
await MyApp.postViewModel.getBestPosts();
|
||||
await MyApp.postViewModel.getPostsFriends();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_controller = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(seconds: 3),
|
||||
);
|
||||
super.initState();
|
||||
}
|
||||
|
||||
void showCapsuleDot(bool isAvailable) {
|
||||
isAvailable
|
||||
? Flushbar(
|
||||
maxWidth: 210,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Icon(
|
||||
Ionicons.sparkles,
|
||||
color: Colors.white,
|
||||
size: 18,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
"Capsule disponible",
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
Navigator.pushNamed(context, '/post');
|
||||
},
|
||||
).show(context)
|
||||
: Flushbar(
|
||||
maxWidth: 155,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Lottie.asset(
|
||||
'assets/animations/LottieHourGlass.json',
|
||||
width: 26,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: CountdownTimer(
|
||||
endTime: midnight.millisecondsSinceEpoch - 2 * 60 * 60 * 1000,
|
||||
textStyle: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
).show(context);
|
||||
}
|
||||
|
||||
void checkAvailable() async {
|
||||
print("test");
|
||||
var res = await MyApp.postViewModel.getAvailable();
|
||||
print(res);
|
||||
ModalRoute<dynamic>? route = ModalRoute.of(context);
|
||||
if (route != null) {
|
||||
if (route.settings.name != '/flushbarRoute') {
|
||||
print("yes");
|
||||
showCapsuleDot(res);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: defaultPadding),
|
||||
child: Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: defaultPadding),
|
||||
width: double.infinity,
|
||||
height: 100,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () async {
|
||||
Navigator.of(context).push(routeAddFriend());
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.person_add_alt_1_rounded,
|
||||
color: Colors.white,
|
||||
size: 30,
|
||||
),
|
||||
),
|
||||
),
|
||||
ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: 200),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
ZoomTapAnimation(
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
onTap: () {
|
||||
checkAvailable();
|
||||
},
|
||||
end: 0.97,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: Image(
|
||||
image: AssetImage("assets/images/logo.png"),
|
||||
height: 30,
|
||||
)),
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
if (!choice) {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
actionSurBouton();
|
||||
});
|
||||
}
|
||||
},
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (choice) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Mes amis",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white),
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Mes amis",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed),
|
||||
));
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
if (choice) {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
actionSurBouton();
|
||||
});
|
||||
}
|
||||
},
|
||||
child: LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (choice) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Discovery",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed),
|
||||
));
|
||||
} else {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6),
|
||||
child: AutoSizeText(
|
||||
"Discovery",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white),
|
||||
));
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
onTap: () async {
|
||||
await MyApp.userViewModel.updateUserCurrent();
|
||||
Navigator.of(context).push(routeProfile());
|
||||
},
|
||||
child: ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: FadeInImage.assetNetwork(
|
||||
placeholder: 'assets/images/loadingPlaceholder.gif',
|
||||
image: MyApp.userViewModel.userCurrent.pp,
|
||||
width: 30,
|
||||
)),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -1,17 +1,17 @@
|
||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||
|
||||
import '../../main.dart';
|
||||
import '../Comment.dart';
|
||||
import '../User.dart';
|
||||
|
||||
class CommentMapper {
|
||||
static Future<Comment> toModel(DocumentSnapshot<Map<String, dynamic>> snapshot) async {
|
||||
final data = snapshot.data();
|
||||
User? user = await MyApp.userViewModel.getUser(data?['user_id']);
|
||||
return Comment(
|
||||
snapshot.id,
|
||||
user!,
|
||||
data?["text"],
|
||||
data?["date"]);
|
||||
}
|
||||
}
|
||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||
|
||||
import '../../main.dart';
|
||||
import '../Comment.dart';
|
||||
import '../User.dart';
|
||||
|
||||
class CommentMapper {
|
||||
static Future<Comment> toModel(DocumentSnapshot<Map<String, dynamic>> snapshot) async {
|
||||
final data = snapshot.data();
|
||||
User? user = await MyApp.userViewModel.getUser(data?['user_id']);
|
||||
return Comment(
|
||||
snapshot.id,
|
||||
user!,
|
||||
data?["text"],
|
||||
data?["date"]);
|
||||
}
|
||||
}
|
||||
|
@ -1,451 +1,451 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
|
||||
import 'package:text_scroll/text_scroll.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../components/button_play_component.dart';
|
||||
import '../components/comment_component.dart';
|
||||
|
||||
import '../main.dart';
|
||||
import '../model/Post.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class DetailPostScreen extends StatefulWidget {
|
||||
final Post post;
|
||||
const DetailPostScreen({super.key, required this.post});
|
||||
|
||||
@override
|
||||
State<DetailPostScreen> createState() => _DetailPostScreenState();
|
||||
}
|
||||
|
||||
class _DetailPostScreenState extends State<DetailPostScreen> {
|
||||
TextEditingController _textController = TextEditingController();
|
||||
late FocusNode myFocusNode;
|
||||
late StreamSubscription<bool> keyboardSubscription;
|
||||
Future<void> resetFullScreen() async {
|
||||
await SystemChannels.platform.invokeMethod<void>(
|
||||
'SystemChrome.restoreSystemUIOverlays',
|
||||
);
|
||||
}
|
||||
|
||||
bool choice = false;
|
||||
DateTime today = DateTime.now();
|
||||
|
||||
void switchChoice() {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
MyApp.audioPlayer.release();
|
||||
myFocusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
print("post: ${widget.post.date.toString()}");
|
||||
print("ajrd: ${DateTime.now().toString()}");
|
||||
myFocusNode = FocusNode();
|
||||
var keyboardVisibilityController = KeyboardVisibilityController();
|
||||
print('Keyboard visibility direct query: ${keyboardVisibilityController.isVisible}');
|
||||
|
||||
super.initState();
|
||||
|
||||
keyboardSubscription = keyboardVisibilityController.onChange.listen((bool visible) {
|
||||
if (!visible) {
|
||||
myFocusNode.unfocus();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
FocusScopeNode currentFocus = FocusScope.of(context);
|
||||
if (!currentFocus.hasPrimaryFocus) {
|
||||
currentFocus.unfocus();
|
||||
resetFullScreen();
|
||||
}
|
||||
},
|
||||
child: Container(
|
||||
height: 760.h,
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Stack(
|
||||
children: [
|
||||
ScrollConfiguration(
|
||||
behavior: MyBehavior(),
|
||||
child: SingleChildScrollView(
|
||||
controller: _scrollController,
|
||||
physics: AlwaysScrollableScrollPhysics(),
|
||||
child: Stack(
|
||||
clipBehavior: Clip.hardEdge,
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
height: 400,
|
||||
width: double.infinity,
|
||||
child: FadeInImage.assetNetwork(
|
||||
placeholder: "assets/images/loadingPlaceholder.gif",
|
||||
image: choice ? widget.post.selfie! : widget.post.music.cover!,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
)),
|
||||
Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 200,
|
||||
margin: EdgeInsets.only(top: 230),
|
||||
width: double.infinity,
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [Colors.transparent, bgModal],
|
||||
stops: [0, 0.8]),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(20, 0, 20, 10),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 10),
|
||||
child: choice
|
||||
? Padding(
|
||||
padding: const EdgeInsets.all(4),
|
||||
child: ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 45,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
: widget.post.music.previewUrl != null
|
||||
? ButtonPlayComponent(music: widget.post.music)
|
||||
: Container(),
|
||||
),
|
||||
Flexible(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Flexible(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Expanded(
|
||||
child: ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: TextScroll(
|
||||
choice
|
||||
? widget.post.user.pseudo
|
||||
: widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 22),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
))),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 20.0),
|
||||
child: choice
|
||||
? DateTime(today.year, today.month, today.day)
|
||||
.isAtSameMomentAs(DateTime(widget.post.date.year,
|
||||
widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
)
|
||||
: Text(
|
||||
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
)
|
||||
: Text(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
choice
|
||||
? widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.5),
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 15),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: TextScroll(widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 17),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0))),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
widget.post.description != null
|
||||
? Align(
|
||||
alignment: Alignment.bottomLeft,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(50, 35, 50, 35),
|
||||
child: Text(
|
||||
widget.post.description!,
|
||||
textAlign: TextAlign.left,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 14),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
height: 30,
|
||||
),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
decoration: const BoxDecoration(
|
||||
color: bgAppBar,
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
color: Color(0xFF262626), // Couleur de la bordure
|
||||
width: 1.0, // Épaisseur de la bordure
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 20),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
SvgPicture.asset("assets/images/heart.svg", semanticsLabel: 'Like Logo'),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
myFocusNode.requestFocus();
|
||||
},
|
||||
child: SvgPicture.asset("assets/images/chat.svg",
|
||||
semanticsLabel: 'Chat Logo')),
|
||||
SvgPicture.asset("assets/images/add.svg",
|
||||
semanticsLabel: 'Add playlist Logo'),
|
||||
SvgPicture.asset("assets/images/save.svg", semanticsLabel: 'Save Logo'),
|
||||
SvgPicture.asset("assets/images/report.svg",
|
||||
semanticsLabel: 'Report Logo'),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(15.0),
|
||||
child: RichText(
|
||||
text: TextSpan(
|
||||
text: "3",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w800),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: " commentaires",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w400),
|
||||
)
|
||||
])),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 20, 20),
|
||||
child: Wrap(
|
||||
runSpacing: 13,
|
||||
children: [
|
||||
CommentComponent(),
|
||||
CommentComponent(),
|
||||
CommentComponent(),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Align(
|
||||
alignment: Alignment.topRight,
|
||||
child: ZoomTapAnimation(
|
||||
onTap: () {
|
||||
if (widget.post.selfie != null) {
|
||||
switchChoice();
|
||||
}
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.96,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: Container(
|
||||
margin: EdgeInsets.all(20),
|
||||
width: 120,
|
||||
height: 120,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(width: 4, color: Colors.white)),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(
|
||||
choice ? widget.post.music.cover! : widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
)),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Container()
|
||||
],
|
||||
),
|
||||
)),
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
height: 50,
|
||||
width: double.infinity,
|
||||
color: Colors.transparent,
|
||||
child: Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
margin: EdgeInsets.only(top: 10),
|
||||
width: 60,
|
||||
height: 5,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.6), borderRadius: BorderRadius.circular(20))),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
|
||||
child: Container(
|
||||
height: 70,
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
border: Border(top: BorderSide(color: grayColor, width: 2)), color: textFieldMessage),
|
||||
child: Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||||
child: Row(
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image.network(
|
||||
MyApp.userViewModel.userCurrent.pp,
|
||||
width: 45,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Expanded(
|
||||
child: TextField(
|
||||
keyboardAppearance: Brightness.dark,
|
||||
controller: _textController,
|
||||
focusNode: myFocusNode,
|
||||
cursorColor: primaryColor,
|
||||
keyboardType: TextInputType.emailAddress,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white),
|
||||
decoration: InputDecoration(
|
||||
suffixIcon: Icon(
|
||||
Icons.send,
|
||||
color: grayText,
|
||||
size: 20,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(width: 1, color: grayText),
|
||||
borderRadius: BorderRadius.all(Radius.circular(100))),
|
||||
contentPadding: EdgeInsets.only(top: 0, bottom: 0, left: 20, right: 20),
|
||||
fillColor: bgModal,
|
||||
filled: true,
|
||||
focusColor: Color.fromRGBO(255, 255, 255, 0.30),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(width: 1, color: grayText),
|
||||
borderRadius: BorderRadius.all(Radius.circular(100))),
|
||||
hintText: 'Ajoutez une réponse...',
|
||||
hintStyle: GoogleFonts.plusJakartaSans(color: grayText)),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
)),
|
||||
),
|
||||
],
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
class MyBehavior extends ScrollBehavior {
|
||||
@override
|
||||
Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
|
||||
return child;
|
||||
}
|
||||
}
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:flutter_svg/svg.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
|
||||
import 'package:text_scroll/text_scroll.dart';
|
||||
import 'package:zoom_tap_animation/zoom_tap_animation.dart';
|
||||
|
||||
import '../components/button_play_component.dart';
|
||||
import '../components/comment_component.dart';
|
||||
|
||||
import '../main.dart';
|
||||
import '../model/Post.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class DetailPostScreen extends StatefulWidget {
|
||||
final Post post;
|
||||
const DetailPostScreen({super.key, required this.post});
|
||||
|
||||
@override
|
||||
State<DetailPostScreen> createState() => _DetailPostScreenState();
|
||||
}
|
||||
|
||||
class _DetailPostScreenState extends State<DetailPostScreen> {
|
||||
TextEditingController _textController = TextEditingController();
|
||||
late FocusNode myFocusNode;
|
||||
late StreamSubscription<bool> keyboardSubscription;
|
||||
Future<void> resetFullScreen() async {
|
||||
await SystemChannels.platform.invokeMethod<void>(
|
||||
'SystemChrome.restoreSystemUIOverlays',
|
||||
);
|
||||
}
|
||||
|
||||
bool choice = false;
|
||||
DateTime today = DateTime.now();
|
||||
|
||||
void switchChoice() {
|
||||
setState(() {
|
||||
choice = !choice;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
MyApp.audioPlayer.release();
|
||||
myFocusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
print("post: ${widget.post.date.toString()}");
|
||||
print("ajrd: ${DateTime.now().toString()}");
|
||||
myFocusNode = FocusNode();
|
||||
var keyboardVisibilityController = KeyboardVisibilityController();
|
||||
print('Keyboard visibility direct query: ${keyboardVisibilityController.isVisible}');
|
||||
|
||||
super.initState();
|
||||
|
||||
keyboardSubscription = keyboardVisibilityController.onChange.listen((bool visible) {
|
||||
if (!visible) {
|
||||
myFocusNode.unfocus();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
FocusScopeNode currentFocus = FocusScope.of(context);
|
||||
if (!currentFocus.hasPrimaryFocus) {
|
||||
currentFocus.unfocus();
|
||||
resetFullScreen();
|
||||
}
|
||||
},
|
||||
child: Container(
|
||||
height: 760.h,
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Stack(
|
||||
children: [
|
||||
ScrollConfiguration(
|
||||
behavior: MyBehavior(),
|
||||
child: SingleChildScrollView(
|
||||
controller: _scrollController,
|
||||
physics: AlwaysScrollableScrollPhysics(),
|
||||
child: Stack(
|
||||
clipBehavior: Clip.hardEdge,
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
height: 400,
|
||||
width: double.infinity,
|
||||
child: FadeInImage.assetNetwork(
|
||||
placeholder: "assets/images/loadingPlaceholder.gif",
|
||||
image: choice ? widget.post.selfie! : widget.post.music.cover!,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
)),
|
||||
Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 200,
|
||||
margin: EdgeInsets.only(top: 230),
|
||||
width: double.infinity,
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [Colors.transparent, bgModal],
|
||||
stops: [0, 0.8]),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(20, 0, 20, 10),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 10),
|
||||
child: choice
|
||||
? Padding(
|
||||
padding: const EdgeInsets.all(4),
|
||||
child: ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image(
|
||||
image: NetworkImage(widget.post.user.pp),
|
||||
width: 45,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
: widget.post.music.previewUrl != null
|
||||
? ButtonPlayComponent(music: widget.post.music)
|
||||
: Container(),
|
||||
),
|
||||
Flexible(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Flexible(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Expanded(
|
||||
child: ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: TextScroll(
|
||||
choice
|
||||
? widget.post.user.pseudo
|
||||
: widget.post.music.title!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 22),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0)),
|
||||
))),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 20.0),
|
||||
child: choice
|
||||
? DateTime(today.year, today.month, today.day)
|
||||
.isAtSameMomentAs(DateTime(widget.post.date.year,
|
||||
widget.post.date.month, widget.post.date.day))
|
||||
? Text(
|
||||
"Aujourd'hui, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
)
|
||||
: Text(
|
||||
"hier, ${widget.post.date.hour}:${widget.post.date.minute}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
)
|
||||
: Text(
|
||||
widget.post.music.date.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w900,
|
||||
fontSize: 18),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
choice
|
||||
? widget.post.location.item2 != null
|
||||
? Text(
|
||||
"${widget.post.location.item1}, ${widget.post.location.item2}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.5),
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 15),
|
||||
)
|
||||
: Text(
|
||||
"",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white.withOpacity(0.4),
|
||||
fontWeight: FontWeight.w300,
|
||||
fontSize: 13),
|
||||
)
|
||||
: ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: TextScroll(widget.post.music.artists.first.name!,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 17),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(20, 0))),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
widget.post.description != null
|
||||
? Align(
|
||||
alignment: Alignment.bottomLeft,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(50, 35, 50, 35),
|
||||
child: Text(
|
||||
widget.post.description!,
|
||||
textAlign: TextAlign.left,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
height: 1,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 14),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
height: 30,
|
||||
),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
decoration: const BoxDecoration(
|
||||
color: bgAppBar,
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
color: Color(0xFF262626), // Couleur de la bordure
|
||||
width: 1.0, // Épaisseur de la bordure
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: 20),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
SvgPicture.asset("assets/images/heart.svg", semanticsLabel: 'Like Logo'),
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
myFocusNode.requestFocus();
|
||||
},
|
||||
child: SvgPicture.asset("assets/images/chat.svg",
|
||||
semanticsLabel: 'Chat Logo')),
|
||||
SvgPicture.asset("assets/images/add.svg",
|
||||
semanticsLabel: 'Add playlist Logo'),
|
||||
SvgPicture.asset("assets/images/save.svg", semanticsLabel: 'Save Logo'),
|
||||
SvgPicture.asset("assets/images/report.svg",
|
||||
semanticsLabel: 'Report Logo'),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(15.0),
|
||||
child: RichText(
|
||||
text: TextSpan(
|
||||
text: "3",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w800),
|
||||
children: [
|
||||
TextSpan(
|
||||
text: " commentaires",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w400),
|
||||
)
|
||||
])),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 20, 20),
|
||||
child: Wrap(
|
||||
runSpacing: 13,
|
||||
children: [
|
||||
CommentComponent(),
|
||||
CommentComponent(),
|
||||
CommentComponent(),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
widget.post.selfie != null
|
||||
? Align(
|
||||
alignment: Alignment.topRight,
|
||||
child: ZoomTapAnimation(
|
||||
onTap: () {
|
||||
if (widget.post.selfie != null) {
|
||||
switchChoice();
|
||||
}
|
||||
},
|
||||
enableLongTapRepeatEvent: false,
|
||||
longTapRepeatDuration: const Duration(milliseconds: 100),
|
||||
begin: 1.0,
|
||||
end: 0.96,
|
||||
beginDuration: const Duration(milliseconds: 70),
|
||||
endDuration: const Duration(milliseconds: 100),
|
||||
beginCurve: Curves.decelerate,
|
||||
endCurve: Curves.easeInOutSine,
|
||||
child: Container(
|
||||
margin: EdgeInsets.all(20),
|
||||
width: 120,
|
||||
height: 120,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(width: 4, color: Colors.white)),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
// implement image
|
||||
child: Image(
|
||||
image: NetworkImage(
|
||||
choice ? widget.post.music.cover! : widget.post.selfie!),
|
||||
fit: BoxFit.cover,
|
||||
)),
|
||||
),
|
||||
),
|
||||
)
|
||||
: Container()
|
||||
],
|
||||
),
|
||||
)),
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
height: 50,
|
||||
width: double.infinity,
|
||||
color: Colors.transparent,
|
||||
child: Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Container(
|
||||
margin: EdgeInsets.only(top: 10),
|
||||
width: 60,
|
||||
height: 5,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.6), borderRadius: BorderRadius.circular(20))),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
|
||||
child: Container(
|
||||
height: 70,
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
border: Border(top: BorderSide(color: grayColor, width: 2)), color: textFieldMessage),
|
||||
child: Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||||
child: Row(
|
||||
children: [
|
||||
ClipOval(
|
||||
child: SizedBox.fromSize(
|
||||
// Image radius
|
||||
child: Image.network(
|
||||
MyApp.userViewModel.userCurrent.pp,
|
||||
width: 45,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Expanded(
|
||||
child: TextField(
|
||||
keyboardAppearance: Brightness.dark,
|
||||
controller: _textController,
|
||||
focusNode: myFocusNode,
|
||||
cursorColor: primaryColor,
|
||||
keyboardType: TextInputType.emailAddress,
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white),
|
||||
decoration: InputDecoration(
|
||||
suffixIcon: Icon(
|
||||
Icons.send,
|
||||
color: grayText,
|
||||
size: 20,
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(width: 1, color: grayText),
|
||||
borderRadius: BorderRadius.all(Radius.circular(100))),
|
||||
contentPadding: EdgeInsets.only(top: 0, bottom: 0, left: 20, right: 20),
|
||||
fillColor: bgModal,
|
||||
filled: true,
|
||||
focusColor: Color.fromRGBO(255, 255, 255, 0.30),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderSide: BorderSide(width: 1, color: grayText),
|
||||
borderRadius: BorderRadius.all(Radius.circular(100))),
|
||||
hintText: 'Ajoutez une réponse...',
|
||||
hintStyle: GoogleFonts.plusJakartaSans(color: grayText)),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
)),
|
||||
),
|
||||
],
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
class MyBehavior extends ScrollBehavior {
|
||||
@override
|
||||
Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) {
|
||||
return child;
|
||||
}
|
||||
}
|
||||
|
@ -1,300 +1,300 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:another_flushbar/flushbar.dart';
|
||||
import 'package:circular_reveal_animation/circular_reveal_animation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:ionicons/ionicons.dart';
|
||||
import 'package:justmusic/main.dart';
|
||||
import 'package:lottie/lottie.dart';
|
||||
|
||||
import '../components/post_component.dart';
|
||||
import '../components/top_nav_bar_component.dart';
|
||||
import '../model/Post.dart';
|
||||
import '../values/constants.dart';
|
||||
import 'detail_post_screen.dart';
|
||||
|
||||
class FeedScreen extends StatefulWidget {
|
||||
const FeedScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<FeedScreen> createState() => _FeedScreenState();
|
||||
}
|
||||
|
||||
class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateMixin {
|
||||
late AnimationController animationController;
|
||||
late Animation<double> animation;
|
||||
late List<Post> friendFeed;
|
||||
Timer? timer;
|
||||
|
||||
late List<Post> discoveryFeed;
|
||||
late List<Post> displayFeed;
|
||||
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
|
||||
bool isDismissed = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
MyApp.postViewModel.getPostsFriends();
|
||||
friendFeed = MyApp.postViewModel.postsFriends;
|
||||
MyApp.postViewModel.getBestPosts();
|
||||
discoveryFeed = MyApp.postViewModel.bestPosts;
|
||||
displayFeed = [];
|
||||
animationController = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(milliseconds: 400),
|
||||
);
|
||||
animation = CurvedAnimation(
|
||||
parent: animationController,
|
||||
curve: Curves.easeInOutSine,
|
||||
);
|
||||
animationController.forward();
|
||||
}
|
||||
|
||||
Future<void> showCapsuleDot() async {
|
||||
bool res = await MyApp.postViewModel.getAvailable();
|
||||
if (isDismissed) {
|
||||
if (res) {
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
Flushbar(
|
||||
maxWidth: 210,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Icon(
|
||||
Ionicons.sparkles,
|
||||
color: Colors.white,
|
||||
size: 18,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
"Capsule disponible",
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
isDismissible: false,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
Navigator.pushNamed(context, '/post');
|
||||
},
|
||||
).show(context).then((value) {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
Flushbar(
|
||||
maxWidth: 155,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
isDismissible: false,
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Lottie.asset(
|
||||
'assets/animations/LottieHourGlass.json',
|
||||
width: 26,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: CountdownTimer(
|
||||
endTime: midnight.millisecondsSinceEpoch - 2 * 60 * 60 * 1000,
|
||||
textStyle: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {},
|
||||
).show(context).then((value) {
|
||||
{
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Future _refresh() async {
|
||||
print("refresh");
|
||||
discoveryFeed = await MyApp.postViewModel.getBestPosts();
|
||||
setState(() {
|
||||
displayFeed = discoveryFeed.reversed.toList();
|
||||
});
|
||||
}
|
||||
|
||||
void changeFeed(bool choice) {
|
||||
// Mettez ici le code pour l'action que vous souhaitez effectuer avec le paramètre
|
||||
if (choice) {
|
||||
setState(() {
|
||||
animationController.reset();
|
||||
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
||||
animationController.forward();
|
||||
print(displayFeed.length);
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
animationController.reset();
|
||||
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
||||
print(displayFeed.length);
|
||||
animationController.forward();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void openDetailPost(int index) {
|
||||
showModalBottomSheet(
|
||||
backgroundColor: bgModal,
|
||||
elevation: 1,
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 600,
|
||||
),
|
||||
isScrollControlled: true,
|
||||
context: context,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
||||
builder: ((BuildContext context) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||
child: DetailPostScreen(post: displayFeed[index]));
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
showCapsuleDot();
|
||||
return Scaffold(
|
||||
resizeToAvoidBottomInset: true,
|
||||
backgroundColor: bgColor,
|
||||
extendBodyBehindAppBar: true,
|
||||
body: displayFeed.isEmpty
|
||||
? Container(
|
||||
width: double.infinity,
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Container(
|
||||
decoration: const BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/images/empty_bg.png"), fit: BoxFit.cover, opacity: 0.3),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(top: 140.h, left: defaultPadding),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text("Suis tes amis pour voir leurs capsules",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontSize: 23, fontWeight: FontWeight.w800))
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
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),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
width: double.infinity,
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: CircularRevealAnimation(
|
||||
animation: animation,
|
||||
centerOffset: Offset(30.w, -100),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 600),
|
||||
padding: EdgeInsets.fromLTRB(defaultPadding, 100.h, defaultPadding, 0),
|
||||
child: RefreshIndicator(
|
||||
displacement: 20,
|
||||
triggerMode: RefreshIndicatorTriggerMode.onEdge,
|
||||
onRefresh: _refresh,
|
||||
child: ListView.builder(
|
||||
physics: const BouncingScrollPhysics(decelerationRate: ScrollDecelerationRate.fast),
|
||||
clipBehavior: Clip.none,
|
||||
shrinkWrap: true,
|
||||
itemCount: displayFeed.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 40),
|
||||
child:
|
||||
PostComponent(callback: openDetailPost, post: displayFeed[index], index: index),
|
||||
);
|
||||
},
|
||||
),
|
||||
)),
|
||||
),
|
||||
),
|
||||
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),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:another_flushbar/flushbar.dart';
|
||||
import 'package:circular_reveal_animation/circular_reveal_animation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:ionicons/ionicons.dart';
|
||||
import 'package:justmusic/main.dart';
|
||||
import 'package:lottie/lottie.dart';
|
||||
|
||||
import '../components/post_component.dart';
|
||||
import '../components/top_nav_bar_component.dart';
|
||||
import '../model/Post.dart';
|
||||
import '../values/constants.dart';
|
||||
import 'detail_post_screen.dart';
|
||||
|
||||
class FeedScreen extends StatefulWidget {
|
||||
const FeedScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<FeedScreen> createState() => _FeedScreenState();
|
||||
}
|
||||
|
||||
class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateMixin {
|
||||
late AnimationController animationController;
|
||||
late Animation<double> animation;
|
||||
late List<Post> friendFeed;
|
||||
Timer? timer;
|
||||
|
||||
late List<Post> discoveryFeed;
|
||||
late List<Post> displayFeed;
|
||||
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
|
||||
bool isDismissed = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
MyApp.postViewModel.getPostsFriends();
|
||||
friendFeed = MyApp.postViewModel.postsFriends;
|
||||
MyApp.postViewModel.getBestPosts();
|
||||
discoveryFeed = MyApp.postViewModel.bestPosts;
|
||||
displayFeed = [];
|
||||
animationController = AnimationController(
|
||||
vsync: this,
|
||||
duration: Duration(milliseconds: 400),
|
||||
);
|
||||
animation = CurvedAnimation(
|
||||
parent: animationController,
|
||||
curve: Curves.easeInOutSine,
|
||||
);
|
||||
animationController.forward();
|
||||
}
|
||||
|
||||
Future<void> showCapsuleDot() async {
|
||||
bool res = await MyApp.postViewModel.getAvailable();
|
||||
if (isDismissed) {
|
||||
if (res) {
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
Flushbar(
|
||||
maxWidth: 210,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Icon(
|
||||
Ionicons.sparkles,
|
||||
color: Colors.white,
|
||||
size: 18,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
"Capsule disponible",
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
isDismissible: false,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {
|
||||
Navigator.pop(context);
|
||||
Navigator.pushNamed(context, '/post');
|
||||
},
|
||||
).show(context).then((value) {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
Flushbar(
|
||||
maxWidth: 155,
|
||||
animationDuration: Duration(seconds: 1),
|
||||
isDismissible: false,
|
||||
forwardAnimationCurve: Curves.easeOutCirc,
|
||||
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
|
||||
icon: Lottie.asset(
|
||||
'assets/animations/LottieHourGlass.json',
|
||||
width: 26,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
|
||||
messageText: Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: CountdownTimer(
|
||||
endTime: midnight.millisecondsSinceEpoch - 2 * 60 * 60 * 1000,
|
||||
textStyle: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
|
||||
),
|
||||
),
|
||||
flushbarStyle: FlushbarStyle.FLOATING,
|
||||
flushbarPosition: FlushbarPosition.BOTTOM,
|
||||
textDirection: Directionality.of(context),
|
||||
borderRadius: BorderRadius.circular(1000),
|
||||
borderWidth: 1,
|
||||
borderColor: Colors.white.withOpacity(0.04),
|
||||
duration: const Duration(minutes: 100),
|
||||
leftBarIndicatorColor: Colors.transparent,
|
||||
positionOffset: 20,
|
||||
onTap: (_) {},
|
||||
).show(context).then((value) {
|
||||
{
|
||||
setState(() {
|
||||
isDismissed = !isDismissed;
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Future _refresh() async {
|
||||
print("refresh");
|
||||
discoveryFeed = await MyApp.postViewModel.getBestPosts();
|
||||
setState(() {
|
||||
displayFeed = discoveryFeed.reversed.toList();
|
||||
});
|
||||
}
|
||||
|
||||
void changeFeed(bool choice) {
|
||||
// Mettez ici le code pour l'action que vous souhaitez effectuer avec le paramètre
|
||||
if (choice) {
|
||||
setState(() {
|
||||
animationController.reset();
|
||||
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
|
||||
animationController.forward();
|
||||
print(displayFeed.length);
|
||||
});
|
||||
} else {
|
||||
setState(() {
|
||||
animationController.reset();
|
||||
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
|
||||
print(displayFeed.length);
|
||||
animationController.forward();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void openDetailPost(int index) {
|
||||
showModalBottomSheet(
|
||||
backgroundColor: bgModal,
|
||||
elevation: 1,
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 600,
|
||||
),
|
||||
isScrollControlled: true,
|
||||
context: context,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
||||
builder: ((BuildContext context) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||
child: DetailPostScreen(post: displayFeed[index]));
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
showCapsuleDot();
|
||||
return Scaffold(
|
||||
resizeToAvoidBottomInset: true,
|
||||
backgroundColor: bgColor,
|
||||
extendBodyBehindAppBar: true,
|
||||
body: displayFeed.isEmpty
|
||||
? Container(
|
||||
width: double.infinity,
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Container(
|
||||
decoration: const BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/images/empty_bg.png"), fit: BoxFit.cover, opacity: 0.3),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(top: 140.h, left: defaultPadding),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text("Suis tes amis pour voir leurs capsules",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontSize: 23, fontWeight: FontWeight.w800))
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
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),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
: Container(
|
||||
width: double.infinity,
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Align(
|
||||
alignment: Alignment.topCenter,
|
||||
child: CircularRevealAnimation(
|
||||
animation: animation,
|
||||
centerOffset: Offset(30.w, -100),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 600),
|
||||
padding: EdgeInsets.fromLTRB(defaultPadding, 100.h, defaultPadding, 0),
|
||||
child: RefreshIndicator(
|
||||
displacement: 20,
|
||||
triggerMode: RefreshIndicatorTriggerMode.onEdge,
|
||||
onRefresh: _refresh,
|
||||
child: ListView.builder(
|
||||
physics: const BouncingScrollPhysics(decelerationRate: ScrollDecelerationRate.fast),
|
||||
clipBehavior: Clip.none,
|
||||
shrinkWrap: true,
|
||||
itemCount: displayFeed.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 40),
|
||||
child:
|
||||
PostComponent(callback: openDetailPost, post: displayFeed[index], index: index),
|
||||
);
|
||||
},
|
||||
),
|
||||
)),
|
||||
),
|
||||
),
|
||||
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,27 +1,27 @@
|
||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||
|
||||
import '../main.dart';
|
||||
|
||||
class CommentService {
|
||||
createComment(String text, String idPost) async {
|
||||
var id = MyApp.userViewModel.userCurrent.id;
|
||||
final comment = <String, dynamic>{
|
||||
"user_id": id,
|
||||
"text": text,
|
||||
"date": DateTime.now(),
|
||||
"post_id": idPost
|
||||
};
|
||||
|
||||
await MyApp.db.collection("comments").add(comment);
|
||||
}
|
||||
|
||||
Future<List<QueryDocumentSnapshot<Map<String, dynamic>>>> getCommentsByPostId(
|
||||
String id) async {
|
||||
var response = await FirebaseFirestore.instance
|
||||
.collection("comments")
|
||||
.where("post_id", isEqualTo: id)
|
||||
.get();
|
||||
|
||||
return response.docs;
|
||||
}
|
||||
}
|
||||
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||
|
||||
import '../main.dart';
|
||||
|
||||
class CommentService {
|
||||
createComment(String text, String idPost) async {
|
||||
var id = MyApp.userViewModel.userCurrent.id;
|
||||
final comment = <String, dynamic>{
|
||||
"user_id": id,
|
||||
"text": text,
|
||||
"date": DateTime.now(),
|
||||
"post_id": idPost
|
||||
};
|
||||
|
||||
await MyApp.db.collection("comments").add(comment);
|
||||
}
|
||||
|
||||
Future<List<QueryDocumentSnapshot<Map<String, dynamic>>>> getCommentsByPostId(
|
||||
String id) async {
|
||||
var response = await FirebaseFirestore.instance
|
||||
.collection("comments")
|
||||
.where("post_id", isEqualTo: id)
|
||||
.get();
|
||||
|
||||
return response.docs;
|
||||
}
|
||||
}
|
||||
|
@ -1,31 +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");
|
||||
}
|
||||
}
|
||||
}
|
||||
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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,37 +1,37 @@
|
||||
import 'package:justmusic/model/mapper/CommentMapper.dart';
|
||||
|
||||
import '../model/Comment.dart';
|
||||
import '../services/CommentService.dart';
|
||||
|
||||
class CommentViewModel {
|
||||
List<Comment> _comments = [];
|
||||
final CommentService _commentService = CommentService();
|
||||
|
||||
// Constructor
|
||||
CommentViewModel();
|
||||
|
||||
// Methods
|
||||
addComment(String text, String idPost) async {
|
||||
try {
|
||||
await _commentService.createComment(text,idPost);
|
||||
} catch(e) {
|
||||
print(e);
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
Future<List<Comment>> getCommentsByPostId(String id) async {
|
||||
try {
|
||||
var responseData = await _commentService.getCommentsByPostId(id);
|
||||
var commentsFutures = responseData.map((value) async {
|
||||
return await CommentMapper.toModel(value);
|
||||
}).toList();
|
||||
_comments = await Future.wait(commentsFutures);
|
||||
return _comments;
|
||||
} catch(e) {
|
||||
print(e);
|
||||
_comments = [];
|
||||
return [];
|
||||
}
|
||||
}
|
||||
}
|
||||
import 'package:justmusic/model/mapper/CommentMapper.dart';
|
||||
|
||||
import '../model/Comment.dart';
|
||||
import '../services/CommentService.dart';
|
||||
|
||||
class CommentViewModel {
|
||||
List<Comment> _comments = [];
|
||||
final CommentService _commentService = CommentService();
|
||||
|
||||
// Constructor
|
||||
CommentViewModel();
|
||||
|
||||
// Methods
|
||||
addComment(String text, String idPost) async {
|
||||
try {
|
||||
await _commentService.createComment(text,idPost);
|
||||
} catch(e) {
|
||||
print(e);
|
||||
rethrow;
|
||||
}
|
||||
}
|
||||
|
||||
Future<List<Comment>> getCommentsByPostId(String id) async {
|
||||
try {
|
||||
var responseData = await _commentService.getCommentsByPostId(id);
|
||||
var commentsFutures = responseData.map((value) async {
|
||||
return await CommentMapper.toModel(value);
|
||||
}).toList();
|
||||
_comments = await Future.wait(commentsFutures);
|
||||
return _comments;
|
||||
} catch(e) {
|
||||
print(e);
|
||||
_comments = [];
|
||||
return [];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -1,129 +1,129 @@
|
||||
name: justmusic
|
||||
description: A new Flutter project.
|
||||
|
||||
# The following line prevents the package from being accidentally published to
|
||||
# pub.dev using `flutter pub publish`. This is preferred for private packages.
|
||||
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
|
||||
|
||||
# The following defines the version and build number for your application.
|
||||
# A version number is three numbers separated by dots, like 1.2.43
|
||||
# followed by an optional build number separated by a +.
|
||||
# Both the version and the builder number may be overridden in flutter
|
||||
# build by specifying --build-name and --build-number, respectively.
|
||||
# In Android, build-name is used as versionName while build-number used as versionCode.
|
||||
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
|
||||
# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
|
||||
# Read more about iOS versioning at
|
||||
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
|
||||
# In Windows, build-name is used as the major, minor, and patch parts
|
||||
# of the product and file versions while build-number is used as the build suffix.
|
||||
version: 1.0.0+1
|
||||
|
||||
environment:
|
||||
sdk: '>=2.18.2 <3.0.0'
|
||||
|
||||
# Dependencies specify other packages that your package needs in order to work.
|
||||
# To automatically upgrade your package dependencies to the latest versions
|
||||
# consider running `flutter pub upgrade --major-versions`. Alternatively,
|
||||
# dependencies can be manually updated by changing the version numbers below to
|
||||
# the latest version available on pub.dev. To see which dependencies have newer
|
||||
# versions available, run `flutter pub outdated`.
|
||||
dependencies:
|
||||
flutter:
|
||||
sdk: flutter
|
||||
http: ^0.13.5
|
||||
|
||||
|
||||
# The following adds the Cupertino Icons font to your application.
|
||||
# Use with the CupertinoIcons class for iOS style icons.
|
||||
cupertino_icons: ^1.0.2
|
||||
google_fonts: ^4.0.4
|
||||
gradiantbutton: ^0.0.1
|
||||
smooth_corner: ^1.1.0
|
||||
flutter_signin_button: ^2.0.0
|
||||
flutter_screenutil: ^5.7.0
|
||||
auto_size_text: ^3.0.0
|
||||
gradient_borders: ^1.0.0
|
||||
text_scroll: ^0.2.0
|
||||
circular_reveal_animation: ^2.0.1
|
||||
zoom_tap_animation: ^1.1.0
|
||||
custom_draggable_widget: ^0.0.2
|
||||
modal_bottom_sheet: ^2.1.2
|
||||
flutter_animated_play_button: ^0.3.0
|
||||
audioplayers: ^4.1.0
|
||||
ionicons: ^0.2.2
|
||||
top_snackbar_flutter: ^3.1.0
|
||||
firebase_core: ^2.15.0
|
||||
firebase_auth: ^4.7.2
|
||||
cloud_firestore: ^4.8.4
|
||||
image_picker: ^1.0.1
|
||||
insta_image_viewer: ^1.0.2
|
||||
pinch_zoom: ^1.0.0
|
||||
smooth_list_view: ^1.0.4
|
||||
animated_appear: ^0.0.4
|
||||
geolocator: ^9.0.2
|
||||
tuple: ^2.0.2
|
||||
firebase_storage: ^11.2.5
|
||||
another_flushbar: ^1.12.30
|
||||
flutter_countdown_timer: ^4.1.0
|
||||
intl: ^0.18.1
|
||||
lottie: ^2.5.0
|
||||
custom_refresh_indicator: ^2.2.1
|
||||
animations: ^2.0.7
|
||||
flutter_svg: ^2.0.7
|
||||
flutter_keyboard_visibility: ^5.4.1
|
||||
firebase_messaging: ^14.6.5
|
||||
|
||||
dev_dependencies:
|
||||
flutter_test:
|
||||
sdk: flutter
|
||||
|
||||
# The "flutter_lints" package below contains a set of recommended lints to
|
||||
# encourage good coding practices. The lint set provided by the package is
|
||||
# activated in the `analysis_options.yaml` file located at the root of your
|
||||
# package. See that file for information about deactivating specific lint
|
||||
# rules and activating additional ones.
|
||||
flutter_lints: ^2.0.0
|
||||
|
||||
# For information on the generic Dart part of this file, see the
|
||||
# following page: https://dart.dev/tools/pub/pubspec
|
||||
|
||||
# The following section is specific to Flutter packages.
|
||||
flutter:
|
||||
|
||||
# The following line ensures that the Material Icons font is
|
||||
# included with your application, so that you can use the icons in
|
||||
# the material Icons class.
|
||||
uses-material-design: true
|
||||
|
||||
# To add assets to your application, add an assets section, like this:
|
||||
assets:
|
||||
- assets/images/
|
||||
- assets/animations/
|
||||
- assets/
|
||||
|
||||
# An image asset can refer to one or more resolution-specific "variants", see
|
||||
# https://flutter.dev/assets-and-images/#resolution-aware
|
||||
|
||||
# For details regarding adding assets from package dependencies, see
|
||||
# https://flutter.dev/assets-and-images/#from-packages
|
||||
|
||||
# To add custom fonts to your application, add a fonts section here,
|
||||
# in this "flutter" section. Each entry in this list should have a
|
||||
# "family" key with the font family name, and a "fonts" key with a
|
||||
# list giving the asset and other descriptors for the font. For
|
||||
# example:
|
||||
# fonts:
|
||||
# - family: Schyler
|
||||
# fonts:
|
||||
# - asset: fonts/Schyler-Regular.ttf
|
||||
# - asset: fonts/Schyler-Italic.ttf
|
||||
# style: italic
|
||||
# - family: Trajan Pro
|
||||
# fonts:
|
||||
# - asset: fonts/TrajanPro.ttf
|
||||
# - asset: fonts/TrajanPro_Bold.ttf
|
||||
# weight: 700
|
||||
#
|
||||
# For details regarding fonts from package dependencies,
|
||||
# see https://flutter.dev/custom-fonts/#from-packages
|
||||
name: justmusic
|
||||
description: A new Flutter project.
|
||||
|
||||
# The following line prevents the package from being accidentally published to
|
||||
# pub.dev using `flutter pub publish`. This is preferred for private packages.
|
||||
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
|
||||
|
||||
# The following defines the version and build number for your application.
|
||||
# A version number is three numbers separated by dots, like 1.2.43
|
||||
# followed by an optional build number separated by a +.
|
||||
# Both the version and the builder number may be overridden in flutter
|
||||
# build by specifying --build-name and --build-number, respectively.
|
||||
# In Android, build-name is used as versionName while build-number used as versionCode.
|
||||
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
|
||||
# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
|
||||
# Read more about iOS versioning at
|
||||
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
|
||||
# In Windows, build-name is used as the major, minor, and patch parts
|
||||
# of the product and file versions while build-number is used as the build suffix.
|
||||
version: 1.0.0+1
|
||||
|
||||
environment:
|
||||
sdk: '>=2.18.2 <3.0.0'
|
||||
|
||||
# Dependencies specify other packages that your package needs in order to work.
|
||||
# To automatically upgrade your package dependencies to the latest versions
|
||||
# consider running `flutter pub upgrade --major-versions`. Alternatively,
|
||||
# dependencies can be manually updated by changing the version numbers below to
|
||||
# the latest version available on pub.dev. To see which dependencies have newer
|
||||
# versions available, run `flutter pub outdated`.
|
||||
dependencies:
|
||||
flutter:
|
||||
sdk: flutter
|
||||
http: ^0.13.5
|
||||
|
||||
|
||||
# The following adds the Cupertino Icons font to your application.
|
||||
# Use with the CupertinoIcons class for iOS style icons.
|
||||
cupertino_icons: ^1.0.2
|
||||
google_fonts: ^4.0.4
|
||||
gradiantbutton: ^0.0.1
|
||||
smooth_corner: ^1.1.0
|
||||
flutter_signin_button: ^2.0.0
|
||||
flutter_screenutil: ^5.7.0
|
||||
auto_size_text: ^3.0.0
|
||||
gradient_borders: ^1.0.0
|
||||
text_scroll: ^0.2.0
|
||||
circular_reveal_animation: ^2.0.1
|
||||
zoom_tap_animation: ^1.1.0
|
||||
custom_draggable_widget: ^0.0.2
|
||||
modal_bottom_sheet: ^2.1.2
|
||||
flutter_animated_play_button: ^0.3.0
|
||||
audioplayers: ^4.1.0
|
||||
ionicons: ^0.2.2
|
||||
top_snackbar_flutter: ^3.1.0
|
||||
firebase_core: ^2.15.0
|
||||
firebase_auth: ^4.7.2
|
||||
cloud_firestore: ^4.8.4
|
||||
image_picker: ^1.0.1
|
||||
insta_image_viewer: ^1.0.2
|
||||
pinch_zoom: ^1.0.0
|
||||
smooth_list_view: ^1.0.4
|
||||
animated_appear: ^0.0.4
|
||||
geolocator: ^9.0.2
|
||||
tuple: ^2.0.2
|
||||
firebase_storage: ^11.2.5
|
||||
another_flushbar: ^1.12.30
|
||||
flutter_countdown_timer: ^4.1.0
|
||||
intl: ^0.18.1
|
||||
lottie: ^2.5.0
|
||||
custom_refresh_indicator: ^2.2.1
|
||||
animations: ^2.0.7
|
||||
flutter_svg: ^2.0.7
|
||||
flutter_keyboard_visibility: ^5.4.1
|
||||
firebase_messaging: ^14.6.5
|
||||
|
||||
dev_dependencies:
|
||||
flutter_test:
|
||||
sdk: flutter
|
||||
|
||||
# The "flutter_lints" package below contains a set of recommended lints to
|
||||
# encourage good coding practices. The lint set provided by the package is
|
||||
# activated in the `analysis_options.yaml` file located at the root of your
|
||||
# package. See that file for information about deactivating specific lint
|
||||
# rules and activating additional ones.
|
||||
flutter_lints: ^2.0.0
|
||||
|
||||
# For information on the generic Dart part of this file, see the
|
||||
# following page: https://dart.dev/tools/pub/pubspec
|
||||
|
||||
# The following section is specific to Flutter packages.
|
||||
flutter:
|
||||
|
||||
# The following line ensures that the Material Icons font is
|
||||
# included with your application, so that you can use the icons in
|
||||
# the material Icons class.
|
||||
uses-material-design: true
|
||||
|
||||
# To add assets to your application, add an assets section, like this:
|
||||
assets:
|
||||
- assets/images/
|
||||
- assets/animations/
|
||||
- assets/
|
||||
|
||||
# An image asset can refer to one or more resolution-specific "variants", see
|
||||
# https://flutter.dev/assets-and-images/#resolution-aware
|
||||
|
||||
# For details regarding adding assets from package dependencies, see
|
||||
# https://flutter.dev/assets-and-images/#from-packages
|
||||
|
||||
# To add custom fonts to your application, add a fonts section here,
|
||||
# in this "flutter" section. Each entry in this list should have a
|
||||
# "family" key with the font family name, and a "fonts" key with a
|
||||
# list giving the asset and other descriptors for the font. For
|
||||
# example:
|
||||
# fonts:
|
||||
# - family: Schyler
|
||||
# fonts:
|
||||
# - asset: fonts/Schyler-Regular.ttf
|
||||
# - asset: fonts/Schyler-Italic.ttf
|
||||
# style: italic
|
||||
# - family: Trajan Pro
|
||||
# fonts:
|
||||
# - asset: fonts/TrajanPro.ttf
|
||||
# - asset: fonts/TrajanPro_Bold.ttf
|
||||
# weight: 700
|
||||
#
|
||||
# For details regarding fonts from package dependencies,
|
||||
# see https://flutter.dev/custom-fonts/#from-packages
|
||||
|
@ -1,6 +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");
|
||||
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