2022-07-27 14:29:47 +08:00
|
|
|
import 'dart:async';
|
2022-06-02 16:23:20 +08:00
|
|
|
import 'dart:io';
|
|
|
|
|
|
|
|
import 'package:flutter/material.dart' hide MenuItem;
|
2022-07-14 12:32:01 +08:00
|
|
|
import 'package:flutter/services.dart';
|
2022-05-25 00:28:59 +08:00
|
|
|
import 'package:flutter_hbb/common.dart';
|
2022-05-29 04:39:12 +08:00
|
|
|
import 'package:flutter_hbb/desktop/pages/connection_page.dart';
|
2022-09-23 18:28:40 +08:00
|
|
|
import 'package:flutter_hbb/desktop/pages/desktop_setting_page.dart';
|
|
|
|
import 'package:flutter_hbb/desktop/pages/desktop_tab_page.dart';
|
2022-08-03 22:03:31 +08:00
|
|
|
import 'package:flutter_hbb/models/platform_model.dart';
|
2022-08-01 20:42:30 +08:00
|
|
|
import 'package:flutter_hbb/models/server_model.dart';
|
2022-08-09 09:01:06 +08:00
|
|
|
import 'package:flutter_hbb/utils/multi_window_manager.dart';
|
2022-07-14 12:32:01 +08:00
|
|
|
import 'package:get/get.dart';
|
2022-05-25 00:28:59 +08:00
|
|
|
import 'package:provider/provider.dart';
|
2022-06-02 16:23:20 +08:00
|
|
|
import 'package:tray_manager/tray_manager.dart';
|
2022-08-09 13:39:30 +08:00
|
|
|
import 'package:window_manager/window_manager.dart';
|
2022-05-23 16:44:23 +08:00
|
|
|
|
2022-09-23 20:18:11 +08:00
|
|
|
import '../widgets/button.dart';
|
|
|
|
|
2022-05-23 16:44:23 +08:00
|
|
|
class DesktopHomePage extends StatefulWidget {
|
2022-09-06 17:08:59 +08:00
|
|
|
const DesktopHomePage({Key? key}) : super(key: key);
|
2022-05-23 16:44:23 +08:00
|
|
|
|
|
|
|
@override
|
2022-09-07 12:20:53 +08:00
|
|
|
State<DesktopHomePage> createState() => _DesktopHomePageState();
|
2022-05-23 16:44:23 +08:00
|
|
|
}
|
|
|
|
|
2022-05-29 19:55:50 +08:00
|
|
|
const borderColor = Color(0xFF2F65BA);
|
|
|
|
|
2022-08-09 20:36:52 +08:00
|
|
|
class _DesktopHomePageState extends State<DesktopHomePage>
|
2022-08-13 12:43:35 +08:00
|
|
|
with TrayListener, WindowListener, AutomaticKeepAliveClientMixin {
|
|
|
|
@override
|
|
|
|
bool get wantKeepAlive => true;
|
2022-09-23 17:28:22 +08:00
|
|
|
var updateUrl = '';
|
2022-08-13 12:43:35 +08:00
|
|
|
|
2022-08-09 13:39:30 +08:00
|
|
|
@override
|
|
|
|
void onWindowClose() async {
|
|
|
|
super.onWindowClose();
|
|
|
|
// close all sub windows
|
|
|
|
if (await windowManager.isPreventClose()) {
|
|
|
|
try {
|
2022-09-16 12:14:03 +08:00
|
|
|
await Future.wait([
|
|
|
|
saveWindowPosition(WindowType.Main),
|
|
|
|
rustDeskWinManager.closeAllSubWindows()
|
|
|
|
]);
|
2022-08-09 13:39:30 +08:00
|
|
|
} catch (err) {
|
|
|
|
debugPrint("$err");
|
|
|
|
} finally {
|
|
|
|
await windowManager.setPreventClose(false);
|
|
|
|
await windowManager.close();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-05-23 16:44:23 +08:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2022-08-20 19:57:16 +08:00
|
|
|
super.build(context);
|
2022-08-11 16:03:04 +08:00
|
|
|
return Row(
|
|
|
|
children: [
|
2022-09-19 18:38:19 +08:00
|
|
|
buildLeftPane(context),
|
2022-09-03 18:19:50 +08:00
|
|
|
const VerticalDivider(
|
2022-08-20 19:57:16 +08:00
|
|
|
width: 1,
|
|
|
|
thickness: 1,
|
2022-08-11 16:03:04 +08:00
|
|
|
),
|
2022-08-20 19:57:16 +08:00
|
|
|
Expanded(
|
2022-09-19 18:38:19 +08:00
|
|
|
child: buildRightPane(context),
|
2022-08-11 16:03:04 +08:00
|
|
|
),
|
|
|
|
],
|
2022-05-25 00:28:59 +08:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-09-19 18:38:19 +08:00
|
|
|
buildLeftPane(BuildContext context) {
|
2022-05-25 00:28:59 +08:00
|
|
|
return ChangeNotifierProvider.value(
|
2022-06-13 21:07:26 +08:00
|
|
|
value: gFFI.serverModel,
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Container(
|
2022-08-20 19:57:16 +08:00
|
|
|
width: 200,
|
2022-09-23 16:31:50 +08:00
|
|
|
color: Theme.of(context).backgroundColor,
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Column(
|
|
|
|
children: [
|
|
|
|
buildTip(context),
|
|
|
|
buildIDBoard(context),
|
|
|
|
buildPasswordBoard(context),
|
2022-09-23 17:28:22 +08:00
|
|
|
buildHelpCards(),
|
2022-05-29 10:25:36 +08:00
|
|
|
],
|
|
|
|
),
|
2022-05-25 00:28:59 +08:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-09-19 18:38:19 +08:00
|
|
|
buildRightPane(BuildContext context) {
|
2022-08-20 19:57:16 +08:00
|
|
|
return Container(
|
2022-09-23 16:31:50 +08:00
|
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
2022-09-07 12:20:53 +08:00
|
|
|
child: ConnectionPage(),
|
2022-05-25 00:28:59 +08:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
buildIDBoard(BuildContext context) {
|
2022-06-13 21:07:26 +08:00
|
|
|
final model = gFFI.serverModel;
|
2022-05-29 10:25:36 +08:00
|
|
|
return Container(
|
2022-09-04 20:57:57 +08:00
|
|
|
margin: const EdgeInsets.only(left: 20, right: 11),
|
|
|
|
height: 57,
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Row(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
|
|
textBaseline: TextBaseline.alphabetic,
|
|
|
|
children: [
|
|
|
|
Container(
|
2022-08-20 19:57:16 +08:00
|
|
|
width: 2,
|
2022-09-03 18:19:50 +08:00
|
|
|
decoration: const BoxDecoration(color: MyTheme.accent),
|
2022-09-04 20:57:57 +08:00
|
|
|
).marginOnly(top: 5),
|
2022-05-29 10:25:36 +08:00
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
2022-09-04 20:57:57 +08:00
|
|
|
padding: const EdgeInsets.only(left: 7),
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
2022-09-07 12:20:53 +08:00
|
|
|
Container(
|
2022-08-24 11:01:58 +08:00
|
|
|
height: 25,
|
2022-08-20 19:57:16 +08:00
|
|
|
child: Row(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
2022-08-24 11:01:58 +08:00
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
2022-08-20 19:57:16 +08:00
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
translate("ID"),
|
|
|
|
style: TextStyle(
|
|
|
|
fontSize: 14,
|
2022-09-23 16:31:50 +08:00
|
|
|
color: Theme.of(context)
|
|
|
|
.textTheme
|
|
|
|
.titleLarge
|
|
|
|
?.color
|
|
|
|
?.withOpacity(0.5)),
|
2022-09-04 20:57:57 +08:00
|
|
|
).marginOnly(top: 5),
|
2022-08-20 19:57:16 +08:00
|
|
|
buildPopupMenu(context)
|
|
|
|
],
|
|
|
|
),
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
2022-08-20 19:57:16 +08:00
|
|
|
Flexible(
|
|
|
|
child: GestureDetector(
|
2022-08-03 09:08:10 +08:00
|
|
|
onDoubleTap: () {
|
|
|
|
Clipboard.setData(
|
|
|
|
ClipboardData(text: model.serverId.text));
|
2022-08-15 14:39:31 +08:00
|
|
|
showToast(translate("Copied"));
|
2022-08-03 09:08:10 +08:00
|
|
|
},
|
|
|
|
child: TextFormField(
|
|
|
|
controller: model.serverId,
|
|
|
|
readOnly: true,
|
2022-09-07 12:20:53 +08:00
|
|
|
decoration: InputDecoration(
|
2022-08-20 19:57:16 +08:00
|
|
|
border: InputBorder.none,
|
2022-09-04 20:57:57 +08:00
|
|
|
contentPadding: EdgeInsets.only(bottom: 20),
|
2022-08-20 19:57:16 +08:00
|
|
|
),
|
2022-09-07 12:20:53 +08:00
|
|
|
style: TextStyle(
|
2022-08-20 19:57:16 +08:00
|
|
|
fontSize: 22,
|
|
|
|
),
|
2022-08-22 17:58:48 +08:00
|
|
|
),
|
2022-08-20 19:57:16 +08:00
|
|
|
),
|
|
|
|
)
|
2022-05-29 10:25:36 +08:00
|
|
|
],
|
|
|
|
),
|
2022-05-25 00:28:59 +08:00
|
|
|
),
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-08-09 20:36:52 +08:00
|
|
|
Widget buildPopupMenu(BuildContext context) {
|
2022-09-23 16:31:50 +08:00
|
|
|
final textColor = Theme.of(context).textTheme.titleLarge?.color;
|
2022-08-20 19:57:16 +08:00
|
|
|
RxBool hover = false.obs;
|
|
|
|
return InkWell(
|
2022-09-23 18:28:40 +08:00
|
|
|
onTap: DesktopTabPage.onAddSetting,
|
2022-08-20 19:57:16 +08:00
|
|
|
child: Obx(
|
2022-08-24 11:01:58 +08:00
|
|
|
() => CircleAvatar(
|
2022-09-04 20:57:57 +08:00
|
|
|
radius: 15,
|
2022-08-24 11:01:58 +08:00
|
|
|
backgroundColor: hover.value
|
2022-09-23 16:31:50 +08:00
|
|
|
? Theme.of(context).scaffoldBackgroundColor
|
|
|
|
: Theme.of(context).backgroundColor,
|
2022-08-24 11:01:58 +08:00
|
|
|
child: Icon(
|
|
|
|
Icons.more_vert_outlined,
|
|
|
|
size: 20,
|
2022-09-23 16:31:50 +08:00
|
|
|
color: hover.value ? textColor : textColor?.withOpacity(0.5),
|
2022-08-20 19:57:16 +08:00
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
onHover: (value) => hover.value = value,
|
|
|
|
);
|
2022-07-27 14:29:47 +08:00
|
|
|
}
|
|
|
|
|
2022-05-29 10:25:36 +08:00
|
|
|
buildPasswordBoard(BuildContext context) {
|
2022-06-13 21:07:26 +08:00
|
|
|
final model = gFFI.serverModel;
|
2022-08-20 19:57:16 +08:00
|
|
|
RxBool refreshHover = false.obs;
|
2022-09-19 18:38:19 +08:00
|
|
|
RxBool editHover = false.obs;
|
2022-09-23 16:31:50 +08:00
|
|
|
final textColor = Theme.of(context).textTheme.titleLarge?.color;
|
2022-05-29 10:25:36 +08:00
|
|
|
return Container(
|
2022-08-22 17:58:48 +08:00
|
|
|
margin: EdgeInsets.only(left: 20.0, right: 16, top: 13, bottom: 13),
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Row(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.baseline,
|
|
|
|
textBaseline: TextBaseline.alphabetic,
|
|
|
|
children: [
|
|
|
|
Container(
|
2022-08-20 19:57:16 +08:00
|
|
|
width: 2,
|
|
|
|
height: 52,
|
2022-05-29 10:25:36 +08:00
|
|
|
decoration: BoxDecoration(color: MyTheme.accent),
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
2022-09-04 20:57:57 +08:00
|
|
|
padding: const EdgeInsets.only(left: 7),
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
translate("Password"),
|
2022-08-20 19:57:16 +08:00
|
|
|
style: TextStyle(
|
2022-09-23 16:31:50 +08:00
|
|
|
fontSize: 14, color: textColor?.withOpacity(0.5)),
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
2022-08-01 20:42:30 +08:00
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
Expanded(
|
2022-08-03 09:08:10 +08:00
|
|
|
child: GestureDetector(
|
|
|
|
onDoubleTap: () {
|
2022-08-11 21:29:43 +08:00
|
|
|
if (model.verificationMethod !=
|
|
|
|
kUsePermanentPassword) {
|
|
|
|
Clipboard.setData(
|
|
|
|
ClipboardData(text: model.serverPasswd.text));
|
2022-08-15 14:39:31 +08:00
|
|
|
showToast(translate("Copied"));
|
2022-08-11 21:29:43 +08:00
|
|
|
}
|
2022-08-03 09:08:10 +08:00
|
|
|
},
|
|
|
|
child: TextFormField(
|
|
|
|
controller: model.serverPasswd,
|
|
|
|
readOnly: true,
|
2022-08-20 19:57:16 +08:00
|
|
|
decoration: InputDecoration(
|
|
|
|
border: InputBorder.none,
|
2022-09-04 20:57:57 +08:00
|
|
|
contentPadding: EdgeInsets.only(bottom: 2),
|
2022-08-20 19:57:16 +08:00
|
|
|
),
|
|
|
|
style: TextStyle(fontSize: 15),
|
2022-08-03 09:08:10 +08:00
|
|
|
),
|
2022-08-01 20:42:30 +08:00
|
|
|
),
|
|
|
|
),
|
2022-08-20 19:57:16 +08:00
|
|
|
InkWell(
|
|
|
|
child: Obx(
|
|
|
|
() => Icon(
|
|
|
|
Icons.refresh,
|
|
|
|
color: refreshHover.value
|
2022-09-23 16:31:50 +08:00
|
|
|
? textColor
|
|
|
|
: Color(0xFFDDDDDD), // TODO
|
2022-08-20 19:57:16 +08:00
|
|
|
size: 22,
|
2022-09-04 20:57:57 +08:00
|
|
|
).marginOnly(right: 8, bottom: 2),
|
2022-08-20 19:57:16 +08:00
|
|
|
),
|
|
|
|
onTap: () => bind.mainUpdateTemporaryPassword(),
|
|
|
|
onHover: (value) => refreshHover.value = value,
|
2022-08-01 20:42:30 +08:00
|
|
|
),
|
2022-09-19 18:38:19 +08:00
|
|
|
InkWell(
|
|
|
|
child: Obx(
|
|
|
|
() => Icon(
|
|
|
|
Icons.edit,
|
|
|
|
color: editHover.value
|
2022-09-23 16:31:50 +08:00
|
|
|
? textColor
|
|
|
|
: Color(0xFFDDDDDD), // TODO
|
2022-09-19 18:38:19 +08:00
|
|
|
size: 22,
|
|
|
|
).marginOnly(right: 8, bottom: 2),
|
|
|
|
),
|
2022-09-23 18:28:40 +08:00
|
|
|
onTap: () => DesktopSettingPage.switch2page(1),
|
2022-09-19 18:38:19 +08:00
|
|
|
onHover: (value) => editHover.value = value,
|
|
|
|
),
|
2022-08-01 20:42:30 +08:00
|
|
|
],
|
2022-08-22 17:58:48 +08:00
|
|
|
),
|
2022-05-29 10:25:36 +08:00
|
|
|
],
|
2022-05-25 00:28:59 +08:00
|
|
|
),
|
|
|
|
),
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
buildTip(BuildContext context) {
|
|
|
|
return Padding(
|
2022-08-22 17:58:48 +08:00
|
|
|
padding:
|
2022-09-04 20:57:57 +08:00
|
|
|
const EdgeInsets.only(left: 20.0, right: 16, top: 16.0, bottom: 5),
|
2022-05-29 10:25:36 +08:00
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
translate("Your Desktop"),
|
2022-09-23 16:31:50 +08:00
|
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
|
|
// style: TextStyle(
|
|
|
|
// // color: MyTheme.color(context).text,
|
|
|
|
// fontWeight: FontWeight.normal,
|
|
|
|
// fontSize: 19),
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
|
|
|
SizedBox(
|
2022-08-22 17:58:48 +08:00
|
|
|
height: 10.0,
|
2022-05-29 10:25:36 +08:00
|
|
|
),
|
|
|
|
Text(
|
|
|
|
translate("desk_tip"),
|
|
|
|
overflow: TextOverflow.clip,
|
2022-09-23 16:31:50 +08:00
|
|
|
style: Theme.of(context).textTheme.bodySmall,
|
2022-05-29 10:25:36 +08:00
|
|
|
)
|
|
|
|
],
|
2022-05-25 00:28:59 +08:00
|
|
|
),
|
|
|
|
);
|
2022-05-23 16:44:23 +08:00
|
|
|
}
|
2022-06-02 16:23:20 +08:00
|
|
|
|
2022-09-23 17:28:22 +08:00
|
|
|
Widget buildHelpCards() {
|
|
|
|
if (Platform.isWindows) {
|
|
|
|
if (!bind.mainIsInstalled()) {
|
|
|
|
return buildInstallCard();
|
|
|
|
} else if (bind.mainIsInstalledLowerVersion()) {
|
|
|
|
return buildUpgradeCard();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (updateUrl.isNotEmpty) {
|
|
|
|
return buildUpdateCard();
|
|
|
|
}
|
|
|
|
if (Platform.isMacOS) {}
|
|
|
|
if (bind.mainIsInstalledLowerVersion()) {}
|
|
|
|
return Container();
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget buildUpdateCard() {
|
|
|
|
return Container();
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget buildUpgradeCard() {
|
|
|
|
return Container();
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget buildInstallCard() {
|
|
|
|
return Container(
|
|
|
|
margin: EdgeInsets.only(top: 20),
|
2022-09-23 20:18:11 +08:00
|
|
|
child: Container(
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
gradient: LinearGradient(
|
|
|
|
begin: Alignment.centerLeft,
|
|
|
|
end: Alignment.centerRight,
|
|
|
|
colors: [
|
|
|
|
Color.fromARGB(255, 226, 66, 188),
|
|
|
|
Color.fromARGB(255, 244, 114, 124),
|
|
|
|
],
|
|
|
|
)),
|
|
|
|
padding: EdgeInsets.all(20),
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
translate("install_tip"),
|
|
|
|
style: TextStyle(
|
|
|
|
height: 1.5,
|
|
|
|
color: Colors.white,
|
|
|
|
fontWeight: FontWeight.normal,
|
|
|
|
fontSize: 13),
|
|
|
|
).marginOnly(bottom: 20),
|
|
|
|
Row(mainAxisAlignment: MainAxisAlignment.center, children: [
|
|
|
|
Button(
|
|
|
|
padding: 8,
|
|
|
|
isOutline: true,
|
|
|
|
text: 'Install',
|
|
|
|
textColor: Colors.white,
|
|
|
|
borderColor: Colors.white,
|
|
|
|
textSize: 20,
|
|
|
|
radius: 10,
|
|
|
|
onTap: () {})
|
|
|
|
]),
|
|
|
|
],
|
|
|
|
)),
|
2022-09-23 17:28:22 +08:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-06-02 16:23:20 +08:00
|
|
|
@override
|
|
|
|
void onTrayMenuItemClick(MenuItem menuItem) {
|
2022-09-20 19:31:32 +08:00
|
|
|
debugPrint('click ${menuItem.key}');
|
2022-06-02 16:23:20 +08:00
|
|
|
switch (menuItem.key) {
|
|
|
|
case "quit":
|
|
|
|
exit(0);
|
|
|
|
case "show":
|
2022-08-01 20:42:30 +08:00
|
|
|
// windowManager.show();
|
2022-06-02 16:23:20 +08:00
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
2022-09-23 17:28:22 +08:00
|
|
|
Timer(const Duration(seconds: 5), () async {
|
|
|
|
updateUrl = await bind.mainGetSoftwareUpdateUrl();
|
|
|
|
if (updateUrl.isNotEmpty) setState(() {});
|
|
|
|
});
|
2022-06-02 16:23:20 +08:00
|
|
|
trayManager.addListener(this);
|
2022-08-09 13:39:30 +08:00
|
|
|
windowManager.addListener(this);
|
2022-08-09 09:01:06 +08:00
|
|
|
rustDeskWinManager.setMethodHandler((call, fromWindowId) async {
|
2022-09-20 19:31:32 +08:00
|
|
|
debugPrint(
|
|
|
|
"call ${call.method} with args ${call.arguments} from window $fromWindowId");
|
2022-08-09 09:01:06 +08:00
|
|
|
if (call.method == "main_window_on_top") {
|
2022-08-09 19:32:19 +08:00
|
|
|
window_on_top(null);
|
2022-08-09 09:01:06 +08:00
|
|
|
}
|
|
|
|
});
|
2022-06-02 16:23:20 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
trayManager.removeListener(this);
|
2022-08-09 13:39:30 +08:00
|
|
|
windowManager.removeListener(this);
|
2022-06-02 16:23:20 +08:00
|
|
|
super.dispose();
|
|
|
|
}
|
2022-05-23 16:44:23 +08:00
|
|
|
}
|
2022-07-27 14:29:47 +08:00
|
|
|
|
|
|
|
/// common login dialog for desktop
|
|
|
|
/// call this directly
|
|
|
|
Future<bool> loginDialog() async {
|
|
|
|
String userName = "";
|
|
|
|
var userNameMsg = "";
|
|
|
|
String pass = "";
|
|
|
|
var passMsg = "";
|
2022-09-22 17:38:18 +08:00
|
|
|
var userController = TextEditingController(text: userName);
|
2022-08-28 21:43:18 +08:00
|
|
|
var pwdController = TextEditingController(text: pass);
|
2022-07-27 14:29:47 +08:00
|
|
|
|
|
|
|
var isInProgress = false;
|
|
|
|
var completer = Completer<bool>();
|
2022-08-12 18:42:02 +08:00
|
|
|
gFFI.dialogManager.show((setState, close) {
|
2022-09-03 18:19:50 +08:00
|
|
|
submit() async {
|
|
|
|
setState(() {
|
|
|
|
userNameMsg = "";
|
|
|
|
passMsg = "";
|
|
|
|
isInProgress = true;
|
|
|
|
});
|
|
|
|
cancel() {
|
|
|
|
setState(() {
|
|
|
|
isInProgress = false;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2022-09-22 17:38:18 +08:00
|
|
|
userName = userController.text;
|
2022-09-03 18:19:50 +08:00
|
|
|
pass = pwdController.text;
|
|
|
|
if (userName.isEmpty) {
|
|
|
|
userNameMsg = translate("Username missed");
|
|
|
|
cancel();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (pass.isEmpty) {
|
|
|
|
passMsg = translate("Password missed");
|
|
|
|
cancel();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
try {
|
|
|
|
final resp = await gFFI.userModel.login(userName, pass);
|
|
|
|
if (resp.containsKey('error')) {
|
|
|
|
passMsg = resp['error'];
|
|
|
|
cancel();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
// {access_token: eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJndWlkIjoiMDFkZjQ2ZjgtZjg3OS00MDE0LTk5Y2QtMGMwYzM2MmViZGJlIiwiZXhwIjoxNjYxNDg2NzYwfQ.GZpe1oI8TfM5yTYNrpcwbI599P4Z_-b2GmnwNl2Lr-w,
|
|
|
|
// token_type: Bearer, user: {id: , name: admin, email: null, note: null, status: null, grp: null, is_admin: true}}
|
|
|
|
debugPrint("$resp");
|
|
|
|
completer.complete(true);
|
|
|
|
} catch (err) {
|
2022-09-20 19:31:32 +08:00
|
|
|
debugPrint(err.toString());
|
2022-09-03 18:19:50 +08:00
|
|
|
cancel();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
close();
|
|
|
|
}
|
|
|
|
|
|
|
|
cancel() {
|
|
|
|
completer.complete(false);
|
|
|
|
close();
|
|
|
|
}
|
|
|
|
|
2022-09-22 17:38:18 +08:00
|
|
|
// 登录dialog
|
2022-07-27 14:29:47 +08:00
|
|
|
return CustomAlertDialog(
|
|
|
|
title: Text(translate("Login")),
|
|
|
|
content: ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 500),
|
2022-07-27 14:29:47 +08:00
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-07-27 14:29:47 +08:00
|
|
|
height: 8.0,
|
|
|
|
),
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 100),
|
2022-07-27 14:29:47 +08:00
|
|
|
child: Text(
|
|
|
|
"${translate('Username')}:",
|
|
|
|
textAlign: TextAlign.start,
|
|
|
|
).marginOnly(bottom: 16.0)),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-07-27 14:29:47 +08:00
|
|
|
width: 24.0,
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: TextField(
|
|
|
|
decoration: InputDecoration(
|
2022-09-03 18:19:50 +08:00
|
|
|
border: const OutlineInputBorder(),
|
2022-07-27 14:29:47 +08:00
|
|
|
errorText: userNameMsg.isNotEmpty ? userNameMsg : null),
|
2022-09-22 17:38:18 +08:00
|
|
|
controller: userController,
|
2022-09-03 18:19:50 +08:00
|
|
|
focusNode: FocusNode()..requestFocus(),
|
2022-07-27 14:29:47 +08:00
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-07-27 14:29:47 +08:00
|
|
|
height: 8.0,
|
|
|
|
),
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 100),
|
2022-07-27 14:29:47 +08:00
|
|
|
child: Text("${translate('Password')}:")
|
|
|
|
.marginOnly(bottom: 16.0)),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-07-27 14:29:47 +08:00
|
|
|
width: 24.0,
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: TextField(
|
|
|
|
obscureText: true,
|
|
|
|
decoration: InputDecoration(
|
2022-09-03 18:19:50 +08:00
|
|
|
border: const OutlineInputBorder(),
|
2022-07-27 14:29:47 +08:00
|
|
|
errorText: passMsg.isNotEmpty ? passMsg : null),
|
2022-08-28 21:43:18 +08:00
|
|
|
controller: pwdController,
|
2022-07-27 14:29:47 +08:00
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-07-27 14:29:47 +08:00
|
|
|
height: 4.0,
|
|
|
|
),
|
2022-09-03 18:19:50 +08:00
|
|
|
Offstage(
|
|
|
|
offstage: !isInProgress, child: const LinearProgressIndicator())
|
2022-07-27 14:29:47 +08:00
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
actions: [
|
2022-09-03 18:19:50 +08:00
|
|
|
TextButton(onPressed: cancel, child: Text(translate("Cancel"))),
|
|
|
|
TextButton(onPressed: submit, child: Text(translate("OK"))),
|
2022-07-27 14:29:47 +08:00
|
|
|
],
|
2022-09-03 18:19:50 +08:00
|
|
|
onSubmit: submit,
|
|
|
|
onCancel: cancel,
|
2022-07-27 14:29:47 +08:00
|
|
|
);
|
|
|
|
});
|
|
|
|
return completer.future;
|
2022-08-01 20:42:30 +08:00
|
|
|
}
|
|
|
|
|
2022-08-08 22:27:27 +08:00
|
|
|
void setPasswordDialog() async {
|
|
|
|
final pw = await bind.mainGetPermanentPassword();
|
2022-08-01 20:42:30 +08:00
|
|
|
final p0 = TextEditingController(text: pw);
|
|
|
|
final p1 = TextEditingController(text: pw);
|
|
|
|
var errMsg0 = "";
|
|
|
|
var errMsg1 = "";
|
|
|
|
|
2022-08-12 18:42:02 +08:00
|
|
|
gFFI.dialogManager.show((setState, close) {
|
2022-09-03 18:19:50 +08:00
|
|
|
submit() {
|
|
|
|
setState(() {
|
|
|
|
errMsg0 = "";
|
|
|
|
errMsg1 = "";
|
|
|
|
});
|
|
|
|
final pass = p0.text.trim();
|
|
|
|
if (pass.length < 6) {
|
|
|
|
setState(() {
|
|
|
|
errMsg0 = translate("Too short, at least 6 characters.");
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (p1.text.trim() != pass) {
|
|
|
|
setState(() {
|
|
|
|
errMsg1 = translate("The confirmation is not identical.");
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
bind.mainSetPermanentPassword(password: pass);
|
|
|
|
close();
|
|
|
|
}
|
|
|
|
|
2022-08-01 20:42:30 +08:00
|
|
|
return CustomAlertDialog(
|
|
|
|
title: Text(translate("Set Password")),
|
|
|
|
content: ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 500),
|
2022-08-01 20:42:30 +08:00
|
|
|
child: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-08-01 20:42:30 +08:00
|
|
|
height: 8.0,
|
|
|
|
),
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 100),
|
2022-08-01 20:42:30 +08:00
|
|
|
child: Text(
|
|
|
|
"${translate('Password')}:",
|
|
|
|
textAlign: TextAlign.start,
|
|
|
|
).marginOnly(bottom: 16.0)),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-08-01 20:42:30 +08:00
|
|
|
width: 24.0,
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: TextField(
|
|
|
|
obscureText: true,
|
|
|
|
decoration: InputDecoration(
|
2022-09-03 18:19:50 +08:00
|
|
|
border: const OutlineInputBorder(),
|
2022-08-01 20:42:30 +08:00
|
|
|
errorText: errMsg0.isNotEmpty ? errMsg0 : null),
|
|
|
|
controller: p0,
|
2022-09-03 18:19:50 +08:00
|
|
|
focusNode: FocusNode()..requestFocus(),
|
2022-08-01 20:42:30 +08:00
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-08-01 20:42:30 +08:00
|
|
|
height: 8.0,
|
|
|
|
),
|
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
ConstrainedBox(
|
2022-09-03 18:19:50 +08:00
|
|
|
constraints: const BoxConstraints(minWidth: 100),
|
2022-08-01 20:42:30 +08:00
|
|
|
child: Text("${translate('Confirmation')}:")
|
|
|
|
.marginOnly(bottom: 16.0)),
|
2022-09-03 18:19:50 +08:00
|
|
|
const SizedBox(
|
2022-08-01 20:42:30 +08:00
|
|
|
width: 24.0,
|
|
|
|
),
|
|
|
|
Expanded(
|
|
|
|
child: TextField(
|
|
|
|
obscureText: true,
|
|
|
|
decoration: InputDecoration(
|
2022-09-03 18:19:50 +08:00
|
|
|
border: const OutlineInputBorder(),
|
2022-08-01 20:42:30 +08:00
|
|
|
errorText: errMsg1.isNotEmpty ? errMsg1 : null),
|
|
|
|
controller: p1,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
actions: [
|
2022-09-03 18:19:50 +08:00
|
|
|
TextButton(onPressed: close, child: Text(translate("Cancel"))),
|
|
|
|
TextButton(onPressed: submit, child: Text(translate("OK"))),
|
2022-08-01 20:42:30 +08:00
|
|
|
],
|
2022-09-03 18:19:50 +08:00
|
|
|
onSubmit: submit,
|
|
|
|
onCancel: close,
|
2022-08-01 20:42:30 +08:00
|
|
|
);
|
|
|
|
});
|
|
|
|
}
|