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-02 17:25:56 +08:00
|
|
|
import 'package:flutter_hbb/server_page.dart';
|
2020-11-19 21:59:49 +08:00
|
|
|
import 'package:tuple/tuple.dart';
|
2021-08-18 00:39:48 +08:00
|
|
|
import 'dart:io';
|
2022-02-02 17:25:56 +08:00
|
|
|
import 'main.dart';
|
2021-08-02 20:54:56 +08:00
|
|
|
|
|
|
|
typedef F = String Function(String);
|
|
|
|
|
|
|
|
class Translator {
|
|
|
|
static 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);
|
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)),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
|
2021-08-18 02:01:03 +08:00
|
|
|
void Function() loadingCancelCallback = null;
|
2022-02-02 17:25:56 +08:00
|
|
|
|
2020-11-26 21:41:25 +08:00
|
|
|
void showLoading(String text, BuildContext context) {
|
2020-11-26 22:48:15 +08:00
|
|
|
if (_hasDialog && context != null) {
|
2020-11-26 21:41:25 +08:00
|
|
|
Navigator.pop(context);
|
|
|
|
}
|
2020-11-18 12:49:43 +08:00
|
|
|
dismissLoading();
|
2021-08-18 00:39:48 +08:00
|
|
|
if (Platform.isAndroid) {
|
|
|
|
EasyLoading.show(status: text, maskType: EasyLoadingMaskType.black);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
EasyLoading.showWidget(
|
|
|
|
Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Center(child: CircularProgressIndicator()),
|
|
|
|
SizedBox(height: 20),
|
|
|
|
Center(
|
|
|
|
child:
|
|
|
|
Text(Translator.call(text), style: TextStyle(fontSize: 15))),
|
|
|
|
SizedBox(height: 20),
|
|
|
|
Center(
|
|
|
|
child: TextButton(
|
|
|
|
style: flatButtonStyle,
|
|
|
|
onPressed: () {
|
2021-08-18 02:01:03 +08:00
|
|
|
// with out loadingCancelCallback, we can see unexpected input password
|
|
|
|
// dialog shown in home, no clue why, so use this as workaround
|
|
|
|
// why no such issue on android?
|
|
|
|
if (loadingCancelCallback != null) loadingCancelCallback();
|
2021-08-18 00:39:48 +08:00
|
|
|
Navigator.pop(context);
|
|
|
|
},
|
|
|
|
child: Text(Translator.call('Cancel'),
|
|
|
|
style: TextStyle(color: MyTheme.accent))))
|
|
|
|
],
|
|
|
|
),
|
|
|
|
maskType: EasyLoadingMaskType.black);
|
2020-11-16 21:21:27 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
void dismissLoading() {
|
|
|
|
EasyLoading.dismiss();
|
|
|
|
}
|
2020-11-16 22:00:09 +08:00
|
|
|
|
2020-11-18 12:49:43 +08:00
|
|
|
bool _hasDialog = false;
|
2022-02-02 17:25:56 +08:00
|
|
|
|
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-29 01:36:10 +08:00
|
|
|
void msgbox(String type, String title, String text, BuildContext context,
|
|
|
|
[bool hasCancel]) {
|
|
|
|
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
|
|
|
|
|
|
|
dismissLoading();
|
|
|
|
if (_hasDialog) {
|
|
|
|
Navigator.pop(context);
|
|
|
|
}
|
|
|
|
final buttons = [
|
|
|
|
Expanded(child: Container()),
|
2021-08-02 20:54:56 +08:00
|
|
|
wrap(Translator.call('OK'), () {
|
2020-11-29 01:36:10 +08:00
|
|
|
dismissLoading();
|
|
|
|
Navigator.pop(context);
|
|
|
|
})
|
|
|
|
];
|
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'), () {
|
2020-11-29 01:36:10 +08:00
|
|
|
dismissLoading();
|
|
|
|
}));
|
|
|
|
}
|
2020-11-29 02:07:26 +08:00
|
|
|
EasyLoading.showWidget(
|
|
|
|
Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
2021-08-02 20:54:56 +08:00
|
|
|
Text(Translator.call(title), style: TextStyle(fontSize: 21)),
|
2020-11-29 02:07:26 +08:00
|
|
|
SizedBox(height: 20),
|
2021-08-02 20:54:56 +08:00
|
|
|
Text(Translator.call(text), style: TextStyle(fontSize: 15)),
|
2020-11-29 02:07:26 +08:00
|
|
|
SizedBox(height: 20),
|
|
|
|
Row(
|
|
|
|
children: buttons,
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
maskType: EasyLoadingMaskType.black);
|
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;
|
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
|
|
|
|
|
|
|
toAndroidChannelInit() {
|
|
|
|
toAndroidChannel.setMethodCallHandler((call) async {
|
|
|
|
debugPrint("flutter got android msg");
|
|
|
|
|
|
|
|
try {
|
|
|
|
switch (call.method) {
|
|
|
|
case "try_start_without_auth":
|
|
|
|
{
|
2022-02-08 22:45:48 +08:00
|
|
|
// 可以不需要传递 通过FFI直接去获取 serverModel里面直接封装一个update通过FFI从rust端获取
|
|
|
|
ServerPage.serverModel.updateClientState();
|
|
|
|
debugPrint("pre show loginAlert:${ServerPage.serverModel.isFileTransfer.toString()}");
|
|
|
|
showLoginReqAlert(nowCtx, ServerPage.serverModel.peerID, ServerPage.serverModel.peerName);
|
2022-02-02 17:25:56 +08:00
|
|
|
debugPrint("from jvm:try_start_without_auth done");
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
case "start_capture":
|
|
|
|
{
|
2022-02-09 17:04:13 +08:00
|
|
|
clearLoginReqAlert();
|
|
|
|
ServerPage.serverModel.updateClientState();
|
2022-02-02 17:25:56 +08:00
|
|
|
break;
|
|
|
|
}
|
|
|
|
case "stop_capture":
|
|
|
|
{
|
|
|
|
ServerPage.serverModel.setPeer(false);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
case "on_permission_changed":
|
|
|
|
{
|
|
|
|
var name = call.arguments["name"] as String;
|
|
|
|
var value = call.arguments["value"] as String == "true";
|
|
|
|
debugPrint("from jvm:on_permission_changed,$name:$value");
|
|
|
|
ServerPage.serverModel.changeStatue(name, value);
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} catch (e) {
|
|
|
|
debugPrint("MethodCallHandler err:$e");
|
|
|
|
}
|
|
|
|
return null;
|
|
|
|
});
|
|
|
|
}
|