diff --git a/Sources/dafl_project_flutter/lib/views/pages/sign_up/p_sign_up.dart b/Sources/dafl_project_flutter/lib/views/pages/sign_up/p_sign_up.dart new file mode 100644 index 0000000..4fb6fc7 --- /dev/null +++ b/Sources/dafl_project_flutter/lib/views/pages/sign_up/p_sign_up.dart @@ -0,0 +1,311 @@ +import 'dart:io'; + +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; +import 'package:page_transition/page_transition.dart'; +import 'package:daflmusic/signInPage/main_signIn_page.dart'; +import 'package:daflmusic/homePage/main_homepage.dart'; +import 'package:daflmusic/signUpPage/main_signUp_page.dart'; + +class MainSignUpPage extends StatefulWidget { + const MainSignUpPage({Key? key}) : super(key: key); + + @override + State createState() => _MainSignUpPageState(); +} + +class _MainSignUpPageState extends State { + + Color boxColor = Colors.white; + bool isHovering = false; + @override + TextEditingController passwordconfirm = new TextEditingController(); + bool isChecked = false; + Widget build(BuildContext context) { + return Scaffold( + resizeToAvoidBottomInset: false, + backgroundColor: Color(0xFF141414), + body: Stack( + alignment: AlignmentDirectional.topCenter, + children: [ + Image.asset( + 'assets/images/background.png', + height: double.infinity, + width: double.infinity, + fit: BoxFit.cover, + ), + Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.end, + children: [ + + Image.asset( + 'assets/images/Logo.png', + width: 250, + ), + SizedBox(height: 45,), + Text( + "S'INSCRIRE", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 23, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + SizedBox(height: 10,), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 0, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + ), + Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/profil_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + + ),Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/password_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + + ),Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + controller: passwordconfirm, + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/password_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Color(0xFF24CF5F), + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + ), + Padding( + padding: EdgeInsets.fromLTRB(0, 10, 10, 0), + child: Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + "Lier compte ", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 18, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + Image.asset( + 'assets/images/spotify_logo.png', + height: 25, + width: 25, + fit: BoxFit.cover, + ), + ], + ),), + + ], + ) + ), + SizedBox(height: 30,), + ClipRRect( + borderRadius: BorderRadius.circular(22), + + child: Material( + + child: InkWell( + highlightColor: Colors.grey.shade100, + splashColor: Color(0xFF406DE1), + onTap: (){ + setState(() { + boxColor = Colors.blue; + }); + Navigator.of(context).push( + PageTransition( + duration: Duration(milliseconds: 300), + reverseDuration: Duration(milliseconds: 300), + type: PageTransitionType.leftToRightJoined, + childCurrent: widget, + child: MainHomePage()), + ); + }, + child:Ink( + child: Align( + alignment: Alignment.center, + child: Image.asset( + 'assets/images/valid_logo.png', + width: 47, + ), + ), + padding: EdgeInsets.fromLTRB(0, 10, 0, 0), + width: 83, + height: 83, + decoration: BoxDecoration( + color: Colors.white,// Set rounded corner radius + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + + ), + ), + ), + ), + SizedBox(height: 100,), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text('Tu n’as déjà un compte?', style: TextStyle(color: Colors.white, fontWeight: FontWeight.normal, fontSize: 17)), + GestureDetector( + onTap: () { + Navigator.of(context).push( + PageTransition( + type: PageTransitionType.fade, + childCurrent: widget, + child: MainSignInPage()), + ); + }, + child: Text(' se connecter', style: TextStyle(color: Color(0xFF406DE1), fontWeight: FontWeight.normal, fontSize: 16), + ), + ), + ], + ), + SizedBox(height: 60,), + ], + ), + Align( + alignment: Alignment.topRight, + child: Container( + padding: EdgeInsets.fromLTRB(0, 20, 20, 0), + child: Text("v1.0", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700), + ), + ) + ), + + ], + ), + ); + } +}