2020-11-15 20:04:05 +08:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'dart:async';
|
2020-11-16 21:21:27 +08:00
|
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
2020-11-19 21:59:49 +08:00
|
|
|
import 'package:tuple/tuple.dart';
|
2020-11-17 18:10:49 +08:00
|
|
|
|
2020-11-16 01:13:26 +08:00
|
|
|
class MyTheme {
|
2020-11-20 16:37:48 +08:00
|
|
|
MyTheme._();
|
2020-11-16 01:13:26 +08:00
|
|
|
static const Color grayBg = Color(0xFFEEEEEE);
|
|
|
|
static const Color white = Color(0xFFFFFFFF);
|
2020-11-16 22:00:09 +08:00
|
|
|
static const Color accent = Color(0xFF0071FF);
|
2020-11-19 17:22:42 +08:00
|
|
|
static const Color accent50 = Color(0x770071FF);
|
2020-11-19 18:41:37 +08:00
|
|
|
static const Color canvasColor = Color(0xFF212121);
|
2020-11-20 13:06:52 +08:00
|
|
|
static const Color border = Color(0xFFCCCCCC);
|
2020-11-16 01:13:26 +08:00
|
|
|
}
|
|
|
|
|
2020-11-16 21:21:27 +08:00
|
|
|
void showLoading(String text) {
|
2020-11-18 12:49:43 +08:00
|
|
|
dismissLoading();
|
2020-11-16 21:21:27 +08:00
|
|
|
EasyLoading.show(status: text);
|
|
|
|
}
|
|
|
|
|
|
|
|
void dismissLoading() {
|
|
|
|
EasyLoading.dismiss();
|
|
|
|
}
|
2020-11-16 22:00:09 +08:00
|
|
|
|
2020-11-16 22:12:32 +08:00
|
|
|
void showSuccess(String text) {
|
2020-11-18 12:49:43 +08:00
|
|
|
dismissLoading();
|
2020-11-16 22:12:32 +08:00
|
|
|
EasyLoading.showSuccess(text);
|
|
|
|
}
|
|
|
|
|
2020-11-18 12:49:43 +08:00
|
|
|
bool _hasDialog = false;
|
2020-11-20 00:36:23 +08:00
|
|
|
typedef BuildAlertDailog = Tuple3<Widget, Widget, List<Widget>> Function(
|
|
|
|
void Function(void Function()));
|
2020-11-18 12:49:43 +08:00
|
|
|
|
2020-11-20 02:12:48 +08:00
|
|
|
Future<T> showAlertDialog<T>(BuildContext context, BuildAlertDailog build,
|
|
|
|
[WillPopCallback onWillPop,
|
2020-11-20 16:37:48 +08:00
|
|
|
bool barrierDismissible = false,
|
2020-11-20 02:12:48 +08:00
|
|
|
double contentPadding = 20]) async {
|
2020-11-18 01:55:26 +08:00
|
|
|
dismissLoading();
|
2020-11-18 12:49:43 +08:00
|
|
|
if (_hasDialog) {
|
|
|
|
Navigator.pop(context);
|
|
|
|
}
|
|
|
|
_hasDialog = true;
|
2020-11-18 16:11:19 +08:00
|
|
|
var dialog = StatefulBuilder(builder: (context, setState) {
|
2020-11-19 21:59:49 +08:00
|
|
|
var widgets = build(setState);
|
2020-11-20 00:34:17 +08:00
|
|
|
if (onWillPop == null) onWillPop = () async => false;
|
2020-11-20 00:29:59 +08:00
|
|
|
return WillPopScope(
|
2020-11-20 00:34:17 +08:00
|
|
|
onWillPop: onWillPop,
|
2020-11-20 00:29:59 +08:00
|
|
|
child: AlertDialog(
|
|
|
|
title: widgets.item1,
|
2020-11-20 02:12:48 +08:00
|
|
|
contentPadding: EdgeInsets.all(contentPadding),
|
2020-11-20 00:29:59 +08:00
|
|
|
content: widgets.item2,
|
|
|
|
actions: widgets.item3,
|
|
|
|
));
|
2020-11-18 16:11:19 +08:00
|
|
|
});
|
2020-11-20 02:12:48 +08:00
|
|
|
var res = await showDialog<T>(
|
2020-11-18 12:49:43 +08:00
|
|
|
context: context,
|
2020-11-20 02:12:48 +08:00
|
|
|
barrierDismissible: barrierDismissible,
|
2020-11-18 12:49:43 +08:00
|
|
|
builder: (context) => dialog);
|
|
|
|
_hasDialog = false;
|
2020-11-20 02:12:48 +08:00
|
|
|
return res;
|
2020-11-16 22:00:09 +08:00
|
|
|
}
|
2020-11-16 22:12:32 +08:00
|
|
|
|
2020-11-20 16:37:48 +08:00
|
|
|
void msgbox(String type, String title, String text, BuildContext context,
|
2020-11-24 11:25:56 +08:00
|
|
|
[bool hasCancel]) {
|
|
|
|
if (hasCancel == null) {
|
|
|
|
hasCancel = type != 'error';
|
|
|
|
}
|
2020-11-19 21:59:49 +08:00
|
|
|
showAlertDialog(
|
|
|
|
context,
|
|
|
|
(_) => Tuple3(Text(title), Text(text), [
|
2020-11-20 16:37:48 +08:00
|
|
|
hasCancel
|
2020-11-24 11:25:56 +08:00
|
|
|
? FlatButton(
|
2020-11-20 16:37:48 +08:00
|
|
|
textColor: MyTheme.accent,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context);
|
|
|
|
},
|
|
|
|
child: Text('Cancel'),
|
2020-11-24 11:25:56 +08:00
|
|
|
)
|
|
|
|
: Spacer(),
|
2020-11-19 21:59:49 +08:00
|
|
|
FlatButton(
|
|
|
|
textColor: MyTheme.accent,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context);
|
|
|
|
Navigator.pop(context);
|
|
|
|
},
|
|
|
|
child: Text('OK'),
|
|
|
|
),
|
|
|
|
]));
|
2020-11-18 01:55:26 +08:00
|
|
|
}
|
2020-11-21 14:40:28 +08:00
|
|
|
|
|
|
|
class PasswordWidget extends StatefulWidget {
|
|
|
|
PasswordWidget({Key key, this.controller}) : super(key: key);
|
|
|
|
|
|
|
|
final TextEditingController controller;
|
|
|
|
|
|
|
|
@override
|
|
|
|
_PasswordWidgetState createState() => _PasswordWidgetState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _PasswordWidgetState extends State<PasswordWidget> {
|
|
|
|
bool _passwordVisible = false;
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-11-23 01:16:17 +08:00
|
|
|
return TextField(
|
2020-11-21 14:40:28 +08:00
|
|
|
autofocus: true,
|
|
|
|
keyboardType: TextInputType.text,
|
|
|
|
controller: widget.controller,
|
|
|
|
obscureText: !_passwordVisible, //This will obscure text dynamically
|
|
|
|
decoration: InputDecoration(
|
|
|
|
labelText: 'Password',
|
|
|
|
hintText: 'Enter your password',
|
|
|
|
// Here is key idea
|
|
|
|
suffixIcon: IconButton(
|
|
|
|
icon: Icon(
|
|
|
|
// Based on passwordVisible state choose the icon
|
|
|
|
_passwordVisible ? Icons.visibility : Icons.visibility_off,
|
|
|
|
color: Theme.of(context).primaryColorDark,
|
|
|
|
),
|
|
|
|
onPressed: () {
|
|
|
|
// Update the state i.e. toogle the state of passwordVisible variable
|
|
|
|
setState(() {
|
|
|
|
_passwordVisible = !_passwordVisible;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|