Skip to content

D
Dolan SelfService Topup
Commit e186364d authored by Izol's avatar Izol
Browse files
Options

#3

parent 64124429
Show whitespace changes
Inline Side-by-side
Showing with 249 additions and 231 deletions
lib/ui/pages/home_page.dart
View file @ e186364d
...@@ -4,6 +4,7 @@ import 'dart:convert'; ...@@ -4,6 +4,7 @@ import 'dart:convert';
import 'dart:async'; import 'dart:async';
import 'dart:io'; import 'dart:io';
import 'dart:math'; import 'dart:math';
import 'dart:ui';
import 'package:awesome_dialog/awesome_dialog.dart'; import 'package:awesome_dialog/awesome_dialog.dart';
import 'package:otp_text_field/otp_field.dart'; import 'package:otp_text_field/otp_field.dart';
...@@ -1273,13 +1274,17 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1273,13 +1274,17 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
return StatefulBuilder(builder: (context, StateSetter setState) { return StatefulBuilder(builder: (context, StateSetter setState) {
return Container( return Container(
decoration: BoxDecoration( decoration: BoxDecoration(
image: const DecorationImage( color: lightBackgroundColor
fit: BoxFit.cover,
image: AssetImage(
'assets/img_bg_card.png',
), ),
), ), child: Stack(
child:Center( children: [
BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
child: Container(
color: Colors.black.withOpacity(0.2),
),
),
Center(
child: SingleChildScrollView( child: SingleChildScrollView(
child: AlertDialog( child: AlertDialog(
backgroundColor: lightBackgroundColor, backgroundColor: lightBackgroundColor,
...@@ -1287,7 +1292,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1287,7 +1292,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 20, vertical: 20), horizontal: 20, vertical: 20),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(0), borderRadius: BorderRadius.circular(28),
image: const DecorationImage( image: const DecorationImage(
fit: BoxFit.cover, fit: BoxFit.cover,
image: AssetImage( image: AssetImage(
...@@ -1295,7 +1300,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1295,7 +1300,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
), ),
), ),
), ),
width: 1200, width: 1100,
margin: margin:
const EdgeInsets.symmetric(vertical: 10, horizontal: 0), const EdgeInsets.symmetric(vertical: 10, horizontal: 0),
child: Row( child: Row(
...@@ -1319,7 +1324,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1319,7 +1324,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
), ),
), ),
SizedBox( SizedBox(
width: 480, width: 400,
), ),
Text( Text(
'Isi Ulang Saldo', 'Isi Ulang Saldo',
...@@ -1631,6 +1636,8 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1631,6 +1636,8 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
), ),
), ),
), ),
],
),
); );
}); });
}); });
...@@ -1664,20 +1671,11 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -1664,20 +1671,11 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
} }
}); });
return Container( return Container(
width: 1000,
height: 800,
padding: padding:
const EdgeInsets.symmetric(horizontal: 150, vertical: 30), const EdgeInsets.symmetric(horizontal: 150, vertical: 30),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(28), borderRadius: BorderRadius.circular(28),
boxShadow: [ color:lightBackgroundColor,
BoxShadow(
color: Colors.grey.withOpacity(0.3), //color of shadow
spreadRadius: 3, //spread radius
blurRadius: 7, // blur radius
offset: Offset(3, 3), // changes position of shadow
),
],
), ),
child: Scaffold( child: Scaffold(
body: Column(children: [ body: Column(children: [
...@@ -2155,7 +2153,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -2155,7 +2153,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
), ),
TimerBuilder.periodic(Duration(seconds: 1), builder: (context) { TimerBuilder.periodic(Duration(seconds: 1), builder: (context) {
// print("${getSystemTime()}"); // print("${getSystemTime()}");
return Column( return Row(
children: [ children: [
Text( Text(
"${getSystemTime()}", "${getSystemTime()}",
...@@ -2165,14 +2163,6 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -2165,14 +2163,6 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
fontWeight: bold, fontWeight: bold,
), ),
), ),
Text(
"${getDate()}",
style: TextStyle(
color: darkBackgroundColor,
fontSize: 17,
fontWeight: semiBold,
),
),
], ],
); );
}), }),
...@@ -2418,7 +2408,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -2418,7 +2408,7 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
), ),
Positioned( Positioned(
bottom: 36, bottom: 36,
left: 60, left: 0,
child: Row( child: Row(
children: [ children: [
Container( Container(
...@@ -2429,25 +2419,53 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback { ...@@ -2429,25 +2419,53 @@ class _HomePageState extends State<HomePage> implements AlertDialogCallback {
width: 12, width: 12,
height: 12, height: 12,
), ),
// SizedBox(width: 4), // add some space between the color and text
// Text(
// '${_downloadSpeed.toStringAsFixed(2)} KB/s',
// style: TextStyle(fontSize: 12, color: Colors.grey),
// ),
], ],
), ),
), ),
// Positioned(
// bottom: 20,
// left: 0,
// child: Ink(
// decoration: ShapeDecoration(
// color: Colors.white,
// shape: CircleBorder(),
// ),
// child: InkWell(
// borderRadius: BorderRadius.circular(1000.0),
// onTap: () {
// // aksi yang ingin dilakukan ketika tombol ditekan
// },
// child: Padding(
// padding: const EdgeInsets.all(8.0),
// child: Icon(Icons.settings, size: 28,),
// ),
// ),
// ),
// ),
Positioned( Positioned(
bottom: 20, bottom: 30,
left: 0, left: 30,
child: IconButton( child: Row(
icon: Icon(Icons.settings), children: [
onPressed: () { TimerBuilder.periodic(Duration(seconds: 1), builder: (context) {
// aksi yang ingin dilakukan ketika tombol ditekan // print("${getSystemTime()}");
}, return Row(
children: [
Text(
"${getDate()}",
style: TextStyle(
color: darkBackgroundColor,
fontSize: 15,
fontWeight: semiBold,
), ),
), ),
],
);
}),
],
),
),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
......
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