mirror of
https://github.com/lollipopkit/flutter_server_box.git
synced 2025-12-17 07:14:28 +01:00
415 lines
13 KiB
Dart
415 lines
13 KiB
Dart
import 'package:dartssh2/dartssh2.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:toolbox/core/extension/numx.dart';
|
|
import 'package:toolbox/core/utils.dart';
|
|
import 'package:toolbox/data/model/server/server_connection_state.dart';
|
|
import 'package:toolbox/data/model/server/server_private_info.dart';
|
|
import 'package:toolbox/data/model/sftp/absolute_path.dart';
|
|
import 'package:toolbox/data/model/sftp/sftp_side_status.dart';
|
|
import 'package:toolbox/data/provider/server.dart';
|
|
import 'package:toolbox/locator.dart';
|
|
import 'package:toolbox/view/widget/fade_in.dart';
|
|
import 'package:toolbox/view/widget/two_line_text.dart';
|
|
|
|
class SFTPPage extends StatefulWidget {
|
|
final ServerPrivateInfo spi;
|
|
const SFTPPage(this.spi, {Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_SFTPPageState createState() => _SFTPPageState();
|
|
}
|
|
|
|
class _SFTPPageState extends State<SFTPPage> {
|
|
final SFTPSideViewStatus _status = SFTPSideViewStatus();
|
|
|
|
final ScrollController _scrollController = ScrollController();
|
|
|
|
late MediaQueryData _media;
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
_media = MediaQuery.of(context);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_status.spi = widget.spi;
|
|
_status.selected = true;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
centerTitle: true,
|
|
title: TwoLineText(up: 'SFTP', down: widget.spi.name),
|
|
),
|
|
body: _buildFileView(),
|
|
);
|
|
}
|
|
|
|
Widget get centerCircleLoading => Center(
|
|
child: Column(
|
|
children: [
|
|
SizedBox(
|
|
height: _media.size.height * 0.4,
|
|
),
|
|
const CircularProgressIndicator(),
|
|
],
|
|
),
|
|
);
|
|
|
|
Widget _buildFileView() {
|
|
if (!_status.selected) {
|
|
return ListView(
|
|
children: [
|
|
_buildDestSelector(),
|
|
],
|
|
);
|
|
}
|
|
final spi = _status.spi;
|
|
final si =
|
|
locator<ServerProvider>().servers.firstWhere((s) => s.info == spi);
|
|
final client = si.client;
|
|
if (client == null ||
|
|
si.connectionState != ServerConnectionState.connected) {
|
|
return centerCircleLoading;
|
|
}
|
|
|
|
if (_status.files == null) {
|
|
_status.path = AbsolutePath('/');
|
|
listDir(path: '/', client: client);
|
|
return centerCircleLoading;
|
|
} else {
|
|
return RefreshIndicator(
|
|
child: FadeIn(
|
|
child: ListView.builder(
|
|
itemCount: _status.files!.length + 1,
|
|
controller: _scrollController,
|
|
itemBuilder: (context, index) {
|
|
if (index == 0) {
|
|
return _buildDestSelector();
|
|
}
|
|
final file = _status.files![index - 1];
|
|
final isDir = file.attr.isDirectory;
|
|
return ListTile(
|
|
leading: Icon(isDir ? Icons.folder : Icons.insert_drive_file),
|
|
title: Text(file.filename),
|
|
trailing: Text(
|
|
DateTime.fromMillisecondsSinceEpoch(
|
|
(file.attr.modifyTime ?? 0) * 1000)
|
|
.toString()
|
|
.replaceFirst('.000', ''),
|
|
style: const TextStyle(color: Colors.grey),
|
|
),
|
|
subtitle:
|
|
isDir ? null : Text((file.attr.size ?? 0).convertBytes),
|
|
onTap: () {
|
|
if (isDir) {
|
|
_status.path?.update(file.filename);
|
|
listDir(path: _status.path?.path);
|
|
} else {
|
|
onItemPress(context, file);
|
|
}
|
|
},
|
|
onLongPress: () => onItemPress(context, file),
|
|
);
|
|
},
|
|
),
|
|
key: Key(_status.spi!.name + _status.path!.path),
|
|
),
|
|
onRefresh: () => listDir(path: _status.path?.path));
|
|
}
|
|
}
|
|
|
|
void onItemPress(BuildContext context, SftpName file) {
|
|
showRoundDialog(
|
|
context,
|
|
'Action',
|
|
Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.delete),
|
|
title: const Text('Delete'),
|
|
onTap: () => delete(context, file),
|
|
),
|
|
ListTile(
|
|
leading: const Icon(Icons.folder),
|
|
title: const Text('Create Folder'),
|
|
onTap: () => mkdir(context)),
|
|
ListTile(
|
|
leading: const Icon(Icons.edit),
|
|
title: const Text('Rename'),
|
|
onTap: () => rename(context, file),
|
|
),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.download),
|
|
// title: const Text('Download'),
|
|
// onTap: () => download(context, file),
|
|
// )
|
|
],
|
|
),
|
|
[
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel'))
|
|
]);
|
|
}
|
|
|
|
// void download(BuildContext context, SftpName name) {
|
|
// showRoundDialog(
|
|
// context, 'Download', Text('Download ${name.filename} to local?'), [
|
|
// TextButton(
|
|
// onPressed: () => Navigator.of(context).pop(),
|
|
// child: const Text('Cancel')),
|
|
// TextButton(
|
|
// onPressed: () async {
|
|
// var result = '';
|
|
// try {
|
|
// Navigator.of(context).pop();
|
|
// showRoundDialog(
|
|
// context,
|
|
// name.filename,
|
|
// const Text('Downloading...\nKepp this app in the foreground.',
|
|
// textAlign: TextAlign.center),
|
|
// [],
|
|
// barrierDismiss: false);
|
|
// final path = await sftpDownloadDir;
|
|
// final local = File('${path.path}/${name.filename}');
|
|
// if (await local.exists()) {
|
|
// await local.delete();
|
|
// }
|
|
|
|
// final localFile =
|
|
// await local.open(mode: FileMode.writeOnlyAppend);
|
|
// final remotePath = _status.path!.path + '/' + name.filename;
|
|
// final file = await _status.client!.open(remotePath);
|
|
// final size = (await file.stat()).size;
|
|
// if (size == null) {
|
|
// throw Exception('can not get file size');
|
|
// }
|
|
|
|
// const chunkSize = 1024 * 128;
|
|
// for (var i = 0; i < size; i += chunkSize) {
|
|
// final data = file.read(length: chunkSize);
|
|
// await for (var item in data) {
|
|
// localFile.writeFrom(item);
|
|
// }
|
|
// }
|
|
// } catch (e) {
|
|
// result = e.toString();
|
|
// } finally {
|
|
// Navigator.of(context).pop();
|
|
// if (result.isEmpty) {
|
|
// result = 'Donwloaded successfully.';
|
|
// }
|
|
// showRoundDialog(context, 'Result', Text(result), [
|
|
// TextButton(
|
|
// onPressed: () => Navigator.of(context).pop(),
|
|
// child: const Text('OK'))
|
|
// ]);
|
|
// }
|
|
// },
|
|
// child: const Text('Download'))
|
|
// ]);
|
|
// }
|
|
|
|
void delete(BuildContext context, SftpName file) {
|
|
Navigator.of(context).pop();
|
|
showRoundDialog(
|
|
context, 'Confirm', Text('Are you sure to delete ${file.filename}?'), [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel')),
|
|
TextButton(
|
|
onPressed: () {
|
|
_status.client!.remove(file.filename);
|
|
Navigator.of(context).pop();
|
|
listDir();
|
|
},
|
|
child: const Text(
|
|
'Delete',
|
|
style: TextStyle(color: Colors.red),
|
|
)),
|
|
]);
|
|
}
|
|
|
|
void mkdir(BuildContext context) {
|
|
Navigator.of(context).pop();
|
|
final textController = TextEditingController();
|
|
showRoundDialog(
|
|
context,
|
|
'Create Folder',
|
|
TextField(
|
|
controller: textController,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Folder Name',
|
|
),
|
|
),
|
|
[
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel')),
|
|
TextButton(
|
|
onPressed: () {
|
|
if (textController.text == '') {
|
|
showRoundDialog(context, 'Attention',
|
|
const Text('You need input a name.'), [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('OK')),
|
|
]);
|
|
return;
|
|
}
|
|
_status.client!
|
|
.mkdir(_status.path!.path + '/' + textController.text);
|
|
Navigator.of(context).pop();
|
|
listDir();
|
|
},
|
|
child: const Text(
|
|
'Create',
|
|
style: TextStyle(color: Colors.red),
|
|
)),
|
|
]);
|
|
}
|
|
|
|
void rename(BuildContext context, SftpName file) {
|
|
Navigator.of(context).pop();
|
|
final textController = TextEditingController();
|
|
showRoundDialog(
|
|
context,
|
|
'Rename',
|
|
TextField(
|
|
controller: textController,
|
|
decoration: const InputDecoration(
|
|
labelText: 'New Name',
|
|
),
|
|
),
|
|
[
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Cancel')),
|
|
TextButton(
|
|
onPressed: () async {
|
|
if (textController.text == '') {
|
|
showRoundDialog(context, 'Attention',
|
|
const Text('You need input a name.'), [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('OK')),
|
|
]);
|
|
return;
|
|
}
|
|
await _status.client!
|
|
.rename(file.filename, textController.text);
|
|
Navigator.of(context).pop();
|
|
listDir();
|
|
},
|
|
child: const Text(
|
|
'Rename',
|
|
style: TextStyle(color: Colors.red),
|
|
)),
|
|
]);
|
|
}
|
|
|
|
Future<void> listDir({String? path, SSHClient? client}) async {
|
|
if (_status.isBusy) {
|
|
return;
|
|
}
|
|
_status.isBusy = true;
|
|
if (client != null) {
|
|
final sftpc = await client.sftp();
|
|
_status.client = sftpc;
|
|
}
|
|
try {
|
|
final fs =
|
|
await _status.client!.listdir(path ?? (_status.path?.path ?? '/'));
|
|
fs.sort((a, b) => a.filename.compareTo(b.filename));
|
|
fs.removeAt(0);
|
|
if (mounted) {
|
|
setState(() {
|
|
_status.files = fs;
|
|
_status.isBusy = false;
|
|
});
|
|
}
|
|
} catch (e) {
|
|
await showRoundDialog(context, 'Error', Text(e.toString()), [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('OK'))
|
|
]);
|
|
if (_status.path!.undo()) {
|
|
await listDir();
|
|
}
|
|
}
|
|
}
|
|
|
|
Widget _buildDestSelector() {
|
|
final str = _status.path?.path;
|
|
return ExpansionTile(
|
|
title: Text(_status.spi?.name ?? 'Choose target'),
|
|
subtitle: _status.selected
|
|
? LayoutBuilder(builder: (context, size) {
|
|
bool exceeded = false;
|
|
int len = 0;
|
|
for (; !exceeded && len < str!.length; len++) {
|
|
// Build the textspan
|
|
var span = TextSpan(
|
|
text: '...' + str.substring(str.length - len),
|
|
style: TextStyle(
|
|
fontSize:
|
|
Theme.of(context).textTheme.bodyText1?.fontSize ??
|
|
14),
|
|
);
|
|
|
|
// Use a textpainter to determine if it will exceed max lines
|
|
var tp = TextPainter(
|
|
maxLines: 1,
|
|
textAlign: TextAlign.left,
|
|
textDirection: TextDirection.ltr,
|
|
text: span,
|
|
);
|
|
|
|
// trigger it to layout
|
|
tp.layout(maxWidth: size.maxWidth);
|
|
|
|
// whether the text overflowed or not
|
|
exceeded = tp.didExceedMaxLines;
|
|
}
|
|
|
|
return Text(
|
|
(exceeded ? '...' : '') + str!.substring(str.length - len),
|
|
overflow: TextOverflow.clip,
|
|
maxLines: 1,
|
|
style: const TextStyle(color: Colors.grey),
|
|
);
|
|
})
|
|
: null,
|
|
children: locator<ServerProvider>()
|
|
.servers
|
|
.map((e) => _buildDestSelectorItem(e.info))
|
|
.toList());
|
|
}
|
|
|
|
Widget _buildDestSelectorItem(ServerPrivateInfo spi) {
|
|
return ListTile(
|
|
title: Text(spi.name),
|
|
subtitle: Text('${spi.user}@${spi.ip}:${spi.port}'),
|
|
onTap: () {
|
|
_status.spi = spi;
|
|
_status.selected = true;
|
|
_status.path = AbsolutePath('/');
|
|
listDir(
|
|
client: locator<ServerProvider>()
|
|
.servers
|
|
.firstWhere((s) => s.info == spi)
|
|
.client,
|
|
path: '/');
|
|
},
|
|
);
|
|
}
|
|
}
|