new: pve (#307)
This commit is contained in:
@@ -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
197
lib/view/page/pve.dart
Normal 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,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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) {
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user