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';
|
2022-02-28 16:11:21 +08:00
|
|
|
import 'package:flutter_hbb/main.dart';
|
2020-11-19 21:59:49 +08:00
|
|
|
import 'package:tuple/tuple.dart';
|
2021-08-02 20:54:56 +08:00
|
|
|
|
|
|
|
typedef F = String Function(String);
|
2022-02-10 02:07:53 +08:00
|
|
|
typedef FMethod = String Function(String, dynamic);
|
2021-08-02 20:54:56 +08:00
|
|
|
|
|
|
|
class Translator {
|
2022-02-17 15:22:14 +08:00
|
|
|
static late F call;
|
2021-04-25 00:19:35 +08:00
|
|
|
}
|
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._();
|
2022-02-02 17:25:56 +08:00
|
|
|
|
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-27 02:14:27 +08:00
|
|
|
static const Color accent80 = Color(0xAA0071FF);
|
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);
|
2022-01-31 16:22:05 +08:00
|
|
|
static const Color idColor = Color(0xFF00B6F0);
|
|
|
|
static const Color darkGray = Color(0xFFB9BABC);
|
2020-11-16 01:13:26 +08:00
|
|
|
}
|
|
|
|
|
2021-08-02 20:54:56 +08:00
|
|
|
final ButtonStyle flatButtonStyle = TextButton.styleFrom(
|
|
|
|
minimumSize: Size(88, 36),
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: 16.0),
|
|
|
|
shape: const RoundedRectangleBorder(
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(2.0)),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
void showLoading(String text) {
|
|
|
|
DialogManager.reset();
|
|
|
|
EasyLoading.dismiss();
|
2022-02-24 16:20:03 +08:00
|
|
|
EasyLoading.show(status: text, maskType: EasyLoadingMaskType.black);
|
2020-11-16 21:21:27 +08:00
|
|
|
}
|
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
class DialogManager{
|
|
|
|
static BuildContext? _dialogContext;
|
2020-11-16 22:00:09 +08:00
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
static void reset(){
|
|
|
|
if(_dialogContext!=null){
|
|
|
|
Navigator.pop(_dialogContext!);
|
|
|
|
}
|
|
|
|
_dialogContext = null;
|
|
|
|
}
|
|
|
|
static void register(BuildContext dialogContext){
|
|
|
|
_dialogContext = dialogContext;
|
|
|
|
}
|
|
|
|
}
|
2022-02-02 17:25:56 +08:00
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
typedef BuildAlertDialog = Tuple3<Widget, Widget, List<Widget>> Function(
|
2020-11-20 00:36:23 +08:00
|
|
|
void Function(void Function()));
|
2020-11-18 12:49:43 +08:00
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
// flutter Dialog
|
|
|
|
Future<T?> showAlertDialog<T>(BuildAlertDialog build,
|
2022-02-17 15:22:14 +08:00
|
|
|
[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 {
|
2022-02-28 16:11:21 +08:00
|
|
|
EasyLoading.dismiss();
|
|
|
|
DialogManager.reset();
|
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
|
|
|
});
|
2022-02-28 16:11:21 +08:00
|
|
|
if(globalKey.currentContext == null) return null;
|
2020-11-20 02:12:48 +08:00
|
|
|
var res = await showDialog<T>(
|
2022-02-28 16:11:21 +08:00
|
|
|
context: globalKey.currentContext!,
|
2020-11-20 02:12:48 +08:00
|
|
|
barrierDismissible: barrierDismissible,
|
2022-02-28 16:11:21 +08:00
|
|
|
builder: (context) {
|
|
|
|
DialogManager.register(context);
|
|
|
|
return dialog;
|
|
|
|
});
|
|
|
|
DialogManager.reset();
|
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
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
// EasyLoading
|
|
|
|
void msgBox(String type, String title, String text,
|
2022-02-17 15:22:14 +08:00
|
|
|
{bool? hasCancel}) {
|
2020-11-29 01:36:10 +08:00
|
|
|
var wrap = (String text, void Function() onPressed) => ButtonTheme(
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
|
2022-02-02 17:25:56 +08:00
|
|
|
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
|
|
//limits the touch area to the button area
|
|
|
|
minWidth: 0,
|
|
|
|
//wraps child's width
|
2020-11-29 01:36:10 +08:00
|
|
|
height: 0,
|
2021-08-02 20:54:56 +08:00
|
|
|
child: TextButton(
|
|
|
|
style: flatButtonStyle,
|
2020-11-29 01:36:10 +08:00
|
|
|
onPressed: onPressed,
|
2021-08-02 20:54:56 +08:00
|
|
|
child: Text(Translator.call(text),
|
|
|
|
style: TextStyle(color: MyTheme.accent))));
|
2020-11-29 01:36:10 +08:00
|
|
|
|
2022-02-28 16:11:21 +08:00
|
|
|
EasyLoading.dismiss();
|
|
|
|
DialogManager.reset();
|
|
|
|
if(globalKey.currentContext == null) return;
|
2020-11-29 01:36:10 +08:00
|
|
|
final buttons = [
|
|
|
|
Expanded(child: Container()),
|
2021-08-02 20:54:56 +08:00
|
|
|
wrap(Translator.call('OK'), () {
|
2022-02-28 16:11:21 +08:00
|
|
|
EasyLoading.dismiss();
|
|
|
|
Navigator.pop(globalKey.currentContext!); // TODO
|
2020-11-29 01:36:10 +08:00
|
|
|
})
|
|
|
|
];
|
2020-11-24 11:25:56 +08:00
|
|
|
if (hasCancel == null) {
|
|
|
|
hasCancel = type != 'error';
|
|
|
|
}
|
2020-11-29 01:36:10 +08:00
|
|
|
if (hasCancel) {
|
|
|
|
buttons.insert(
|
|
|
|
1,
|
2021-08-02 20:54:56 +08:00
|
|
|
wrap(Translator.call('Cancel'), () {
|
2022-02-28 16:11:21 +08:00
|
|
|
EasyLoading.dismiss();
|
2020-11-29 01:36:10 +08:00
|
|
|
}));
|
|
|
|
}
|
2022-02-17 15:22:14 +08:00
|
|
|
EasyLoading.show(
|
|
|
|
status: "",
|
|
|
|
maskType: EasyLoadingMaskType.black,
|
|
|
|
indicator: Container(
|
|
|
|
constraints: BoxConstraints(maxWidth: 300),
|
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(Translator.call(title), style: TextStyle(fontSize: 21)),
|
|
|
|
SizedBox(height: 20),
|
|
|
|
Text(Translator.call(text), style: TextStyle(fontSize: 15)),
|
|
|
|
SizedBox(height: 20),
|
|
|
|
Row(
|
|
|
|
children: buttons,
|
|
|
|
)
|
|
|
|
],
|
|
|
|
))
|
|
|
|
);
|
2020-11-18 01:55:26 +08:00
|
|
|
}
|
2020-11-21 14:40:28 +08:00
|
|
|
|
|
|
|
class PasswordWidget extends StatefulWidget {
|
2022-02-17 15:22:14 +08:00
|
|
|
PasswordWidget({Key? key, required this.controller}) : super(key: key);
|
2020-11-21 14:40:28 +08:00
|
|
|
|
|
|
|
final TextEditingController controller;
|
|
|
|
|
|
|
|
@override
|
|
|
|
_PasswordWidgetState createState() => _PasswordWidgetState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _PasswordWidgetState extends State<PasswordWidget> {
|
|
|
|
bool _passwordVisible = false;
|
2022-02-02 17:25:56 +08:00
|
|
|
|
2020-11-21 14:40:28 +08:00
|
|
|
@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,
|
|
|
|
controller: widget.controller,
|
2022-02-02 17:25:56 +08:00
|
|
|
obscureText: !_passwordVisible,
|
|
|
|
//This will obscure text dynamically
|
2020-12-22 14:41:14 +08:00
|
|
|
keyboardType: TextInputType.visiblePassword,
|
2020-11-21 14:40:28 +08:00
|
|
|
decoration: InputDecoration(
|
2021-08-02 20:54:56 +08:00
|
|
|
labelText: Translator.call('Password'),
|
|
|
|
hintText: Translator.call('Enter your password'),
|
2020-11-21 14:40:28 +08:00
|
|
|
// 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;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2020-11-25 18:33:09 +08:00
|
|
|
|
|
|
|
Color str2color(String str, [alpha = 0xFF]) {
|
|
|
|
var hash = 160 << 16 + 114 << 8 + 91;
|
|
|
|
for (var i = 0; i < str.length; i += 1) {
|
|
|
|
hash = str.codeUnitAt(i) + ((hash << 5) - hash);
|
|
|
|
}
|
2021-08-14 14:14:01 +08:00
|
|
|
hash = hash % 16777216;
|
|
|
|
return Color((hash & 0xFF7FFF) | (alpha << 24));
|
2020-11-25 18:33:09 +08:00
|
|
|
}
|
2022-02-02 17:25:56 +08:00
|
|
|
|
2022-01-26 19:00:23 +08:00
|
|
|
bool isAndroid = false;
|
|
|
|
bool isIOS = false;
|
|
|
|
bool isWeb = false;
|
2022-01-31 16:22:05 +08:00
|
|
|
bool isDesktop = false;
|