This commit is contained in:
lollipopkit
2024-03-18 18:34:25 +08:00
parent 8bfb0eb9e0
commit 26264ecdea
31 changed files with 1114 additions and 56 deletions

View File

@@ -223,22 +223,22 @@ class BackupPage extends StatelessWidget {
Widget _buildBulkImportServers(BuildContext context) {
return CardX(
child: ListTile(
title: Text(l10n.bulkImportServers),
subtitle: MarkdownBody(
data: l10n.bulkImportServersTip(Urls.appWiki),
styleSheet: MarkdownStyleSheet(
child: ListTile(
title: Text(l10n.bulkImportServers),
subtitle: MarkdownBody(
data: l10n.bulkImportServersTip(Urls.appWiki),
styleSheet: MarkdownStyleSheet(
p: UIs.textGrey,
a: TextStyle(
color: primaryColor,
)),
onTapLink: (text, href, title) {
if (href != null) openUrl(href);
},
a: TextStyle(color: primaryColor),
),
onTapLink: (text, href, title) {
if (href != null) openUrl(href);
},
),
leading: const Icon(Icons.import_export),
onTap: () => _onBulkImportServers(context),
),
trailing: const Icon(Icons.import_export),
onTap: () => _onBulkImportServers(context),
));
);
}
Future<void> _onTapFileRestore(BuildContext context) async {

197
lib/view/page/pve.dart Normal file
View File

@@ -0,0 +1,197 @@
import 'package:flutter/material.dart';
import 'package:toolbox/core/extension/numx.dart';
import 'package:toolbox/core/extension/widget.dart';
import 'package:toolbox/data/model/server/pve.dart';
import 'package:toolbox/data/model/server/server_private_info.dart';
import 'package:toolbox/data/provider/pve.dart';
import 'package:toolbox/data/res/ui.dart';
import 'package:toolbox/view/widget/appbar.dart';
import 'package:toolbox/view/widget/future_widget.dart';
import 'package:toolbox/view/widget/percent_circle.dart';
final class PvePage extends StatefulWidget {
final ServerPrivateInfo spi;
const PvePage({
super.key,
required this.spi,
});
@override
_PvePageState createState() => _PvePageState();
}
const _kHorziPadding = 11.0;
final class _PvePageState extends State<PvePage> {
late final pve = PveProvider(spi: widget.spi);
late MediaQueryData _media;
@override
void didChangeDependencies() {
super.didChangeDependencies();
_media = MediaQuery.of(context);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: const CustomAppBar(
title: Text('PVE'),
),
body: _buildBody(),
);
}
Widget _buildBody() {
if (pve.err.value != null) {
return Center(
child: Text('Failed to connect to PVE: ${pve.err.value}'),
);
}
return FutureWidget(
future: pve.list(),
error: (e, _) {
return Center(
child: Text('Failed to list PVE: $e'),
);
},
loading: UIs.centerLoading,
success: (data) {
if (data == null) {
return const Center(
child: Text('No PVE Resource found'),
);
}
PveResType? lastType;
return ListView.separated(
padding: const EdgeInsets.symmetric(
horizontal: _kHorziPadding,
vertical: 7,
),
itemCount: data.length + 1,
separatorBuilder: (context, index) {
final type = switch (data[index]) {
final PveNode _ => PveResType.node,
final PveQemu _ => PveResType.qemu,
final PveLxc _ => PveResType.lxc,
final PveStorage _ => PveResType.storage,
final PveSdn _ => PveResType.sdn,
};
if (type == lastType) {
return UIs.placeholder;
}
return Padding(
padding: const EdgeInsets.symmetric(vertical: 7),
child: Align(
alignment: Alignment.center,
child: Text(
type.toStr,
style: const TextStyle(
fontWeight: FontWeight.bold,
color: Colors.grey,
),
),
),
);
},
itemBuilder: (context, index) {
if (index == 0) return UIs.placeholder;
final item = data[index - 1];
switch (item) {
case final PveNode item:
lastType = PveResType.node;
return _buildNode(item);
case final PveQemu item:
lastType = PveResType.qemu;
return _buildQemu(item);
case final PveLxc item:
lastType = PveResType.lxc;
return _buildLxc(item);
case final PveStorage item:
lastType = PveResType.storage;
return _buildStorage(item);
case final PveSdn item:
lastType = PveResType.sdn;
return _buildSdn(item);
}
},
);
},
);
}
Widget _buildQemu(PveQemu item) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
ListTile(
title: Text(item.name),
trailing: Text(item.topRight),
),
if (item.isRunning) Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
_wrap(PercentCircle(percent: (item.cpu / item.maxcpu) * 100), 4),
_wrap(PercentCircle(percent: (item.mem / item.maxmem) * 100), 4),
_wrap(PercentCircle(percent: (item.disk / item.maxdisk) * 100), 4),
_wrap(
Column(
children: [
Text(
item.netin.bytes2Str,
style: const TextStyle(fontSize: 10, color: Colors.grey),
textAlign: TextAlign.center,
),
const SizedBox(height: 3),
Text(
item.netout.bytes2Str,
style: const TextStyle(fontSize: 10, color: Colors.grey),
textAlign: TextAlign.center,
)
],
),
4),
],
),
if (item.isRunning) UIs.height13,
],
).card;
}
Widget _buildLxc(PveLxc item) {
return ListTile(
title: Text(item.name),
trailing: Text(item.status),
).card;
}
Widget _buildNode(PveNode item) {
return ListTile(
title: Text(item.node),
trailing: Text(item.status),
).card;
}
Widget _buildStorage(PveStorage item) {
return ListTile(
title: Text(item.storage),
trailing: Text(item.status),
).card;
}
Widget _buildSdn(PveSdn item) {
return ListTile(
title: Text(item.sdn),
trailing: Text(item.status),
).card;
}
Widget _wrap(Widget child, int count) {
return SizedBox(
height: (_media.size.width - 2 * _kHorziPadding) / count,
child: child,
);
}
}

View File

@@ -5,7 +5,9 @@ import 'package:toolbox/core/extension/context/dialog.dart';
import 'package:toolbox/core/extension/context/locale.dart';
import 'package:toolbox/core/extension/context/snackbar.dart';
import 'package:toolbox/data/model/app/shell_func.dart';
import 'package:toolbox/data/model/server/custom.dart';
import 'package:toolbox/data/res/provider.dart';
import 'package:toolbox/view/widget/expand_tile.dart';
import '../../../core/route.dart';
import '../../../data/model/server/private_key_info.dart';
@@ -33,6 +35,8 @@ class _ServerEditPageState extends State<ServerEditPage> {
final _portController = TextEditingController();
final _usernameController = TextEditingController();
final _passwordController = TextEditingController();
final _pveAddrCtrl = TextEditingController();
final _nameFocus = FocusNode();
final _ipFocus = FocusNode();
final _alterUrlFocus = FocusNode();
@@ -71,6 +75,7 @@ class _ServerEditPageState extends State<ServerEditPage> {
_altUrlController.text = spi.alterUrl ?? '';
_autoConnect.value = spi.autoConnect ?? true;
_jumpServer.value = spi.jumpId;
_pveAddrCtrl.text = spi.custom?.pveAddr ?? '';
}
}
@@ -221,8 +226,6 @@ class _ServerEditPageState extends State<ServerEditPage> {
allTags: [...Pros.server.tags.value],
onRenameTag: Pros.server.renameTag,
),
_buildAuth(),
//_buildJumpServer(),
ListTile(
title: Text(l10n.autoConnect),
trailing: ListenableBuilder(
@@ -235,6 +238,9 @@ class _ServerEditPageState extends State<ServerEditPage> {
),
),
),
_buildAuth(),
//_buildJumpServer(),
_buildPVE(),
];
return SingleChildScrollView(
padding: const EdgeInsets.fromLTRB(17, 17, 17, 47),
@@ -329,6 +335,17 @@ class _ServerEditPageState extends State<ServerEditPage> {
);
}
Widget _buildPVE() {
return ExpandTile(title: const Text('PVE'), children: [
Input(
controller: _pveAddrCtrl,
type: TextInputType.url,
label: l10n.addr,
hint: 'https://example.com:8006',
),
]);
}
Widget _buildFAB() {
return FloatingActionButton(
heroTag: 'server',
@@ -428,6 +445,8 @@ class _ServerEditPageState extends State<ServerEditPage> {
if (_portController.text.isEmpty) {
_portController.text = '22';
}
final pveAddr = _pveAddrCtrl.text.isEmpty ? null : _pveAddrCtrl.text;
final custom = pveAddr == null ? null : ServerCustom(pveAddr: pveAddr);
final spi = ServerPrivateInfo(
name: _nameController.text.isEmpty
@@ -444,6 +463,7 @@ class _ServerEditPageState extends State<ServerEditPage> {
alterUrl: _altUrlController.text.isEmpty ? null : _altUrlController.text,
autoConnect: _autoConnect.value,
jumpId: _jumpServer.value,
custom: custom,
);
if (widget.spi == null) {

View File

@@ -1,5 +1,4 @@
import 'package:after_layout/after_layout.dart';
import 'package:circle_chart/circle_chart.dart';
import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';
import 'package:provider/provider.dart';
@@ -16,13 +15,13 @@ import 'package:toolbox/data/model/server/sensors.dart';
import 'package:toolbox/data/model/server/try_limiter.dart';
import 'package:toolbox/data/res/provider.dart';
import 'package:toolbox/data/res/store.dart';
import 'package:toolbox/view/widget/percent_circle.dart';
import '../../../core/route.dart';
import '../../../data/model/app/net_view.dart';
import '../../../data/model/server/server.dart';
import '../../../data/model/server/server_private_info.dart';
import '../../../data/provider/server.dart';
import '../../../data/res/color.dart';
import '../../../data/res/ui.dart';
import '../../widget/cardx.dart';
import '../../widget/server_func_btns.dart';
@@ -312,9 +311,11 @@ class _ServerPageState extends State<ServerPage>
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
_wrapWithSizedbox(_buildPercentCircle(ss.cpu.usedPercent()), true),
_wrapWithSizedbox(PercentCircle(percent: ss.cpu.usedPercent()), true),
_wrapWithSizedbox(
_buildPercentCircle(ss.mem.usedPercent * 100), true),
PercentCircle(percent: ss.mem.usedPercent * 100),
true,
),
_wrapWithSizedbox(_buildNet(ss, spi.id)),
_wrapWithSizedbox(_buildDisk(ss, spi.id)),
],
@@ -509,29 +510,6 @@ class _ServerPageState extends State<ServerPage>
);
}
Widget _buildPercentCircle(double percent) {
if (percent <= 0) percent = 0.01;
if (percent >= 100) percent = 99.9;
return Stack(
alignment: Alignment.center,
children: [
CircleChart(
progressColor: primaryColor,
progressNumber: percent,
maxNumber: 100,
width: 57,
height: 57,
animationDuration: const Duration(milliseconds: 777),
),
Text(
'${percent.toStringAsFixed(1)}%',
textAlign: TextAlign.center,
style: const TextStyle(fontSize: 12.7),
),
],
);
}
@override
bool get wantKeepAlive => true;