Skip to content

M
medapp_eksad
Commit 5c06fa7d authored by Fikri's avatar Fikri
Browse files
Options

merapikan register_pic

parent 5317d055
Show whitespace changes
Inline Side-by-side
Showing with 398 additions and 349 deletions
lib/register_pic.dart
View file @ 5c06fa7d
...@@ -9,7 +9,6 @@ class RegisterPic extends StatefulWidget { ...@@ -9,7 +9,6 @@ class RegisterPic extends StatefulWidget {
} }
class _RegisterPicState extends State<RegisterPic> { class _RegisterPicState extends State<RegisterPic> {
bool _isObscure = true; bool _isObscure = true;
final _formKey = GlobalKey<FormState>(); final _formKey = GlobalKey<FormState>();
...@@ -34,17 +33,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -34,17 +33,15 @@ class _RegisterPicState extends State<RegisterPic> {
image: DecorationImage( image: DecorationImage(
image: AssetImage("assets/images/bg-medapp.png"), image: AssetImage("assets/images/bg-medapp.png"),
fit: BoxFit.fill, fit: BoxFit.fill,
) )),
),
padding: EdgeInsets.only( padding: EdgeInsets.only(
left: screenize.width * 0.13, left: screenize.width * 0.13,
top: screenize.height * 0.05, top: screenize.height * 0.05,
bottom: screenize.height * 0.05 bottom: screenize.height * 0.05),
),
child: Stack( child: Stack(
children: [ children: [
Padding( Padding(
padding: EdgeInsets.symmetric(vertical: screenize.height*0.15), padding: EdgeInsets.symmetric(vertical: screenize.height * 0.15),
// child: Container( // child: Container(
// decoration: BoxDecoration( // decoration: BoxDecoration(
// color: const Color.fromARGB(255, 10, 116, 255), // color: const Color.fromARGB(255, 10, 116, 255),
...@@ -65,7 +62,7 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -65,7 +62,7 @@ class _RegisterPicState extends State<RegisterPic> {
left: screenize.width * 0.35, left: screenize.width * 0.35,
), ),
child: Container( child: Container(
width: screenize.width * 0.30, width: screenize.width * 0.50,
height: screenize.height * 1, height: screenize.height * 1,
alignment: Alignment.center, alignment: Alignment.center,
decoration: BoxDecoration( decoration: BoxDecoration(
...@@ -77,23 +74,24 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -77,23 +74,24 @@ class _RegisterPicState extends State<RegisterPic> {
), ),
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
color: const Color.fromARGB(255, 10, 116, 255).withAlpha(60), color:
const Color.fromARGB(255, 10, 116, 255).withAlpha(60),
blurRadius: 15.0, blurRadius: 15.0,
spreadRadius: 20.0, spreadRadius: 20.0,
offset: const Offset( offset: const Offset(
0.0, 0.0,
3.0, 3.0,
), ),
),], ),
],
), ),
child: Form( child: Form(
key: _formKey, key: _formKey,
child: Container( child: Container(
padding: EdgeInsets.only( padding: EdgeInsets.only(
left: screenize.width * 0.045, left: screenize.width * 0.045,
top: screenize.height * 0.01 top: screenize.height * 0.01),
), width: screenize.width * 0.50,
width: screenize.width * 0.36,
height: screenize.height * 1, height: screenize.height * 1,
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
...@@ -101,14 +99,20 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -101,14 +99,20 @@ class _RegisterPicState extends State<RegisterPic> {
children: [ children: [
const Spacer(), const Spacer(),
Container( Container(
padding: EdgeInsets.only( padding:
left: screenize.width * 0.05 EdgeInsets.only(left: screenize.width * 0.15),
),
height: screenize.width * 0.03, height: screenize.width * 0.03,
child: Image.asset("assets/logo/medapp-logo.png"), child: Image.asset("assets/logo/medapp-logo.png"),
), ),
const SizedBox(height: 20,), const SizedBox(
height: 20,
),
Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============nama rs============= // ===============nama rs=============
Row( Row(
children: [ children: [
...@@ -120,14 +124,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -120,14 +124,15 @@ class _RegisterPicState extends State<RegisterPic> {
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("Nama Rumah Sakit", const Text(
style: TextStyle( "Nama Rumah Sakit",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -138,15 +143,13 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -138,15 +143,13 @@ class _RegisterPicState extends State<RegisterPic> {
textAlign: TextAlign.start, textAlign: TextAlign.start,
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Nama Rumah Sakit", labelText: "Nama Rumah Sakit",
labelStyle: TextStyle( labelStyle: TextStyle(fontSize: 13),
fontSize: 13
),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Nama Rumah Sakit tidak boleh kosong"; return "Nama Rumah Sakit tidak boleh kosong";
} }
return null; return null;
...@@ -156,9 +159,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -156,9 +159,15 @@ class _RegisterPicState extends State<RegisterPic> {
], ],
), ),
// ===============akhir nama rs============= // ===============akhir nama rs=============
],
const SizedBox(height: 5 ,), ),
const SizedBox(
width: 30,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============telepon rs========== // ===============telepon rs==========
Row( Row(
children: [ children: [
...@@ -170,14 +179,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -170,14 +179,15 @@ class _RegisterPicState extends State<RegisterPic> {
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("No Telepon Rumah Sakit", const Text(
style: TextStyle( "No Telepon Rumah Sakit",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -186,49 +196,56 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -186,49 +196,56 @@ class _RegisterPicState extends State<RegisterPic> {
child: TextFormField( child: TextFormField(
controller: phoneRSController, controller: phoneRSController,
textAlign: TextAlign.start, textAlign: TextAlign.start,
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Nomor Telepon Rumah Sakit tidak boleh kosong"; return "Nomor Telepon Rumah Sakit tidak boleh kosong";
} }
return null; return null;
}, },
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Nomor Telepon Rumah Sakit", labelText:
labelStyle: TextStyle( "Nomor Telepon Rumah Sakit",
fontSize: 13 labelStyle: TextStyle(fontSize: 13),
),
hintStyle: const TextStyle(), hintStyle: const TextStyle(),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
), ),
) )
], ],
), ),
// ===============akhir telepon rs========== // ===============akhir telepon rs==========
],
const SizedBox(height: 5,), ),
],
),
Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============alamat rs========== // ===============alamat rs==========
Row( Row(
children: [ children: [
Icon( Icon(
Icons.phone_android, Icons.add_home_work_sharp,
color: Colors.grey[500], color: Colors.grey[500],
size: screenize.width * 0.01, size: screenize.width * 0.01,
), ),
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("Alamat Rumah Sakit", const Text(
style: TextStyle( "Alamat Rumah Sakit",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -237,29 +254,35 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -237,29 +254,35 @@ class _RegisterPicState extends State<RegisterPic> {
child: TextFormField( child: TextFormField(
controller: addressRSController, controller: addressRSController,
textAlign: TextAlign.start, textAlign: TextAlign.start,
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Nomor Alamat Rumah Sakit tidak boleh kosong"; return "Nomor Alamat Rumah Sakit tidak boleh kosong";
} }
return null; return null;
}, },
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Nomor Alamat Rumah Sakit", labelText:
labelStyle: TextStyle( "Nomor Alamat Rumah Sakit",
fontSize: 13 labelStyle: TextStyle(fontSize: 13),
),
hintStyle: const TextStyle(), hintStyle: const TextStyle(),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
), ),
) )
], ],
), ),
// ===============akhir alamat rs========== // ===============akhir alamat rs==========
const SizedBox(height: 5,), ],
),
const SizedBox(
width: 30,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============nama pic============= // ===============nama pic=============
Row( Row(
children: [ children: [
...@@ -271,14 +294,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -271,14 +294,15 @@ class _RegisterPicState extends State<RegisterPic> {
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("Nama PIC", const Text(
style: TextStyle( "Nama PIC",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -289,15 +313,13 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -289,15 +313,13 @@ class _RegisterPicState extends State<RegisterPic> {
textAlign: TextAlign.start, textAlign: TextAlign.start,
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Nama PIC", labelText: "Nama PIC",
labelStyle: TextStyle( labelStyle: TextStyle(fontSize: 13),
fontSize: 13
),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Nama PIC tidak boleh kosong"; return "Nama PIC tidak boleh kosong";
} }
return null; return null;
...@@ -307,10 +329,17 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -307,10 +329,17 @@ class _RegisterPicState extends State<RegisterPic> {
], ],
), ),
// ===============akhir nama pic============= // ===============akhir nama pic=============
],
const SizedBox(height: 5 ,), ),
],
// ===============telepon rs========== ),
Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============telepon pic==========
Row( Row(
children: [ children: [
Icon( Icon(
...@@ -321,14 +350,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -321,14 +350,15 @@ class _RegisterPicState extends State<RegisterPic> {
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("No Telepon PIC", const Text(
style: TextStyle( "No Telepon PIC",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -337,29 +367,34 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -337,29 +367,34 @@ class _RegisterPicState extends State<RegisterPic> {
child: TextFormField( child: TextFormField(
controller: phonePICController, controller: phonePICController,
textAlign: TextAlign.start, textAlign: TextAlign.start,
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Nomor Telepon PIC tidak boleh kosong"; return "Nomor Telepon PIC tidak boleh kosong";
} }
return null; return null;
}, },
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Nomor Telepon PIC", labelText: "Nomor Telepon PIC",
labelStyle: TextStyle( labelStyle: TextStyle(fontSize: 13),
fontSize: 13
),
hintStyle: const TextStyle(), hintStyle: const TextStyle(),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
), ),
) )
], ],
), ),
// ===============akhir telepon pic========== // ===============akhir telepon pic==========
const SizedBox(height: 5,), ],
),
const SizedBox(
width: 30,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============email pic========== // ===============email pic==========
Row( Row(
children: [ children: [
...@@ -371,14 +406,15 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -371,14 +406,15 @@ class _RegisterPicState extends State<RegisterPic> {
const SizedBox( const SizedBox(
width: 10, width: 10,
), ),
const Text("Email PIC", const Text(
style: TextStyle( "Email PIC",
fontSize: 13 style: TextStyle(fontSize: 13),
),
), ),
], ],
), ),
const SizedBox(height: 5,), const SizedBox(
height: 5,
),
Row( Row(
children: [ children: [
SizedBox( SizedBox(
...@@ -387,30 +423,35 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -387,30 +423,35 @@ class _RegisterPicState extends State<RegisterPic> {
child: TextFormField( child: TextFormField(
controller: emailPICController, controller: emailPICController,
textAlign: TextAlign.start, textAlign: TextAlign.start,
validator: (value){ validator: (value) {
if (value == null || value.isEmpty){ if (value == null || value.isEmpty) {
return "Email PIC tidak boleh kosong"; return "Email PIC tidak boleh kosong";
} }
return null; return null;
}, },
decoration: InputDecoration( decoration: InputDecoration(
labelText: "Email PIC", labelText: "Email PIC",
labelStyle: TextStyle( labelStyle: TextStyle(fontSize: 13),
fontSize:13
),
hintStyle: const TextStyle(), hintStyle: const TextStyle(),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius:
) BorderRadius.circular(5.0),
), )),
), ),
) )
], ],
), ),
// ===============akhir email pic========== // ===============akhir email pic==========
],
const SizedBox(height: 5,), ),
],
),
Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
// ===============password========== // ===============password==========
Row( Row(
children: [ children: [
...@@ -467,18 +508,25 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -467,18 +508,25 @@ class _RegisterPicState extends State<RegisterPic> {
), ),
), ),
// ===============akhir password========== // ===============akhir password==========
],
),
],
),
const Spacer( const Spacer(
flex: 4, flex: 4,
), ),
Row( Container(
padding:
EdgeInsets.only(left: screenize.width * 0.10),
height: screenize.width * 0.03,
child: Row(
children: [ children: [
SizedBox( SizedBox(
height: 30, height: 30,
width: screenize.width * 0.09, width: screenize.width * 0.09,
child: ElevatedButton( child: ElevatedButton(
onPressed: (){ onPressed: () {
Navigator.pushNamed(context, '/login'); Navigator.pushNamed(context, '/login');
}, },
child: const Text("LOGIN"), child: const Text("LOGIN"),
...@@ -529,6 +577,7 @@ class _RegisterPicState extends State<RegisterPic> { ...@@ -529,6 +577,7 @@ class _RegisterPicState extends State<RegisterPic> {
) )
], ],
), ),
),
const Spacer( const Spacer(
flex: 4, flex: 4,
) )
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment