justDEV
/
justMusic
2
4
Fork 0
Code Issues 35 Pull Requests 5 Packages Projects 1 Releases Wiki Activity

Fix error conflicts
continuous-integration/drone/push Build is passing Details

Browse Source
pull/42/head
emre.kartal 2 years ago
parent 2c9b8c1336 2ed4b1e515
commit 2240bcefa6
12 changed files with 1385 additions and 1141 deletions
Show Stats Download Patch File Download Diff File

8
.idea/libraries/Dart_Packages.xml
Unescape View File

@ -814,6 +814,13 @@
</list> </list>
</value> </value>
</entry> </entry>
<entry key="timezone">
<value>
<list>
<option value="$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/timezone-0.9.2/lib" />
</list>
</value>
</entry>
<entry key="top_snackbar_flutter"> <entry key="top_snackbar_flutter">
<value> <value>
<list> <list>
@ -1013,6 +1020,7 @@
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/term_glyph-1.2.1/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/term_glyph-1.2.1/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/test_api-0.5.1/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/test_api-0.5.1/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/text_scroll-0.2.0/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/text_scroll-0.2.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/timezone-0.9.2/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/top_snackbar_flutter-3.1.0/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/top_snackbar_flutter-3.1.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/tuple-2.0.2/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/tuple-2.0.2/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/typed_data-1.3.2/lib" /> <root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dev/typed_data-1.3.2/lib" />

41
Sources/justMUSIC/lib/components/comment_component.dart
Unescape View File

@ -2,60 +2,79 @@ import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:justmusic/model/Comment.dart';
import '../values/constants.dart'; import '../values/constants.dart';
class CommentComponent extends StatelessWidget { class CommentComponent extends StatelessWidget {
const CommentComponent({Key? key}) : super(key: key); final Comment comment;
const CommentComponent({Key? key, required this.comment}) : super(key: key);
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final now = DateTime.now();
final difference = now.difference(comment.date);
return Container( return Container(
width: double.infinity, width: double.infinity,
decoration: BoxDecoration(color: bgComment, borderRadius: BorderRadius.circular(20)), decoration: BoxDecoration(
padding: EdgeInsets.all(20), color: bgComment.withOpacity(0.6),
borderRadius: BorderRadius.circular(15)),
padding: EdgeInsets.fromLTRB(20, 10, 20, 10),
margin: EdgeInsets.only(bottom: 13),
child: Row( child: Row(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
ClipOval( ClipOval(
child: SizedBox.fromSize( child: SizedBox.fromSize(
// Image radius // Image radius
child: Image( child: Image(
image: AssetImage("assets/images/exemple_profile.png"), image: NetworkImage(comment.user.pp),
width: 40, width: 40,
), ),
), ),
), ),
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Row( Row(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
SizedBox( SizedBox(
width: 10, width: 10,
), ),
Text( Text(
"Melina", comment.user.pseudo,
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w600), style: GoogleFonts.plusJakartaSans(
color: Colors.white, fontWeight: FontWeight.w600),
), ),
Padding( Padding(
padding: EdgeInsets.only(top: 6, left: 10), padding: EdgeInsets.only(top: 6, left: 10),
child: Text( child: Text(
"Il y a 2 min(s)", "il y a ${difference.inHours > 0 ? difference.inHours : difference.inMinutes}${difference.inHours > 0 ? "h" : "m"}",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
color: Colors.white.withOpacity(0.6), fontWeight: FontWeight.w400, fontSize: 10), color: Colors.white.withOpacity(0.6),
fontWeight: FontWeight.w400,
fontSize: 10),
), ),
), ),
], ],
), ),
SizedBox( SizedBox(
height: 8, height: 4,
), ),
Padding( Padding(
padding: const EdgeInsets.symmetric(horizontal: 10), padding: const EdgeInsets.symmetric(horizontal: 10),
child: Text( child: Text(
"J’adore ce son aussi, je trouve qu’il avait vraiment une plume de fou.", comment.text,
style: GoogleFonts.plusJakartaSans(color: Colors.white, fontWeight: FontWeight.w300, fontSize: 11), style: GoogleFonts.plusJakartaSans(
color: Colors.white,
fontWeight: FontWeight.w400,
fontSize: 15),
), ),
), ),
], ],

224
Sources/justMUSIC/lib/components/top_nav_bar_component.dart
Unescape View File

@ -9,116 +9,132 @@ import 'package:lottie/lottie.dart';
import 'package:zoom_tap_animation/zoom_tap_animation.dart'; import 'package:zoom_tap_animation/zoom_tap_animation.dart';
import '../config/routes.dart'; import '../config/routes.dart';
import 'package:timezone/timezone.dart' as tz;
import '../main.dart'; import '../main.dart';
import '../values/constants.dart'; import '../values/constants.dart';
class TopNavBarComponent extends StatefulWidget { class TopNavBarComponent extends StatefulWidget {
final Function(bool) callback; final Function(bool) callback;
const TopNavBarComponent({Key? key, required this.callback}) : super(key: key);
const TopNavBarComponent({Key? key, required this.callback})
: super(key: key);
@override @override
State<TopNavBarComponent> createState() => _TopNavBarComponentState(); State<TopNavBarComponent> createState() => _TopNavBarComponentState();
} }
class _TopNavBarComponentState extends State<TopNavBarComponent> with TickerProviderStateMixin { class _TopNavBarComponentState extends State<TopNavBarComponent>
with TickerProviderStateMixin {
bool choice = true; bool choice = true;
late AnimationController _controller;
bool isDismissed = true; bool isDismissed = true;
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1); final DateTime midnight = DateTime(
DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
void actionSurBouton() async { void actionSurBouton(bool choice) async {
widget.callback(choice); widget.callback(choice);
await MyApp.postViewModel.getBestPosts();
await MyApp.postViewModel.getPostsFriends();
} }
@override @override
void initState() { void initState() {
_controller = AnimationController(
vsync: this,
duration: Duration(seconds: 3),
);
super.initState(); super.initState();
} }
void showCapsuleDot(bool isAvailable) { Future<void> showCapsuleDot() async {
isAvailable // Get the timezone for France
? Flushbar( final franceTimeZone = tz.getLocation('Europe/Paris');
maxWidth: 210,
animationDuration: Duration(seconds: 1), // Get the current date and time in France timezone
forwardAnimationCurve: Curves.easeOutCirc, var now = tz.TZDateTime.now(franceTimeZone);
margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
icon: Icon( // Calculate the midnight time for the next day in France timezone
Ionicons.sparkles, var midnight =
color: Colors.white, tz.TZDateTime(franceTimeZone, now.year, now.month, now.day + 1);
size: 18,
), bool res = await MyApp.postViewModel.getAvailable();
padding: EdgeInsets.fromLTRB(8, 8, 8, 8), if (res) {
messageText: Align( Flushbar(
alignment: Alignment.centerLeft, maxWidth: 210,
child: Text( animationDuration: Duration(seconds: 1),
"Capsule disponible", forwardAnimationCurve: Curves.easeOutCirc,
style: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15), margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
), icon: Icon(
), Ionicons.sparkles,
flushbarStyle: FlushbarStyle.FLOATING, color: Colors.white,
flushbarPosition: FlushbarPosition.BOTTOM, size: 18,
textDirection: Directionality.of(context), ),
borderRadius: BorderRadius.circular(1000), padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
borderWidth: 1, messageText: Align(
borderColor: Colors.white.withOpacity(0.04), alignment: Alignment.centerLeft,
duration: const Duration(minutes: 100), child: Text(
leftBarIndicatorColor: Colors.transparent, "Capsule disponible",
positionOffset: 20, style:
onTap: (_) { GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15),
Navigator.pop(context); ),
Navigator.pushNamed(context, '/post'); ),
}, flushbarStyle: FlushbarStyle.FLOATING,
).show(context) flushbarPosition: FlushbarPosition.BOTTOM,
: Flushbar( textDirection: Directionality.of(context),
maxWidth: 155, borderRadius: BorderRadius.circular(1000),
animationDuration: Duration(seconds: 1), borderWidth: 1,
forwardAnimationCurve: Curves.easeOutCirc, borderColor: Colors.white.withOpacity(0.04),
margin: EdgeInsets.fromLTRB(0, 0, 0, 0), duration: const Duration(minutes: 100),
icon: Lottie.asset( leftBarIndicatorColor: Colors.transparent,
'assets/animations/LottieHourGlass.json', positionOffset: 20,
width: 26, onTap: (_) {
fit: BoxFit.fill, Navigator.pop(context);
), Navigator.pushNamed(context, '/post');
padding: EdgeInsets.fromLTRB(8, 8, 8, 8), },
messageText: Align( ).show(context).then((value) {
alignment: Alignment.centerLeft, setState(() {
child: CountdownTimer( isDismissed = !isDismissed;
endTime: midnight.millisecondsSinceEpoch - 2 * 60 * 60 * 1000, });
textStyle: GoogleFonts.plusJakartaSans(color: Colors.grey, fontSize: 15), });
), } else {
), Flushbar(
flushbarStyle: FlushbarStyle.FLOATING, maxWidth: 155,
flushbarPosition: FlushbarPosition.BOTTOM, animationDuration: Duration(seconds: 1),
textDirection: Directionality.of(context), forwardAnimationCurve: Curves.easeOutCirc,
borderRadius: BorderRadius.circular(1000), margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
borderWidth: 1, icon: Lottie.asset(
borderColor: Colors.white.withOpacity(0.04), 'assets/animations/LottieHourGlass.json',
duration: const Duration(minutes: 100), width: 26,
leftBarIndicatorColor: Colors.transparent, fit: BoxFit.fill,
positionOffset: 20, ),
onTap: (_) { padding: EdgeInsets.fromLTRB(8, 8, 8, 8),
Navigator.pop(context); messageText: Align(
}, alignment: Alignment.centerLeft,
).show(context); child: CountdownTimer(
endTime: midnight.millisecondsSinceEpoch,
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;
});
});
}
} }
void checkAvailable() async { void checkAvailable() async {
print("test"); if (isDismissed) {
var res = await MyApp.postViewModel.getAvailable(); showCapsuleDot();
print(res); setState(() {
ModalRoute<dynamic>? route = ModalRoute.of(context); isDismissed = !isDismissed;
if (route != null) { });
if (route.settings.name != '/flushbarRoute') {
print("yes");
showCapsuleDot(res);
}
} }
} }
@ -179,28 +195,35 @@ class _TopNavBarComponentState extends State<TopNavBarComponent> with TickerProv
if (!choice) { if (!choice) {
setState(() { setState(() {
choice = !choice; choice = !choice;
actionSurBouton(); actionSurBouton(false);
}); });
} }
}, },
child: LayoutBuilder( child: LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) { builder: (BuildContext context,
BoxConstraints constraints) {
if (choice) { if (choice) {
return Padding( return Padding(
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6), padding: const EdgeInsets.only(
left: 8, top: 0, right: 8, bottom: 6),
child: AutoSizeText( child: AutoSizeText(
"Mes amis", "Mes amis",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white), fontWeight: FontWeight.w500,
fontSize: 16,
color: Colors.white),
), ),
); );
} else { } else {
return Padding( return Padding(
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6), padding: const EdgeInsets.only(
left: 8, top: 0, right: 8, bottom: 6),
child: AutoSizeText( child: AutoSizeText(
"Mes amis", "Mes amis",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed), fontWeight: FontWeight.w300,
fontSize: 16,
color: unactiveFeed),
)); ));
} }
}, },
@ -212,27 +235,34 @@ class _TopNavBarComponentState extends State<TopNavBarComponent> with TickerProv
if (choice) { if (choice) {
setState(() { setState(() {
choice = !choice; choice = !choice;
actionSurBouton(); actionSurBouton(true);
}); });
} }
}, },
child: LayoutBuilder( child: LayoutBuilder(
builder: (BuildContext context, BoxConstraints constraints) { builder: (BuildContext context,
BoxConstraints constraints) {
if (choice) { if (choice) {
return Padding( return Padding(
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6), padding: const EdgeInsets.only(
left: 8, top: 0, right: 8, bottom: 6),
child: AutoSizeText( child: AutoSizeText(
"Discovery", "Discovery",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
fontWeight: FontWeight.w300, fontSize: 16, color: unactiveFeed), fontWeight: FontWeight.w300,
fontSize: 16,
color: unactiveFeed),
)); ));
} else { } else {
return Padding( return Padding(
padding: const EdgeInsets.only(left: 8, top: 0, right: 8, bottom: 6), padding: const EdgeInsets.only(
left: 8, top: 0, right: 8, bottom: 6),
child: AutoSizeText( child: AutoSizeText(
"Discovery", "Discovery",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
fontWeight: FontWeight.w500, fontSize: 16, color: Colors.white), fontWeight: FontWeight.w500,
fontSize: 16,
color: Colors.white),
)); ));
} }
}, },

78
Sources/justMUSIC/lib/main.dart
Unescape View File

@ -11,20 +11,23 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:justmusic/screens/add_friend_screen.dart'; import 'package:justmusic/screens/add_friend_screen.dart';
import 'package:justmusic/screens/explanations_screen.dart'; import 'package:justmusic/screens/explanations_screen.dart';
import 'package:justmusic/screens/feed_screen.dart'; import 'package:justmusic/screens/feed_screen.dart';
import 'package:justmusic/screens/loading_screen.dart';
import 'package:justmusic/screens/login_screen.dart'; import 'package:justmusic/screens/login_screen.dart';
import 'package:justmusic/screens/launching_rocker_screen.dart'; import 'package:justmusic/screens/launching_rocker_screen.dart';
import 'package:justmusic/screens/post_screen.dart'; import 'package:justmusic/screens/post_screen.dart';
import 'package:justmusic/screens/profile_screen.dart'; import 'package:justmusic/screens/profile_screen.dart';
import 'package:justmusic/screens/registration_screen.dart'; import 'package:justmusic/screens/registration_screen.dart';
import 'package:justmusic/screens/welcome_screen.dart'; import 'package:justmusic/screens/welcome_screen.dart';
import 'package:justmusic/values/constants.dart'; import 'package:justmusic/view_model/CommentViewModel.dart';
import 'package:justmusic/view_model/MusicViewModel.dart'; import 'package:justmusic/view_model/MusicViewModel.dart';
import 'package:justmusic/view_model/PostViewModel.dart'; import 'package:justmusic/view_model/PostViewModel.dart';
import 'package:justmusic/view_model/UserViewModel.dart'; import 'package:justmusic/view_model/UserViewModel.dart';
import 'package:justmusic/model/User.dart' as userJustMusic; import 'package:justmusic/model/User.dart' as userJustMusic;
import 'firebase_options.dart'; import 'firebase_options.dart';
import 'package:timezone/data/latest.dart' as tz;
Future<void> main() async { Future<void> main() async {
tz.initializeTimeZones();
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp( await Firebase.initializeApp(
options: DefaultFirebaseOptions.currentPlatform, options: DefaultFirebaseOptions.currentPlatform,
@ -40,6 +43,7 @@ class MyApp extends StatefulWidget {
static MusicViewModel musicViewModel = MusicViewModel(); static MusicViewModel musicViewModel = MusicViewModel();
static PostViewModel postViewModel = PostViewModel(); static PostViewModel postViewModel = PostViewModel();
static AudioPlayer audioPlayer = AudioPlayer(); static AudioPlayer audioPlayer = AudioPlayer();
static CommentViewModel commentViewModel = CommentViewModel();
const MyApp({super.key}); const MyApp({super.key});
@ -64,7 +68,7 @@ class _MyAppState extends State<MyApp> {
return null; return null;
} else { } else {
MyApp.userViewModel.userCurrent = MyApp.userViewModel.userCurrent =
(await (MyApp.userViewModel.getUser(user.uid)))!; (await (MyApp.userViewModel.getUser(user.uid)))!;
userCurrent = Stream.value(MyApp.userViewModel.userCurrent); userCurrent = Stream.value(MyApp.userViewModel.userCurrent);
print('User is signed in!'); print('User is signed in!');
} }
@ -100,46 +104,40 @@ class _MyAppState extends State<MyApp> {
}, },
debugShowCheckedModeBanner: false, debugShowCheckedModeBanner: false,
theme: ThemeData( theme: ThemeData(
// This is the theme of your application.
//
// Try running your application with "flutter run". You'll see the
// application has a blue toolbar. Then, without quitting the app, try
// changing the primarySwatch below to Colors.green and then invoke
// "hot reload" (press "r" in the console where you ran "flutter run",
// or simply save your changes to "hot reload" in a Flutter IDE).
// Notice that the counter didn't reset back to zero; the application
// is not restarted.
primarySwatch: Colors.blue, primarySwatch: Colors.blue,
), ),
home: FirebaseAuth.instance.currentUser != null home: StreamBuilder<User?>(
? StreamBuilder<userJustMusic.User?>( stream: FirebaseAuth.instance.authStateChanges(),
stream: userCurrent, builder: (context, snapshot) {
initialData: null, if (snapshot.connectionState == ConnectionState.waiting) {
builder: (context, snapshot) { return LoadingScreen();
if (snapshot.hasData) { } else if (snapshot.hasData) {
print("hasdata"); return FutureBuilder<userJustMusic.User?>(
future: MyApp.userViewModel.getUser(snapshot.data!.uid),
return AnimatedSwitcher( builder: (context, userSnapshot) {
duration: Duration(milliseconds: 1000), if (userSnapshot.connectionState ==
transitionBuilder: (child, animation) { ConnectionState.waiting) {
return FadeTransition( return LoadingScreen();
opacity: animation, child: child); } else if (userSnapshot.hasData) {
}, MyApp.userViewModel.userCurrent = userSnapshot.data!;
child: FeedScreen(), return AnimatedSwitcher(
); duration: Duration(milliseconds: 1000),
} else { transitionBuilder: (child, animation) {
return Scaffold( return FadeTransition(
backgroundColor: bgColor, opacity: animation, child: child);
body: Center( },
child: Image( child: FeedScreen(),
image: AssetImage("assets/images/logo.png"), );
width: 130, } else {
), return WellcomeScreen();
), }
); },
} );
}) } else {
: WellcomeScreen()); return WellcomeScreen();
}
},
));
}, },
designSize: Size(390, 844), designSize: Size(390, 844),
); );

9
Sources/justMUSIC/lib/model/mapper/CommentMapper.dart
Unescape View File

@ -5,13 +5,10 @@ import '../Comment.dart';
import '../User.dart'; import '../User.dart';
class CommentMapper { class CommentMapper {
static Future<Comment> toModel(DocumentSnapshot<Map<String, dynamic>> snapshot) async { static Future<Comment> toModel(
DocumentSnapshot<Map<String, dynamic>> snapshot) async {
final data = snapshot.data(); final data = snapshot.data();
User? user = await MyApp.userViewModel.getUser(data?['user_id']); User? user = await MyApp.userViewModel.getUser(data?['user_id']);
return Comment( return Comment(snapshot.id, user!, data?["text"], data?["date"].toDate());
snapshot.id,
user!,
data?["text"],
data?["date"]);
} }
} }

869
Sources/justMUSIC/lib/screens/detail_post_screen.dart
Unescape View File

@ -1,6 +1,7 @@
import 'dart:async'; import 'dart:async';
import 'package:flutter/Material.dart'; import 'package:flutter/Material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart'; import 'package:flutter_keyboard_visibility/flutter_keyboard_visibility.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
@ -15,10 +16,12 @@ import '../components/comment_component.dart';
import '../main.dart'; import '../main.dart';
import '../model/Post.dart'; import '../model/Post.dart';
import '../model/Comment.dart';
import '../values/constants.dart'; import '../values/constants.dart';
class DetailPostScreen extends StatefulWidget { class DetailPostScreen extends StatefulWidget {
final Post post; final Post post;
const DetailPostScreen({super.key, required this.post}); const DetailPostScreen({super.key, required this.post});
@override @override
@ -29,6 +32,7 @@ class _DetailPostScreenState extends State<DetailPostScreen> {
TextEditingController _textController = TextEditingController(); TextEditingController _textController = TextEditingController();
late FocusNode myFocusNode; late FocusNode myFocusNode;
late StreamSubscription<bool> keyboardSubscription; late StreamSubscription<bool> keyboardSubscription;
Future<void> resetFullScreen() async { Future<void> resetFullScreen() async {
await SystemChannels.platform.invokeMethod<void>( await SystemChannels.platform.invokeMethod<void>(
'SystemChrome.restoreSystemUIOverlays', 'SystemChrome.restoreSystemUIOverlays',
@ -57,11 +61,13 @@ class _DetailPostScreenState extends State<DetailPostScreen> {
print("ajrd: ${DateTime.now().toString()}"); print("ajrd: ${DateTime.now().toString()}");
myFocusNode = FocusNode(); myFocusNode = FocusNode();
var keyboardVisibilityController = KeyboardVisibilityController(); var keyboardVisibilityController = KeyboardVisibilityController();
print('Keyboard visibility direct query: ${keyboardVisibilityController.isVisible}'); print(
'Keyboard visibility direct query: ${keyboardVisibilityController.isVisible}');
super.initState(); super.initState();
keyboardSubscription = keyboardVisibilityController.onChange.listen((bool visible) { keyboardSubscription =
keyboardVisibilityController.onChange.listen((bool visible) {
if (!visible) { if (!visible) {
myFocusNode.unfocus(); myFocusNode.unfocus();
} }
@ -73,379 +79,562 @@ class _DetailPostScreenState extends State<DetailPostScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return GestureDetector( return GestureDetector(
onTap: () { onTap: () {
FocusScopeNode currentFocus = FocusScope.of(context); FocusScopeNode currentFocus = FocusScope.of(context);
if (!currentFocus.hasPrimaryFocus) { if (!currentFocus.hasPrimaryFocus) {
currentFocus.unfocus(); currentFocus.unfocus();
resetFullScreen(); resetFullScreen();
} }
}, },
child: Container( child: Container(
height: 760.h, height: 760.h,
child: Column( child: Column(
children: [ children: [
Expanded( Expanded(
child: Stack( child: Stack(
children: [ children: [
ScrollConfiguration( ScrollConfiguration(
behavior: MyBehavior(), behavior: MyBehavior(),
child: SingleChildScrollView( child: SingleChildScrollView(
controller: _scrollController, controller: _scrollController,
physics: AlwaysScrollableScrollPhysics(), physics: AlwaysScrollableScrollPhysics(),
child: Stack( child: Stack(
clipBehavior: Clip.hardEdge, 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: [ children: [
Align( Container(
alignment: Alignment.topCenter, height: 200,
child: Container( margin: EdgeInsets.only(top: 230),
height: 400, width: double.infinity,
width: double.infinity, decoration: const BoxDecoration(
child: FadeInImage.assetNetwork( gradient: LinearGradient(
placeholder: "assets/images/loadingPlaceholder.gif", begin: Alignment.topCenter,
image: choice ? widget.post.selfie! : widget.post.music.cover!, end: Alignment.bottomCenter,
width: double.infinity, colors: [Colors.transparent, bgModal],
fit: BoxFit.cover, stops: [0, 0.8],
), ),
)), ),
Column( child: Padding(
children: [ padding:
Container( const EdgeInsets.fromLTRB(20, 0, 20, 10),
height: 200, child: Row(
margin: EdgeInsets.only(top: 230), crossAxisAlignment: CrossAxisAlignment.end,
width: double.infinity, children: [
decoration: const BoxDecoration( Padding(
gradient: LinearGradient( padding:
begin: Alignment.topCenter, const EdgeInsets.only(right: 10),
end: Alignment.bottomCenter, child: choice
colors: [Colors.transparent, bgModal], ? Padding(
stops: [0, 0.8]), padding:
), const EdgeInsets.all(4),
child: Padding( child: ClipOval(
padding: const EdgeInsets.fromLTRB(20, 0, 20, 10), child: SizedBox.fromSize(
child: Row( // Image radius
crossAxisAlignment: CrossAxisAlignment.end, child: Image(
children: [ image: NetworkImage(
Padding( widget.post.user.pp),
padding: const EdgeInsets.only(right: 10), width: 45,
child: choice ),
? Padding( ),
padding: const EdgeInsets.all(4), ),
child: ClipOval( )
child: SizedBox.fromSize( : widget.post.music.previewUrl !=
// Image radius null
child: Image( ? ButtonPlayComponent(
image: NetworkImage(widget.post.user.pp), music: widget.post.music)
width: 45, : 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)),
), ),
), ),
)
: 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),
),
)
],
), ),
), Padding(
choice padding:
? widget.post.location.item2 != null const EdgeInsets.only(
? Text( left: 20.0),
"${widget.post.location.item1}, ${widget.post.location.item2}", child: choice
style: GoogleFonts.plusJakartaSans( ? DateTime(
color: Colors.white.withOpacity(0.5), today.year,
fontWeight: FontWeight.w400, today.month,
fontSize: 15), 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( : Text(
"", widget
style: GoogleFonts.plusJakartaSans( .post.music.date
color: Colors.white.withOpacity(0.4), .toString(),
fontWeight: FontWeight.w300, style: GoogleFonts
fontSize: 13), .plusJakartaSans(
) height: 1,
: ScrollConfiguration( color:
behavior: ScrollBehavior().copyWith(scrollbars: false), Colors.white,
child: TextScroll(widget.post.music.artists.first.name!, fontWeight:
style: GoogleFonts.plusJakartaSans( FontWeight
height: 1, .w900,
color: Colors.white, fontSize: 18,
fontWeight: FontWeight.w500, ),
fontSize: 17), ),
mode: TextScrollMode.endless, ),
pauseBetween: Duration(milliseconds: 500), ],
velocity: Velocity(pixelsPerSecond: Offset(20, 0))), ),
)
],
), ),
), 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, widget.post.description != null
child: Padding( ? Align(
padding: const EdgeInsets.fromLTRB(50, 35, 50, 35), alignment: Alignment.bottomLeft,
child: Text( child: Padding(
widget.post.description!, padding: const EdgeInsets.fromLTRB(
textAlign: TextAlign.left, 50, 35, 50, 35),
style: GoogleFonts.plusJakartaSans( child: Text(
height: 1, widget.post.description!,
color: Colors.white, textAlign: TextAlign.left,
fontWeight: FontWeight.w400, style: GoogleFonts.plusJakartaSans(
fontSize: 14), 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
), ),
), ),
)
: Container(
height: 30,
), ),
child: Column( Container(
children: [ width: double.infinity,
Padding( decoration: const BoxDecoration(
padding: EdgeInsets.symmetric(vertical: 20), color: bgAppBar,
child: Row( border: Border(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, top: BorderSide(
children: [ color: Color(0xFF262626),
SvgPicture.asset("assets/images/heart.svg", semanticsLabel: 'Like Logo'), width: 1.0,
GestureDetector( ),
onTap: () { ),
myFocusNode.requestFocus(); ),
}, child: Column(
child: SvgPicture.asset("assets/images/chat.svg", children: [
semanticsLabel: 'Chat Logo')), Padding(
SvgPicture.asset("assets/images/add.svg", padding:
semanticsLabel: 'Add playlist Logo'), EdgeInsets.symmetric(vertical: 20),
SvgPicture.asset("assets/images/save.svg", semanticsLabel: 'Save Logo'), child: Row(
SvgPicture.asset("assets/images/report.svg", mainAxisAlignment:
semanticsLabel: 'Report Logo'), 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(
Padding( "assets/images/add.svg",
padding: const EdgeInsets.all(15.0), semanticsLabel:
child: RichText( 'Add playlist Logo'),
text: TextSpan( SvgPicture.asset(
text: "3", "assets/images/save.svg",
style: GoogleFonts.plusJakartaSans( semanticsLabel: 'Save Logo'),
color: Colors.white, fontWeight: FontWeight.w800), SvgPicture.asset(
children: [ "assets/images/report.svg",
TextSpan( semanticsLabel: 'Report Logo'),
text: " commentaires", ],
style: GoogleFonts.plusJakartaSans( ),
color: Colors.white, fontWeight: FontWeight.w400), ),
) FutureBuilder<List<Comment>>(
])), future: MyApp.commentViewModel
), .getCommentsByPostId(widget.post.id),
Padding( builder: (BuildContext context,
padding: EdgeInsets.fromLTRB(20, 0, 20, 20), AsyncSnapshot<List<Comment>>
child: Wrap( snapshot) {
runSpacing: 13, if (snapshot.hasData) {
print("test:");
return Column(
children: [ children: [
CommentComponent(), snapshot.data!.length > 0
CommentComponent(), ? Padding(
CommentComponent(), padding:
const EdgeInsets.all(
15.0),
child: RichText(
text: TextSpan(
text: snapshot
.data!.length
.toString(),
style: GoogleFonts
.plusJakartaSans(
color: Colors.white,
fontWeight:
FontWeight.w800,
),
children: [
TextSpan(
text: snapshot
.data!
.length >
1
? " commentaires"
: " commentaire",
style: GoogleFonts
.plusJakartaSans(
color: Colors
.white,
fontWeight:
FontWeight
.w400,
),
),
],
),
),
)
: Container(),
snapshot.data!.length > 0
? Padding(
padding: const EdgeInsets
.fromLTRB(
20, 0, 20, 20),
child: ListView.builder(
shrinkWrap: true,
physics:
NeverScrollableScrollPhysics(),
itemCount: snapshot
.data?.length,
itemBuilder:
(BuildContext
context,
int index) {
return CommentComponent(
comment: snapshot
.data![
index]);
},
),
)
: Container(),
], ],
), );
) } else {
], return Container(
child: Center(
child:
CupertinoActivityIndicator(),
),
);
}
},
), ),
), ],
], ),
), ),
widget.post.selfie != null ],
? Align( ),
alignment: Alignment.topRight, widget.post.selfie != null
child: ZoomTapAnimation( ? Align(
onTap: () { alignment: Alignment.topRight,
if (widget.post.selfie != null) { child: ZoomTapAnimation(
switchChoice(); onTap: () {
} if (widget.post.selfie != null) {
}, switchChoice();
enableLongTapRepeatEvent: false, }
longTapRepeatDuration: const Duration(milliseconds: 100), },
begin: 1.0, enableLongTapRepeatEvent: false,
end: 0.96, longTapRepeatDuration:
beginDuration: const Duration(milliseconds: 70), const Duration(milliseconds: 100),
endDuration: const Duration(milliseconds: 100), begin: 1.0,
beginCurve: Curves.decelerate, end: 0.96,
endCurve: Curves.easeInOutSine, beginDuration:
child: Container( const Duration(milliseconds: 70),
margin: EdgeInsets.all(20), endDuration:
width: 120, const Duration(milliseconds: 100),
height: 120, beginCurve: Curves.decelerate,
decoration: BoxDecoration( endCurve: Curves.easeInOutSine,
borderRadius: BorderRadius.circular(20), child: Container(
border: Border.all(width: 4, color: Colors.white)), margin: EdgeInsets.all(20),
child: ClipRRect( width: 120,
borderRadius: BorderRadius.circular(15), height: 120,
// implement image decoration: BoxDecoration(
child: Image( borderRadius: BorderRadius.circular(20),
image: NetworkImage( border: Border.all(
choice ? widget.post.music.cover! : widget.post.selfie!), width: 4, color: Colors.white),
fit: BoxFit.cover, ),
)), child: ClipRRect(
borderRadius: BorderRadius.circular(15),
// implementer l'image
child: Image(
image: NetworkImage(choice
? widget.post.music.cover!
: widget.post.selfie!),
fit: BoxFit.cover,
), ),
), ),
) ),
: Container() ),
], )
: 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),
), ),
)),
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), Padding(
child: Container( padding: EdgeInsets.only(
height: 70, bottom: MediaQuery.of(context).viewInsets.bottom),
width: double.infinity, child: Container(
decoration: BoxDecoration( height: 70,
border: Border(top: BorderSide(color: grayColor, width: 2)), color: textFieldMessage), width: double.infinity,
child: Center( decoration: BoxDecoration(
child: Padding( border: Border(top: BorderSide(color: grayColor, width: 2)),
padding: const EdgeInsets.symmetric(horizontal: 20), color: textFieldMessage,
child: Row( ),
children: [ child: Center(
ClipOval( child: Padding(
child: SizedBox.fromSize( padding: const EdgeInsets.symmetric(horizontal: 20),
// Image radius child: Row(
child: Image.network( children: [
MyApp.userViewModel.userCurrent.pp, ClipOval(
width: 45, child: SizedBox.fromSize(
), // Rayon de l'image
), child: Image.network(
), MyApp.userViewModel.userCurrent.pp,
SizedBox( width: 45,
width: 10,
), ),
Expanded( ),
child: TextField( ),
keyboardAppearance: Brightness.dark, SizedBox(width: 10),
controller: _textController, Expanded(
focusNode: myFocusNode, child: TextField(
cursorColor: primaryColor, keyboardAppearance: Brightness.dark,
keyboardType: TextInputType.emailAddress, controller: _textController,
style: GoogleFonts.plusJakartaSans(color: Colors.white), focusNode: myFocusNode,
decoration: InputDecoration( onSubmitted: (value) async {
suffixIcon: Icon( if (value.isNotEmpty) {
Icons.send, await MyApp.commentViewModel
color: grayText, .addComment(value, widget.post.id);
size: 20, }
), setState(() {
focusedBorder: OutlineInputBorder( _textController.clear();
borderSide: BorderSide(width: 1, color: grayText), });
borderRadius: BorderRadius.all(Radius.circular(100))), },
contentPadding: EdgeInsets.only(top: 0, bottom: 0, left: 20, right: 20), cursorColor: primaryColor,
fillColor: bgModal, keyboardType: TextInputType.emailAddress,
filled: true, style: GoogleFonts.plusJakartaSans(
focusColor: Color.fromRGBO(255, 255, 255, 0.30), color: Colors.white),
enabledBorder: OutlineInputBorder( decoration: InputDecoration(
borderSide: BorderSide(width: 1, color: grayText), suffixIcon: Icon(
borderRadius: BorderRadius.all(Radius.circular(100))), Icons.send,
hintText: 'Ajoutez une réponse...', color: grayText,
hintStyle: GoogleFonts.plusJakartaSans(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 { class MyBehavior extends ScrollBehavior {
@override @override
Widget buildOverscrollIndicator(BuildContext context, Widget child, ScrollableDetails details) { Widget buildOverscrollIndicator(
BuildContext context, Widget child, ScrollableDetails details) {
return child; return child;
} }
} }

255
Sources/justMUSIC/lib/screens/feed_screen.dart
Unescape View File

@ -1,16 +1,13 @@
import 'dart:async'; import 'dart:async';
import 'package:another_flushbar/flushbar.dart';
import 'package:circular_reveal_animation/circular_reveal_animation.dart'; import 'package:circular_reveal_animation/circular_reveal_animation.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
import 'package:flutter_countdown_timer/flutter_countdown_timer.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:ionicons/ionicons.dart';
import 'package:justmusic/main.dart'; import 'package:justmusic/main.dart';
import 'package:lottie/lottie.dart'; import 'package:justmusic/main.dart';
import 'package:tuple/tuple.dart';
import '../components/post_component.dart'; import '../components/post_component.dart';
import '../components/top_nav_bar_component.dart'; import '../components/top_nav_bar_component.dart';
import '../model/Post.dart'; import '../model/Post.dart';
@ -24,7 +21,8 @@ class FeedScreen extends StatefulWidget {
State<FeedScreen> createState() => _FeedScreenState(); State<FeedScreen> createState() => _FeedScreenState();
} }
class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateMixin { class _FeedScreenState extends State<FeedScreen>
with SingleTickerProviderStateMixin {
late AnimationController animationController; late AnimationController animationController;
late Animation<double> animation; late Animation<double> animation;
late List<Post> friendFeed; late List<Post> friendFeed;
@ -32,18 +30,14 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
late List<Post> discoveryFeed; late List<Post> discoveryFeed;
late List<Post> displayFeed; late List<Post> displayFeed;
final DateTime midnight = DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 1);
bool isDismissed = true; bool isDismissed = true;
bool choiceFeed = false;
@override @override
void initState() { void initState() {
super.initState(); super.initState();
MyApp.postViewModel.getPostsFriends();
friendFeed = MyApp.postViewModel.postsFriends; friendFeed = MyApp.postViewModel.postsFriends;
MyApp.postViewModel.getBestPosts();
discoveryFeed = MyApp.postViewModel.bestPosts; discoveryFeed = MyApp.postViewModel.bestPosts;
displayFeed = [];
animationController = AnimationController( animationController = AnimationController(
vsync: this, vsync: this,
duration: Duration(milliseconds: 400), duration: Duration(milliseconds: 400),
@ -55,98 +49,14 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
animationController.forward(); 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 { Future _refresh() async {
print("refresh"); if (choiceFeed) {
discoveryFeed = await MyApp.postViewModel.getBestPosts(); await MyApp.postViewModel.getBestPosts();
setState(() { setState(() {});
displayFeed = discoveryFeed.reversed.toList(); } else {
}); await MyApp.postViewModel.getPostsFriends();
setState(() {});
}
} }
void changeFeed(bool choice) { void changeFeed(bool choice) {
@ -156,14 +66,14 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
animationController.reset(); animationController.reset();
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList(); displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
animationController.forward(); animationController.forward();
print(displayFeed.length); choiceFeed = false;
}); });
} else { } else {
setState(() { setState(() {
animationController.reset(); animationController.reset();
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList(); displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
print(displayFeed.length);
animationController.forward(); animationController.forward();
choiceFeed = true;
}); });
} }
} }
@ -178,18 +88,32 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
isScrollControlled: true, isScrollControlled: true,
context: context, context: context,
shape: const RoundedRectangleBorder( shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20))), borderRadius: BorderRadius.only(
topLeft: Radius.circular(20), topRight: Radius.circular(20))),
builder: ((BuildContext context) { builder: ((BuildContext context) {
return ClipRRect( return ClipRRect(
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)), borderRadius: BorderRadius.only(
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
child: DetailPostScreen(post: displayFeed[index])); child: DetailPostScreen(post: displayFeed[index]));
}), }),
); );
} }
_fetchData() async {
friendFeed = await MyApp.postViewModel.getPostsFriends();
discoveryFeed = await MyApp.postViewModel.getBestPosts();
return Tuple2(friendFeed, displayFeed);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
showCapsuleDot(); if (choiceFeed) {
displayFeed = MyApp.postViewModel.postsFriends.reversed.toList();
} else {
displayFeed = MyApp.postViewModel.bestPosts.reversed.toList();
}
_fetchData();
return Scaffold( return Scaffold(
resizeToAvoidBottomInset: true, resizeToAvoidBottomInset: true,
backgroundColor: bgColor, backgroundColor: bgColor,
@ -203,16 +127,21 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
Container( Container(
decoration: const BoxDecoration( decoration: const BoxDecoration(
image: DecorationImage( image: DecorationImage(
image: AssetImage("assets/images/empty_bg.png"), fit: BoxFit.cover, opacity: 0.3), image: AssetImage("assets/images/empty_bg.png"),
fit: BoxFit.cover,
opacity: 0.3),
), ),
child: Padding( child: Padding(
padding: EdgeInsets.only(top: 140.h, left: defaultPadding), padding:
EdgeInsets.only(top: 140.h, left: defaultPadding),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text("Suis tes amis pour voir leurs capsules", Text("Suis tes amis pour voir leurs capsules",
style: GoogleFonts.plusJakartaSans( style: GoogleFonts.plusJakartaSans(
color: Colors.white, fontSize: 23, fontWeight: FontWeight.w800)) color: Colors.white,
fontSize: 23,
fontWeight: FontWeight.w800))
], ],
), ),
), ),
@ -225,8 +154,14 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(
begin: Alignment.topRight, begin: Alignment.topRight,
stops: [0.3, 1], stops: [
colors: [bgColor.withOpacity(0.9), bgColor.withOpacity(0)])), 0.3,
1
],
colors: [
bgColor.withOpacity(0.9),
bgColor.withOpacity(0)
])),
), ),
), ),
), ),
@ -242,35 +177,67 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
) )
: Container( : Container(
width: double.infinity, width: double.infinity,
height: double.infinity,
child: Stack( child: Stack(
fit: StackFit.expand, fit: StackFit.expand,
children: [ children: [
Align( Expanded(
alignment: Alignment.topCenter, child: Align(
child: CircularRevealAnimation( alignment: Alignment.topCenter,
animation: animation, child: CircularRevealAnimation(
centerOffset: Offset(30.w, -100), animation: animation,
child: Container( centerOffset: Offset(30.w, -100),
constraints: BoxConstraints(maxWidth: 600), child: Expanded(
padding: EdgeInsets.fromLTRB(defaultPadding, 100.h, defaultPadding, 0), child: Container(
child: RefreshIndicator( height: double.infinity,
displacement: 20, constraints: BoxConstraints(maxWidth: 600),
triggerMode: RefreshIndicatorTriggerMode.onEdge, padding: EdgeInsets.fromLTRB(
onRefresh: _refresh, defaultPadding, 100.h, defaultPadding, 0),
child: ListView.builder( child: Expanded(
physics: const BouncingScrollPhysics(decelerationRate: ScrollDecelerationRate.fast), child: FutureBuilder(
clipBehavior: Clip.none, future: _fetchData(),
shrinkWrap: true, builder: (BuildContext context,
itemCount: displayFeed.length, AsyncSnapshot<dynamic> snapshot) {
itemBuilder: (BuildContext context, int index) { if (snapshot.hasData) {
return Padding( return RefreshIndicator(
padding: const EdgeInsets.only(bottom: 40), displacement: 20,
child: triggerMode:
PostComponent(callback: openDetailPost, post: displayFeed[index], index: index), RefreshIndicatorTriggerMode
); .onEdge,
}, onRefresh: _refresh,
), child: Expanded(
)), child: ListView.builder(
physics:
const AlwaysScrollableScrollPhysics(),
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),
);
},
),
),
);
} else {
return Center(
child: CupertinoActivityIndicator(),
);
}
},
),
)),
),
),
), ),
), ),
Align( Align(
@ -281,8 +248,14 @@ class _FeedScreenState extends State<FeedScreen> with SingleTickerProviderStateM
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(
begin: Alignment.topRight, begin: Alignment.topRight,
stops: [0.3, 1], stops: [
colors: [bgColor.withOpacity(0.9), bgColor.withOpacity(0)])), 0.3,
1
],
colors: [
bgColor.withOpacity(0.9),
bgColor.withOpacity(0)
])),
), ),
), ),
), ),

20
Sources/justMUSIC/lib/screens/loading_screen.dart
Unescape View File

@ -0,0 +1,20 @@
import 'package:flutter/Material.dart';
import '../values/constants.dart';
class LoadingScreen extends StatelessWidget {
const LoadingScreen({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: bgColor,
body: Center(
child: Image(
image: AssetImage("assets/images/logo.png"),
width: 130,
),
),
);
}
}

1
Sources/justMUSIC/lib/services/CommentService.dart
Unescape View File

@ -20,6 +20,7 @@ class CommentService {
var response = await FirebaseFirestore.instance var response = await FirebaseFirestore.instance
.collection("comments") .collection("comments")
.where("post_id", isEqualTo: id) .where("post_id", isEqualTo: id)
.orderBy("date", descending: true)
.get(); .get();
return response.docs; return response.docs;

6
Sources/justMUSIC/lib/view_model/CommentViewModel.dart
Unescape View File

@ -13,8 +13,8 @@ class CommentViewModel {
// Methods // Methods
addComment(String text, String idPost) async { addComment(String text, String idPost) async {
try { try {
await _commentService.createComment(text,idPost); await _commentService.createComment(text, idPost);
} catch(e) { } catch (e) {
print(e); print(e);
rethrow; rethrow;
} }
@ -28,7 +28,7 @@ class CommentViewModel {
}).toList(); }).toList();
_comments = await Future.wait(commentsFutures); _comments = await Future.wait(commentsFutures);
return _comments; return _comments;
} catch(e) { } catch (e) {
print(e); print(e);
_comments = []; _comments = [];
return []; return [];

8
Sources/justMUSIC/pubspec.lock
Unescape View File

@ -941,6 +941,14 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "0.2.0" version: "0.2.0"
timezone:
dependency: "direct main"
description:
name: timezone
sha256: "1cfd8ddc2d1cfd836bc93e67b9be88c3adaeca6f40a00ca999104c30693cdca0"
url: "https://pub.dev"
source: hosted
version: "0.9.2"
top_snackbar_flutter: top_snackbar_flutter:
dependency: "direct main" dependency: "direct main"
description: description:

1
Sources/justMUSIC/pubspec.yaml
Unescape View File

@ -72,6 +72,7 @@ dependencies:
animations: ^2.0.7 animations: ^2.0.7
flutter_svg: ^2.0.7 flutter_svg: ^2.0.7
flutter_keyboard_visibility: ^5.4.1 flutter_keyboard_visibility: ^5.4.1
timezone: ^0.9.2
firebase_messaging: ^14.6.5 firebase_messaging: ^14.6.5
dev_dependencies: dev_dependencies:

Write Preview
Loading…
Cancel
Save