appbar now stay same, also rework, no more pushing and popping, manual animations
This commit is contained in:
RafayAhmad7548
parent
ae32866d46
commit
23cd60701c
1 changed files with 157 additions and 127 deletions
|
|
@ -7,10 +7,9 @@ import 'package:flutter/material.dart';
|
||||||
import 'package:fluxcloud/sftp_worker.dart';
|
import 'package:fluxcloud/sftp_worker.dart';
|
||||||
|
|
||||||
class SftpExplorer extends StatefulWidget {
|
class SftpExplorer extends StatefulWidget {
|
||||||
const SftpExplorer({super.key, required this.sftpWorker, this.path = '/'});
|
const SftpExplorer({super.key, required this.sftpWorker});
|
||||||
|
|
||||||
final SftpWorker sftpWorker;
|
final SftpWorker sftpWorker;
|
||||||
final String path;
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<SftpExplorer> createState() => _SftpExplorerState();
|
State<SftpExplorer> createState() => _SftpExplorerState();
|
||||||
|
|
@ -18,6 +17,8 @@ class SftpExplorer extends StatefulWidget {
|
||||||
|
|
||||||
class _SftpExplorerState extends State<SftpExplorer> {
|
class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
|
|
||||||
|
String path = '/';
|
||||||
|
|
||||||
bool _isLoading = true;
|
bool _isLoading = true;
|
||||||
late List<SftpName> _dirContents;
|
late List<SftpName> _dirContents;
|
||||||
|
|
||||||
|
|
@ -32,7 +33,7 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
Future<void> _listDir() async {
|
Future<void> _listDir() async {
|
||||||
setState(() => _isLoading = true);
|
setState(() => _isLoading = true);
|
||||||
try {
|
try {
|
||||||
_dirContents = await widget.sftpWorker.listdir(widget.path);
|
_dirContents = await widget.sftpWorker.listdir(path);
|
||||||
}
|
}
|
||||||
catch (e) {
|
catch (e) {
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
|
|
@ -46,12 +47,25 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
// TODO: make appbar same for all directories
|
|
||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
toolbarHeight: 75,
|
toolbarHeight: 75,
|
||||||
title: Text('Explorer'),
|
title: Text('Explorer'),
|
||||||
elevation: 2,
|
elevation: 2,
|
||||||
actionsPadding: EdgeInsets.only(right: 20),
|
actionsPadding: EdgeInsets.only(right: 20),
|
||||||
|
leading: IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
if (path == '/') {
|
||||||
|
// TODO: figure this out
|
||||||
|
// Navigator.pop(context);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
path = path.substring(0, path.length - 1);
|
||||||
|
path = path.substring(0, path.lastIndexOf('/')+1);
|
||||||
|
_listDir();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.arrow_back)
|
||||||
|
),
|
||||||
actions: [
|
actions: [
|
||||||
if (_progress != null)
|
if (_progress != null)
|
||||||
Stack(
|
Stack(
|
||||||
|
|
@ -64,7 +78,7 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
),
|
),
|
||||||
IconButton(
|
IconButton(
|
||||||
onPressed: () {
|
onPressed: () {
|
||||||
|
|
||||||
},
|
},
|
||||||
icon: Icon(Icons.upload)
|
icon: Icon(Icons.upload)
|
||||||
),
|
),
|
||||||
|
|
@ -73,127 +87,143 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
floatingActionButton: _buildFABs(context),
|
floatingActionButton: _buildFABs(context),
|
||||||
body: _isLoading ? Center(child: CircularProgressIndicator()) : ListView.builder(
|
body: AnimatedSwitcher(
|
||||||
itemCount: _dirContents.length,
|
duration: Duration(milliseconds: 300),
|
||||||
itemBuilder: (context, index) {
|
transitionBuilder: (child, animation) {
|
||||||
final dirEntry = _dirContents[index];
|
final curved = CurvedAnimation(
|
||||||
return ListTile(
|
parent: animation,
|
||||||
leading: Icon(dirEntry.attr.isDirectory ? Icons.folder : Icons.description),
|
curve: Curves.fastOutSlowIn
|
||||||
title: Text(dirEntry.filename),
|
|
||||||
trailing: Row(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
IconButton(
|
|
||||||
onPressed: () {
|
|
||||||
|
|
||||||
},
|
|
||||||
icon: Icon(Icons.drive_file_move)
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
onPressed: () {
|
|
||||||
|
|
||||||
},
|
|
||||||
icon: Icon(Icons.copy)
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
onPressed: () {
|
|
||||||
final newNameController = TextEditingController(text: dirEntry.filename);
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => AlertDialog(
|
|
||||||
title: Text('Rename'),
|
|
||||||
content: TextField(
|
|
||||||
controller: newNameController,
|
|
||||||
autofocus: true,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
labelText: 'Enter new name'
|
|
||||||
),
|
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancel')),
|
|
||||||
TextButton(
|
|
||||||
onPressed: () async {
|
|
||||||
// try {
|
|
||||||
// await widget.sftpWorker.rename('${widget.path}${dirEntry.filename}', '${widget.path}${newNameController.text}');
|
|
||||||
// _listDir();
|
|
||||||
// }
|
|
||||||
// on SftpStatusError catch (e) {
|
|
||||||
// if (context.mounted) {
|
|
||||||
// ScaffoldMessenger.of(context).showSnackBar(_buildErrorSnackBar(context, e.message));
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// if (context.mounted) {
|
|
||||||
// Navigator.pop(context);
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
},
|
|
||||||
child: Text('Rename')
|
|
||||||
),
|
|
||||||
|
|
||||||
],
|
|
||||||
)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
icon: Icon(Icons.drive_file_rename_outline)
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
onPressed: () {
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => AlertDialog(
|
|
||||||
title: Text('Delete Permanently?'),
|
|
||||||
content: Text(dirEntry.attr.isDirectory ? 'The contents of this folder will be deleted as well\nThis action cannot be undone' : 'This action cannot be undone'),
|
|
||||||
actions: [
|
|
||||||
TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancel')),
|
|
||||||
TextButton(
|
|
||||||
onPressed: () async {
|
|
||||||
// if (dirEntry.attr.isDirectory) {
|
|
||||||
// Future<void> removeRecursively (String path) async {
|
|
||||||
// final dirContents = await widget.sftpWorker.listdir(path);
|
|
||||||
// for (SftpName entry in dirContents) {
|
|
||||||
// final fullPath = '$path${entry.filename}';
|
|
||||||
// if (entry.attr.isDirectory) {
|
|
||||||
// await removeRecursively('$fullPath/');
|
|
||||||
// await widget.sftpWorker.rmdir('$fullPath/');
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// await widget.sftpWorker.remove(fullPath);
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// await widget.sftpWorker.rmdir(path);
|
|
||||||
// }
|
|
||||||
// await removeRecursively('${widget.path}${dirEntry.filename}/');
|
|
||||||
// }
|
|
||||||
// else {
|
|
||||||
// await widget.sftpWorker.remove('${widget.path}${dirEntry.filename}');
|
|
||||||
// }
|
|
||||||
// _listDir();
|
|
||||||
// if (context.mounted) {
|
|
||||||
// Navigator.pop(context);
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
child: Text('Yes')
|
|
||||||
),
|
|
||||||
],
|
|
||||||
)
|
|
||||||
);
|
|
||||||
},
|
|
||||||
icon: Icon(Icons.delete)
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
onTap: () {
|
|
||||||
if (dirEntry.attr.isDirectory) {
|
|
||||||
Navigator.push(context, MaterialPageRoute(
|
|
||||||
builder: (context) => SftpExplorer(
|
|
||||||
sftpWorker: widget.sftpWorker,
|
|
||||||
path: '${widget.path}${dirEntry.filename}/',
|
|
||||||
)
|
|
||||||
));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
);
|
);
|
||||||
},
|
return FadeTransition(
|
||||||
|
opacity: curved,
|
||||||
|
child: ScaleTransition(
|
||||||
|
scale: Tween<double>(
|
||||||
|
begin: 0.92,
|
||||||
|
end: 1
|
||||||
|
).animate(curved),
|
||||||
|
child: child,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: _isLoading ? Center(child: CircularProgressIndicator()) : ListView.builder(
|
||||||
|
key: ValueKey(path),
|
||||||
|
itemCount: _dirContents.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final dirEntry = _dirContents[index];
|
||||||
|
return ListTile(
|
||||||
|
leading: Icon(dirEntry.attr.isDirectory ? Icons.folder : Icons.description),
|
||||||
|
title: Text(dirEntry.filename),
|
||||||
|
trailing: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.drive_file_move)
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.copy)
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
final newNameController = TextEditingController(text: dirEntry.filename);
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: Text('Rename'),
|
||||||
|
content: TextField(
|
||||||
|
controller: newNameController,
|
||||||
|
autofocus: true,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: 'Enter new name'
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancel')),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () async {
|
||||||
|
// try {
|
||||||
|
// await widget.sftpWorker.rename('${path}${dirEntry.filename}', '${widget.path}${newNameController.text}');
|
||||||
|
// _listDir();
|
||||||
|
// }
|
||||||
|
// on SftpStatusError catch (e) {
|
||||||
|
// if (context.mounted) {
|
||||||
|
// ScaffoldMessenger.of(context).showSnackBar(_buildErrorSnackBar(context, e.message));
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// if (context.mounted) {
|
||||||
|
// Navigator.pop(context);
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
},
|
||||||
|
child: Text('Rename')
|
||||||
|
),
|
||||||
|
|
||||||
|
],
|
||||||
|
)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.drive_file_rename_outline)
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: Text('Delete Permanently?'),
|
||||||
|
content: Text(dirEntry.attr.isDirectory ? 'The contents of this folder will be deleted as well\nThis action cannot be undone' : 'This action cannot be undone'),
|
||||||
|
actions: [
|
||||||
|
TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancel')),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () async {
|
||||||
|
// if (dirEntry.attr.isDirectory) {
|
||||||
|
// Future<void> removeRecursively (String path) async {
|
||||||
|
// final dirContents = await widget.sftpWorker.listdir(path);
|
||||||
|
// for (SftpName entry in dirContents) {
|
||||||
|
// final fullPath = '$path${entry.filename}';
|
||||||
|
// if (entry.attr.isDirectory) {
|
||||||
|
// await removeRecursively('$fullPath/');
|
||||||
|
// await widget.sftpWorker.rmdir('$fullPath/');
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// await widget.sftpWorker.remove(fullPath);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// await widget.sftpWorker.rmdir(path);
|
||||||
|
// }
|
||||||
|
// await removeRecursively('${path}${dirEntry.filename}/');
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// await widget.sftpWorker.remove('${path}${dirEntry.filename}');
|
||||||
|
// }
|
||||||
|
// _listDir();
|
||||||
|
// if (context.mounted) {
|
||||||
|
// Navigator.pop(context);
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
child: Text('Yes')
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
);
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.delete)
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
if (dirEntry.attr.isDirectory) {
|
||||||
|
path = '$path${dirEntry.filename}/';
|
||||||
|
_listDir();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
@ -222,7 +252,7 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
TextButton(
|
TextButton(
|
||||||
onPressed: () async {
|
onPressed: () async {
|
||||||
try {
|
try {
|
||||||
await widget.sftpWorker.mkdir('${widget.path}${nameController.text}');
|
await widget.sftpWorker.mkdir('${path}${nameController.text}');
|
||||||
_listDir();
|
_listDir();
|
||||||
}
|
}
|
||||||
catch (e) {
|
catch (e) {
|
||||||
|
|
@ -255,7 +285,7 @@ class _SftpExplorerState extends State<SftpExplorer> {
|
||||||
filePaths = files.map((file) => file.path).toList();
|
filePaths = files.map((file) => file.path).toList();
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
await for (final progress in widget.sftpWorker.uploadFiles(widget.path, filePaths)) {
|
await for (final progress in widget.sftpWorker.uploadFiles(path, filePaths)) {
|
||||||
setState(() => _progress = progress);
|
setState(() => _progress = progress);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue