You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
550 lines
15 KiB
550 lines
15 KiB
import 'dart:async';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'package:vibration/vibration.dart';
|
|
import 'dart:math';
|
|
import './views/pages/home/p_home.dart';
|
|
import './views/pages/main/p_main.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:rive/rive.dart' as riv;
|
|
import '../controller/controller.dart';
|
|
import '../model/music.dart';
|
|
import 'model/music.dart';
|
|
|
|
void main() {
|
|
MyApp mainApp = MyApp();
|
|
runApp(MyApp());
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
Controller controller = Controller();
|
|
|
|
|
|
// This widget is the root of your application.
|
|
@override
|
|
Widget build(BuildContext context){
|
|
Paint.enableDithering = true;
|
|
SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
|
|
return ChangeNotifierProvider(
|
|
create: (context) => CardProvider(),
|
|
child: MaterialApp(
|
|
debugShowCheckedModeBanner: false,
|
|
title: 'Flutter Demo',
|
|
home: HomePage(),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
enum CardStatus { like, disLike, discovery, message}
|
|
|
|
class CardProvider extends ChangeNotifier{
|
|
List<Music> _spotsList = MyApp().controller.currentUser.Spots;
|
|
bool _isDragging = false;
|
|
double _angle = 0;
|
|
Offset _position = Offset.zero;
|
|
Size _screenSize = Size.zero;
|
|
|
|
List<Music> get spotsList => _spotsList;
|
|
bool get isDragging => _isDragging;
|
|
Offset get position => _position;
|
|
double get angle => _angle;
|
|
|
|
|
|
|
|
|
|
|
|
void setScreenSize(Size screenSize) => _screenSize = screenSize;
|
|
|
|
void startPosition(DragStartDetails details) {
|
|
_isDragging = true;
|
|
|
|
notifyListeners();
|
|
}
|
|
|
|
void updatePosition(DragUpdateDetails details) {
|
|
_position += details.delta;
|
|
|
|
final x = _position.dx;
|
|
_angle = 45 * x / _screenSize.width;
|
|
notifyListeners();
|
|
}
|
|
|
|
void endPosition(context) {
|
|
_isDragging = false;
|
|
notifyListeners();
|
|
|
|
final status = getStatus(force: true);
|
|
|
|
|
|
switch (status) {
|
|
case CardStatus.like:
|
|
like(context);
|
|
break;
|
|
case CardStatus.disLike:
|
|
dislike();
|
|
break;
|
|
case CardStatus.discovery:
|
|
discovery();
|
|
break;
|
|
case CardStatus.message:
|
|
message(context);
|
|
break;
|
|
default:
|
|
resetPosition();
|
|
}
|
|
}
|
|
void resetPosition() {
|
|
_isDragging = false;
|
|
_position = Offset.zero;
|
|
_angle = 0;
|
|
|
|
notifyListeners();
|
|
}
|
|
|
|
double getStatusOpacity() {
|
|
final delta = 100;
|
|
final pos = max(_position.dx.abs(), _position.dy.abs());
|
|
final opacity = pos / delta;
|
|
|
|
return min(opacity, 1);
|
|
}
|
|
|
|
CardStatus? getStatus({bool force = false}) {
|
|
final x = _position.dx;
|
|
final y = _position.dy;
|
|
final forceDiscovery = x.abs() < 80;
|
|
final forceMessage = x.abs() < 100;
|
|
|
|
if(force) {
|
|
final delta = 100;
|
|
|
|
if (x >= delta) {
|
|
return CardStatus.like;
|
|
} else if ( x <= -delta){
|
|
return CardStatus.disLike;
|
|
} else if ( y <= -delta/2 && forceDiscovery){
|
|
return CardStatus.message;
|
|
} else if (y >= delta * 2 && x.abs() < 100) {
|
|
return CardStatus.discovery;
|
|
}
|
|
} else{
|
|
final delta = 20;
|
|
|
|
if(y <= -delta * 2 && forceDiscovery) {
|
|
return CardStatus.message;
|
|
} else if (y >= delta *2 && x.abs() < 80) {
|
|
return CardStatus.discovery;
|
|
}else if ( x >= delta) {
|
|
return CardStatus.like;
|
|
} else if ( x <= -delta) {
|
|
return CardStatus.disLike;
|
|
}
|
|
}
|
|
}
|
|
void dislike() {
|
|
print("dislike");
|
|
_angle = -20;
|
|
_position -= Offset(2 * _screenSize.width, 0);
|
|
_nextCard();
|
|
|
|
notifyListeners();
|
|
}
|
|
|
|
void discovery() {
|
|
_angle = 0;
|
|
_position -= Offset(0, -_screenSize.height);
|
|
_discovery_card();
|
|
print("discovery");
|
|
if(MyApp().controller.currentUser.Discovery.contains(MyApp().controller.currentUser.Spots?.last)){
|
|
MyApp().controller.currentUser.Discovery.remove(MyApp().controller.currentUser.Spots?.last);
|
|
Fluttertoast.showToast(
|
|
msg: 'Supprimer',
|
|
toastLength: Toast.LENGTH_SHORT,
|
|
gravity: ToastGravity.TOP,
|
|
timeInSecForIosWeb: 2,
|
|
backgroundColor: Colors.red,
|
|
textColor: Colors.white
|
|
);
|
|
}
|
|
else{
|
|
if(MyApp().controller.currentUser.Spots?.last != null){
|
|
MyApp().controller.currentUser.addDiscovery(MyApp().controller.currentUser.Spots.last);
|
|
Fluttertoast.showToast(
|
|
msg: 'Ajouté',
|
|
toastLength: Toast.LENGTH_SHORT,
|
|
gravity: ToastGravity.TOP,
|
|
timeInSecForIosWeb: 2,
|
|
backgroundColor: Colors.deepPurple,
|
|
textColor: Colors.white
|
|
);
|
|
notifyListeners();
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
void message(context) {
|
|
print("message");
|
|
_angle = 0;
|
|
_position -= Offset(0, _screenSize.height);
|
|
_message_card();
|
|
showModalBottomSheet(
|
|
isDismissible: false,
|
|
useRootNavigator: true,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
context: context,
|
|
constraints: BoxConstraints(
|
|
maxWidth: 600,
|
|
maxHeight: double.infinity,
|
|
),
|
|
builder: (context) => buildSheet(),);
|
|
notifyListeners();
|
|
}
|
|
Widget buildSheet() => Container(
|
|
height: 550,
|
|
width: 350,
|
|
decoration: BoxDecoration(
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.4),
|
|
offset: const Offset(
|
|
0,
|
|
0,
|
|
),
|
|
blurRadius: 10.0,
|
|
spreadRadius: 2.0,
|
|
),
|
|
BoxShadow(
|
|
color: Colors.white.withOpacity(0.3),
|
|
offset: const Offset(0.0, 0.0),
|
|
blurRadius: 0.0,
|
|
spreadRadius: 0.0,
|
|
),//BoxShadow//BoxShadow
|
|
],
|
|
color: Color(0xFF232123),
|
|
borderRadius: BorderRadius.only(
|
|
topRight: Radius.circular(30),
|
|
topLeft: Radius.circular(30),
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.fromLTRB(20, 10, 20, 10),
|
|
child: Column(
|
|
children: [
|
|
|
|
Container(
|
|
height: 5,
|
|
width: 130,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(20),
|
|
color: Color(0xFF8A8A8A),
|
|
),
|
|
),
|
|
SizedBox(height: 30,),
|
|
Container(
|
|
width: double.infinity,
|
|
height: 300,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(20),
|
|
color: Color(0xFF302C30),
|
|
),
|
|
child: Padding(
|
|
padding: EdgeInsets.all(20),
|
|
child: TextField(
|
|
maxLength: 300,
|
|
style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 17, fontWeight: FontWeight.w200),
|
|
expands: true,
|
|
maxLines: null,
|
|
keyboardType: TextInputType.multiline,
|
|
decoration: InputDecoration(
|
|
hintStyle: TextStyle(
|
|
color: Colors.white,
|
|
),
|
|
border: InputBorder.none,
|
|
hintText: "Mon message",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(height: 20,),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
height: 70,
|
|
child: ElevatedButton(
|
|
onPressed: () {},
|
|
style: ElevatedButton.styleFrom(
|
|
primary: Color(0xFF3F1DC3),
|
|
textStyle: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(17)
|
|
),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Text("Envoyer"),
|
|
Opacity(opacity: 0.2,
|
|
child: Image.asset("assets/images/send_logo.png",),)
|
|
],
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
|
|
);
|
|
|
|
|
|
void like(context) {
|
|
print("like");
|
|
_angle = 20;
|
|
_position += Offset(2 * _screenSize.width, 0);
|
|
_nextCard();
|
|
notifyListeners();
|
|
|
|
}
|
|
|
|
Future _nextCard() async {
|
|
print(_spotsList.length);
|
|
if (_spotsList.isEmpty) {
|
|
print('dernier');
|
|
return;
|
|
}
|
|
else {
|
|
await Future.delayed(Duration(milliseconds: 200));
|
|
print(_spotsList.last.name);
|
|
_spotsList.removeLast();
|
|
resetPosition();
|
|
}
|
|
}
|
|
|
|
Future _discovery_card() async {
|
|
await Future.delayed(Duration(milliseconds: 200));
|
|
resetPosition();
|
|
}
|
|
|
|
Future _message_card() async {
|
|
await Future.delayed(Duration(milliseconds: 200));
|
|
resetPosition();
|
|
}
|
|
|
|
}
|
|
|
|
|
|
class Splash extends StatefulWidget {
|
|
const Splash({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<Splash> createState() => _SplashState();
|
|
}
|
|
|
|
class _SplashState extends State<Splash> {
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
|
|
Timer(Duration(seconds: 2), () {
|
|
Navigator.pushReplacement(context,
|
|
MaterialPageRoute(builder:
|
|
(context) =>MainPage()
|
|
)
|
|
);
|
|
});
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Color(0xFF141414),
|
|
body: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
height: 300,
|
|
width: 300,
|
|
child: riv.RiveAnimation.asset('assets/images/new_file (2).riv'),
|
|
),
|
|
SizedBox(height: 50),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
Object Notify(int index, context, {bool isError = true}){
|
|
String message;
|
|
if(isError == true){
|
|
switch(index){
|
|
case 0: {
|
|
message = "Ce nom d'utilisateur existe déjà ! Veuillez réessayer.";
|
|
break;
|
|
}
|
|
case 1: {
|
|
message = "Mots de passe différents ! Veuillez réessayer.";
|
|
break;
|
|
}
|
|
case 2: {
|
|
message = "Identifiant incorrect ! Veuillez réessayer.";
|
|
break;
|
|
}
|
|
case 3: {
|
|
message = "Mot de passe incorrect ! Votre mot de passe doit contenir 8 caractères minimum.";
|
|
break;
|
|
}
|
|
case 4: {
|
|
message = "Mot de passe incorrect ! Veuillez réessayer.";
|
|
break;
|
|
}
|
|
default:
|
|
message = "Une erreur est survenue pendant l'inscription. Veuillez réessayer.";
|
|
break;
|
|
|
|
}
|
|
return ScaffoldMessenger.of(context).showSnackBar( SnackBar(
|
|
dismissDirection: DismissDirection.down,
|
|
behavior: SnackBarBehavior.floating,
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
content: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
|
|
Container(
|
|
padding: EdgeInsets.all(16),
|
|
height: 90,
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
height: 48,
|
|
width: 48,
|
|
),
|
|
Expanded(child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Oh oh !", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),
|
|
Text(message,style: TextStyle(
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 2,),
|
|
],
|
|
),),
|
|
],
|
|
),
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage("assets/images/backgroundNotify.png"),
|
|
fit: BoxFit.cover),
|
|
gradient: LinearGradient(colors: [Color(0xFF81052a),Color(0xFF810548)],begin: Alignment.topLeft, end: Alignment.bottomRight),
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.3),
|
|
blurRadius: 10,
|
|
offset: Offset(4, 8), // Shadow position
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Positioned(
|
|
top: -50,
|
|
left: -20,
|
|
child: Container(
|
|
color: Colors.transparent,
|
|
height: 110,
|
|
width: 110,
|
|
child: riv.RiveAnimation.asset("assets/images/error_icon.riv"),)),
|
|
],
|
|
)
|
|
));
|
|
}
|
|
else{
|
|
switch(index){
|
|
case 0: {
|
|
message = "Vous avez changer votre identifiant avec succès";
|
|
break;
|
|
}
|
|
case 1: {
|
|
message = "Vous avez changer votre mot de passe avec succès";
|
|
break;
|
|
}
|
|
default:
|
|
message = "L'opération a bien été éxécutée";
|
|
break;
|
|
|
|
}
|
|
return ScaffoldMessenger.of(context).showSnackBar( SnackBar(
|
|
dismissDirection: DismissDirection.down,
|
|
behavior: SnackBarBehavior.floating,
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
content: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
|
|
Container(
|
|
padding: EdgeInsets.all(16),
|
|
height: 90,
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
height: 48,
|
|
width: 48,
|
|
),
|
|
Expanded(child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("Super !", style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),
|
|
Text(message,style: TextStyle(
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 2,),
|
|
],
|
|
),),
|
|
],
|
|
),
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage("assets/images/valid_background.png"),
|
|
fit: BoxFit.cover),
|
|
gradient: LinearGradient(colors: [Color(0xFF81052a),Color(0xFF810548)],begin: Alignment.topLeft, end: Alignment.bottomRight),
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.3),
|
|
blurRadius: 10,
|
|
offset: Offset(4, 8), // Shadow position
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Positioned(
|
|
top: -50,
|
|
left: -20,
|
|
child: Container(
|
|
color: Colors.transparent,
|
|
height: 110,
|
|
width: 110,
|
|
child: riv.RiveAnimation.asset("assets/images/valid_icon.riv"),)),
|
|
],
|
|
)
|
|
));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|