mirror of
https://github.com/lollipopkit/flutter_server_box.git
synced 2025-12-17 15:24:35 +01:00
401 lines
11 KiB
Dart
401 lines
11 KiB
Dart
import 'dart:convert';
|
|
|
|
import 'package:fl_lib/fl_lib.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:icons_plus/icons_plus.dart';
|
|
import 'package:server_box/core/channel/home_widget.dart';
|
|
import 'package:server_box/core/extension/build.dart';
|
|
import 'package:server_box/core/extension/context/locale.dart';
|
|
import 'package:server_box/core/route.dart';
|
|
import 'package:server_box/data/model/app/tab.dart';
|
|
import 'package:server_box/data/res/build_data.dart';
|
|
import 'package:server_box/data/res/github_id.dart';
|
|
import 'package:server_box/data/res/misc.dart';
|
|
import 'package:server_box/data/res/provider.dart';
|
|
import 'package:server_box/data/res/store.dart';
|
|
import 'package:server_box/data/res/url.dart';
|
|
import 'package:server_box/view/page/ssh/page.dart';
|
|
import 'package:wakelock_plus/wakelock_plus.dart';
|
|
|
|
part 'appbar.dart';
|
|
|
|
class HomePage extends StatefulWidget {
|
|
const HomePage({super.key});
|
|
|
|
@override
|
|
State<HomePage> createState() => _HomePageState();
|
|
}
|
|
|
|
class _HomePageState extends State<HomePage>
|
|
with
|
|
AutomaticKeepAliveClientMixin,
|
|
AfterLayoutMixin,
|
|
WidgetsBindingObserver {
|
|
late final PageController _pageController;
|
|
|
|
final _selectIndex = ValueNotifier(0);
|
|
final _isLandscape = ValueNotifier(false);
|
|
|
|
bool _switchingPage = false;
|
|
bool _shouldAuth = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
SystemUIs.switchStatusBar(hide: false);
|
|
WidgetsBinding.instance.addObserver(this);
|
|
_selectIndex.value = Stores.setting.launchPage.fetch();
|
|
// avoid index out of range
|
|
if (_selectIndex.value >= AppTab.values.length || _selectIndex.value < 0) {
|
|
_selectIndex.value = 0;
|
|
}
|
|
_pageController = PageController(initialPage: _selectIndex.value);
|
|
if (Stores.setting.generalWakeLock.fetch()) {
|
|
WakelockPlus.enable();
|
|
}
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
_isLandscape.value =
|
|
MediaQuery.of(context).orientation == Orientation.landscape;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
WidgetsBinding.instance.removeObserver(this);
|
|
Pros.server.closeServer();
|
|
_pageController.dispose();
|
|
WakelockPlus.disable();
|
|
}
|
|
|
|
@override
|
|
void didChangeAppLifecycleState(AppLifecycleState state) {
|
|
super.didChangeAppLifecycleState(state);
|
|
if (isDesktop) return;
|
|
|
|
switch (state) {
|
|
case AppLifecycleState.resumed:
|
|
if (_shouldAuth) _goAuth();
|
|
if (!Pros.server.isAutoRefreshOn) {
|
|
Pros.server.startAutoRefresh();
|
|
}
|
|
HomeWidgetMC.update();
|
|
break;
|
|
case AppLifecycleState.paused:
|
|
_shouldAuth = true;
|
|
// Keep running in background on Android device
|
|
if (isAndroid && Stores.setting.bgRun.fetch()) {
|
|
// Keep this if statement single
|
|
// if (Pros.app.moveBg) {
|
|
// BgRunMC.moveToBg();
|
|
// }
|
|
} else {
|
|
//Pros.server.setDisconnected();
|
|
Pros.server.stopAutoRefresh();
|
|
}
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
super.build(context);
|
|
Pros.app.ctx = context;
|
|
|
|
final appBar = _AppBar(
|
|
selectIndex: _selectIndex,
|
|
landscape: _isLandscape,
|
|
centerTitle: false,
|
|
title: const Text(BuildData.name),
|
|
actions: <Widget>[
|
|
ValBuilder(
|
|
listenable: Stores.setting.serverStatusUpdateInterval.listenable(),
|
|
builder: (interval) {
|
|
if (interval != 0) return UIs.placeholder;
|
|
return IconButton(
|
|
icon: const Icon(Icons.refresh),
|
|
tooltip: 'Refresh',
|
|
onPressed: () async {
|
|
await Pros.server.refresh();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.developer_mode, size: 21),
|
|
tooltip: 'Debug',
|
|
onPressed: () => AppRoutes.debug().go(context),
|
|
),
|
|
],
|
|
);
|
|
return Scaffold(
|
|
drawer: _buildDrawer(),
|
|
appBar: appBar,
|
|
body: PageView.builder(
|
|
controller: _pageController,
|
|
itemCount: AppTab.values.length,
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemBuilder: (_, index) => AppTab.values[index].page,
|
|
onPageChanged: (value) {
|
|
SSHPage.focusNode.unfocus();
|
|
if (!_switchingPage) {
|
|
_selectIndex.value = value;
|
|
}
|
|
},
|
|
),
|
|
bottomNavigationBar: ValBuilder(
|
|
listenable: _isLandscape,
|
|
builder: (ls) {
|
|
return Stores.setting.fullScreen.fetch()
|
|
? UIs.placeholder
|
|
: ListenableBuilder(
|
|
listenable: _selectIndex,
|
|
builder: (_, __) => _buildBottomBar(ls),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildBottomBar(bool ls) {
|
|
return NavigationBar(
|
|
selectedIndex: _selectIndex.value,
|
|
height: kBottomNavigationBarHeight * (ls ? 0.75 : 1.1),
|
|
animationDuration: const Duration(milliseconds: 250),
|
|
onDestinationSelected: (int index) {
|
|
if (_selectIndex.value == index) return;
|
|
_selectIndex.value = index;
|
|
_switchingPage = true;
|
|
_pageController.animateToPage(
|
|
index,
|
|
duration: const Duration(milliseconds: 677),
|
|
curve: Curves.fastLinearToSlowEaseIn,
|
|
);
|
|
Future.delayed(const Duration(milliseconds: 677), () {
|
|
_switchingPage = false;
|
|
});
|
|
},
|
|
labelBehavior: ls
|
|
? NavigationDestinationLabelBehavior.alwaysHide
|
|
: NavigationDestinationLabelBehavior.onlyShowSelected,
|
|
destinations: [
|
|
NavigationDestination(
|
|
icon: const Icon(BoxIcons.bx_server),
|
|
label: l10n.server,
|
|
selectedIcon: const Icon(BoxIcons.bxs_server),
|
|
),
|
|
const NavigationDestination(
|
|
icon: Icon(Icons.terminal_outlined),
|
|
label: 'SSH',
|
|
selectedIcon: Icon(Icons.terminal),
|
|
),
|
|
NavigationDestination(
|
|
icon: const Icon(MingCute.file_code_line),
|
|
label: l10n.snippet,
|
|
selectedIcon: const Icon(MingCute.file_code_fill),
|
|
),
|
|
const NavigationDestination(
|
|
icon: Icon(MingCute.planet_line),
|
|
label: 'Ping',
|
|
selectedIcon: Icon(MingCute.planet_fill),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildDrawer() {
|
|
return Drawer(
|
|
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
_buildIcon(),
|
|
const Text(
|
|
'${BuildData.name}\n${BuildDataX.versionStr}',
|
|
textAlign: TextAlign.center,
|
|
style: UIs.text15,
|
|
),
|
|
const SizedBox(height: 37),
|
|
_buildTiles(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildTiles() {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 17),
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.settings),
|
|
title: Text(l10n.setting),
|
|
onTap: () => AppRoutes.settings().go(context),
|
|
onLongPress: _onLongPressSetting,
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.vpn_key),
|
|
title: Text(l10n.privateKey),
|
|
onTap: () => AppRoutes.keyList().go(context),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(BoxIcons.bxs_file_blank),
|
|
title: Text(libL10n.file),
|
|
onTap: () => AppRoutes.localStorage().go(context),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(MingCute.file_import_fill),
|
|
title: Text(libL10n.backup),
|
|
onTap: () => AppRoutes.backup().go(context),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(OctIcons.feed_discussion),
|
|
title: Text('${l10n.about} & ${libL10n.feedback}'),
|
|
onTap: _showAboutDialog,
|
|
)
|
|
].map((e) => CardX(child: e)).toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showAboutDialog() {
|
|
context.showRoundDialog(
|
|
title: l10n.about,
|
|
child: _buildAboutContent(),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Urls.appWiki.launch(),
|
|
child: const Text('Wiki'),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Urls.appHelp.launch(),
|
|
child: Text(libL10n.feedback),
|
|
),
|
|
TextButton(
|
|
onPressed: () => showLicensePage(context: context),
|
|
child: Text(l10n.license),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildAboutContent() {
|
|
return SingleChildScrollView(
|
|
child: SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.8,
|
|
child: SimpleMarkdown(
|
|
data: '''
|
|
${l10n.madeWithLove('[lollipopkit](${Urls.myGithub})')}
|
|
|
|
#### Contributors
|
|
${GithubIds.contributors.map((e) => '[$e](${e.url})').join(' ')}
|
|
|
|
#### Participants
|
|
${GithubIds.participants.map((e) => '[$e](${e.url})').join(' ')}
|
|
|
|
#### My other apps
|
|
- [GPT Box](https://github.com/lollipopkit/flutter_gpt_box)
|
|
''',
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildIcon() {
|
|
return ConstrainedBox(
|
|
constraints: const BoxConstraints(maxHeight: 57, maxWidth: 57),
|
|
child: UIs.appIcon,
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool get wantKeepAlive => true;
|
|
|
|
@override
|
|
Future<void> afterFirstLayout(BuildContext context) async {
|
|
// Auth required for first launch
|
|
_goAuth();
|
|
|
|
//_reqNotiPerm();
|
|
|
|
if (Stores.setting.autoCheckAppUpdate.fetch()) {
|
|
AppUpdateIface.doUpdate(
|
|
build: BuildData.build,
|
|
url: Urls.updateCfg,
|
|
context: context,
|
|
);
|
|
}
|
|
HomeWidgetMC.update();
|
|
await Pros.server.load();
|
|
await Pros.server.refresh();
|
|
}
|
|
|
|
// Future<void> _reqNotiPerm() async {
|
|
// if (!isAndroid) return;
|
|
// final suc = await PermUtils.request(Permission.notification);
|
|
// if (!suc) {
|
|
// final noNotiPerm = Stores.setting.noNotiPerm;
|
|
// if (noNotiPerm.fetch()) return;
|
|
// context.showRoundDialog(
|
|
// title: l10n.error,
|
|
// child: Text(l10n.noNotiPerm),
|
|
// actions: [
|
|
// TextButton(
|
|
// onPressed: () {
|
|
// noNotiPerm.put(true);
|
|
// context.pop();
|
|
// },
|
|
// child: Text(l10n.ok),
|
|
// ),
|
|
// ],
|
|
// );
|
|
// }
|
|
// }
|
|
|
|
void _goAuth() {
|
|
if (Stores.setting.useBioAuth.fetch()) {
|
|
if (BioAuthPage.route.isAlreadyIn) return;
|
|
BioAuthPage.route.go(
|
|
context,
|
|
args: BioAuthPageArgs(onAuthSuccess: () => _shouldAuth = false),
|
|
);
|
|
}
|
|
}
|
|
|
|
Future<void> _onLongPressSetting() async {
|
|
final map = Stores.setting.box.toJson(includeInternal: false);
|
|
final keys = map.keys;
|
|
|
|
/// Encode [map] to String with indent `\t`
|
|
final text = Miscs.jsonEncoder.convert(map);
|
|
final result = await AppRoutes.editor(
|
|
text: text,
|
|
langCode: 'json',
|
|
title: l10n.setting,
|
|
).go<String>(context);
|
|
if (result == null) {
|
|
return;
|
|
}
|
|
try {
|
|
final newSettings = json.decode(result) as Map<String, dynamic>;
|
|
Stores.setting.box.putAll(newSettings);
|
|
final newKeys = newSettings.keys;
|
|
final removedKeys = keys.where((e) => !newKeys.contains(e));
|
|
for (final key in removedKeys) {
|
|
Stores.setting.box.delete(key);
|
|
}
|
|
} catch (e, trace) {
|
|
context.showRoundDialog(
|
|
title: libL10n.error,
|
|
child: Text('${l10n.save}:\n$e'),
|
|
);
|
|
Loggers.app.warning('Update json settings failed', e, trace);
|
|
}
|
|
}
|
|
}
|