2022-06-17 22:57:41 +08:00
import ' dart:async ' ;
import ' dart:io ' ;
import ' package:flutter/material.dart ' ;
import ' package:flutter_breadcrumb/flutter_breadcrumb.dart ' ;
import ' package:flutter_hbb/mobile/pages/file_manager_page.dart ' ;
import ' package:flutter_hbb/models/file_model.dart ' ;
import ' package:flutter_smart_dialog/flutter_smart_dialog.dart ' ;
import ' package:get/get.dart ' ;
import ' package:provider/provider.dart ' ;
import ' package:wakelock/wakelock.dart ' ;
import ' ../../common.dart ' ;
import ' ../../models/model.dart ' ;
class FileManagerPage extends StatefulWidget {
FileManagerPage ( { Key ? key , required this . id } ) : super ( key: key ) ;
final String id ;
@ override
State < StatefulWidget > createState ( ) = > _FileManagerPageState ( ) ;
}
class _FileManagerPageState extends State < FileManagerPage >
with AutomaticKeepAliveClientMixin {
final _selectedItems = SelectedItems ( ) ;
2022-06-27 16:44:34 +08:00
final _breadCrumbLocalScroller = ScrollController ( ) ;
final _breadCrumbRemoteScroller = ScrollController ( ) ;
2022-06-17 22:57:41 +08:00
/// FFI with name file_transfer_id
FFI get _ffi = > ffi ( ' ft_ ${ widget . id } ' ) ;
FileModel get model = > _ffi . fileModel ;
@ override
void initState ( ) {
super . initState ( ) ;
2022-06-21 17:58:27 +08:00
Get . put ( FFI . newFFI ( ) . . connect ( widget . id , isFileTransfer: true ) ,
tag: ' ft_ ${ widget . id } ' ) ;
// _ffi.ffiModel.updateEventListener(widget.id);
2022-06-17 22:57:41 +08:00
if ( ! Platform . isLinux ) {
Wakelock . enable ( ) ;
}
2022-06-21 17:58:27 +08:00
print ( " init success with id ${ widget . id } " ) ;
2022-06-17 22:57:41 +08:00
}
@ override
void dispose ( ) {
model . onClose ( ) ;
_ffi . close ( ) ;
SmartDialog . dismiss ( ) ;
if ( ! Platform . isLinux ) {
Wakelock . disable ( ) ;
}
Get . delete < FFI > ( tag: ' ft_ ${ widget . id } ' ) ;
super . dispose ( ) ;
}
@ override
Widget build ( BuildContext context ) {
super . build ( context ) ;
return ChangeNotifierProvider . value (
value: _ffi . fileModel ,
child: Consumer < FileModel > ( builder: ( _context , _model , _child ) {
return WillPopScope (
onWillPop: ( ) async {
if ( model . selectMode ) {
model . toggleSelectMode ( ) ;
}
return false ;
} ,
child: Scaffold (
backgroundColor: MyTheme . grayBg ,
2022-06-21 18:14:44 +08:00
body: Row (
children: [
2022-07-01 12:08:52 +08:00
Flexible ( flex: 3 , child: body ( isLocal: true ) ) ,
Flexible ( flex: 3 , child: body ( isLocal: false ) ) ,
Flexible ( flex: 2 , child: statusList ( ) )
2022-06-21 18:14:44 +08:00
] ,
) ,
2022-06-17 22:57:41 +08:00
bottomSheet: bottomSheet ( ) ,
) ) ;
} ) ) ;
}
bool needShowCheckBox ( ) {
if ( ! model . selectMode ) {
return false ;
}
return ! _selectedItems . isOtherPage ( model . isLocal ) ;
}
2022-06-27 16:44:34 +08:00
Widget menu ( { bool isLocal = false } ) {
return PopupMenuButton < String > (
icon: Icon ( Icons . more_vert ) ,
itemBuilder: ( context ) {
return [
PopupMenuItem (
child: Row (
children: [
Icon ( Icons . refresh , color: Colors . black ) ,
SizedBox ( width: 5 ) ,
Text ( translate ( " Refresh File " ) )
] ,
) ,
value: " refresh " ,
) ,
PopupMenuItem (
child: Row (
children: [
Icon ( Icons . check , color: Colors . black ) ,
SizedBox ( width: 5 ) ,
Text ( translate ( " Multi Select " ) )
] ,
) ,
value: " select " ,
) ,
PopupMenuItem (
child: Row (
children: [
2022-07-01 17:17:25 +08:00
Icon ( Icons . folder_outlined , color: Colors . black ) ,
2022-06-27 16:44:34 +08:00
SizedBox ( width: 5 ) ,
Text ( translate ( " Create Folder " ) )
] ,
) ,
value: " folder " ,
) ,
PopupMenuItem (
child: Row (
children: [
Icon (
model . currentShowHidden
? Icons . check_box_outlined
: Icons . check_box_outline_blank ,
color: Colors . black ) ,
SizedBox ( width: 5 ) ,
Text ( translate ( " Show Hidden Files " ) )
] ,
) ,
value: " hidden " ,
)
] ;
} ,
onSelected: ( v ) {
if ( v = = " refresh " ) {
model . refresh ( ) ;
} else if ( v = = " select " ) {
_selectedItems . clear ( ) ;
model . toggleSelectMode ( ) ;
} else if ( v = = " folder " ) {
final name = TextEditingController ( ) ;
2022-07-01 17:17:25 +08:00
DialogManager . show ( ( setState , close ) = > CustomAlertDialog (
2022-06-27 16:44:34 +08:00
title: Text ( translate ( " Create Folder " ) ) ,
content: Column (
mainAxisSize: MainAxisSize . min ,
children: [
TextFormField (
decoration: InputDecoration (
2022-07-01 17:17:25 +08:00
labelText:
translate ( " Please enter the folder name " ) ,
2022-06-27 16:44:34 +08:00
) ,
controller: name ,
) ,
] ,
) ,
actions: [
TextButton (
style: flatButtonStyle ,
onPressed: ( ) = > close ( false ) ,
child: Text ( translate ( " Cancel " ) ) ) ,
ElevatedButton (
style: flatButtonStyle ,
onPressed: ( ) {
if ( name . value . text . isNotEmpty ) {
model . createDir ( PathUtil . join (
model . currentDir . path ,
name . value . text ,
model . currentIsWindows ) ) ;
close ( ) ;
}
} ,
child: Text ( translate ( " OK " ) ) )
] ) ) ;
} else if ( v = = " hidden " ) {
model . toggleShowHidden ( local: isLocal ) ;
}
} ) ;
}
2022-06-21 18:14:44 +08:00
Widget body ( { bool isLocal = false } ) {
final fd = isLocal ? model . currentLocalDir : model . currentRemoteDir ;
2022-06-17 22:57:41 +08:00
final entries = fd . entries ;
2022-07-01 17:17:25 +08:00
return Container (
decoration: BoxDecoration (
color: Colors . white70 , border: Border . all ( color: Colors . grey ) ) ,
margin: const EdgeInsets . all ( 16.0 ) ,
padding: const EdgeInsets . all ( 8.0 ) ,
child: Column ( crossAxisAlignment: CrossAxisAlignment . start , children: [
headTools ( isLocal ) ,
Expanded (
child: Row (
crossAxisAlignment: CrossAxisAlignment . start ,
children: [
Expanded (
child: SingleChildScrollView (
child: DataTable (
showCheckboxColumn: true ,
dataRowHeight: 30 ,
columnSpacing: 8 ,
columns: [
DataColumn ( label: Text ( translate ( " " ) ) ) , // icon
DataColumn (
label: Text (
translate ( " Name " ) ,
) ) ,
DataColumn ( label: Text ( translate ( " Modified " ) ) ) ,
DataColumn ( label: Text ( translate ( " Size " ) ) ) ,
] ,
rows: entries . map ( ( entry ) {
final sizeStr = entry . isFile
? readableFileSize ( entry . size . toDouble ( ) )
: " " ;
return DataRow (
key: ValueKey ( entry . name ) ,
onSelectChanged: ( s ) {
// TODO
} ,
cells: [
// TODO: icon
DataCell ( Icon (
entry . isFile ? Icons . feed_outlined : Icons . folder ,
size: 25 ) ) ,
DataCell (
ConstrainedBox (
constraints: BoxConstraints ( maxWidth: 100 ) ,
child: Text ( entry . name ,
overflow: TextOverflow . ellipsis ) ) ,
onTap: ( ) {
if ( entry . isDirectory ) {
model . openDirectory ( entry . path , isLocal: isLocal ) ;
} else {
// Perform file-related tasks.
}
} ) ,
DataCell ( Text (
entry
. lastModified ( )
. toString ( )
. replaceAll ( " .000 " , " " ) +
" " ,
style: TextStyle (
fontSize: 12 , color: MyTheme . darkGray ) ,
) ) ,
DataCell ( Text (
sizeStr ,
style: TextStyle (
fontSize: 12 , color: MyTheme . darkGray ) ,
) ) ,
] ) ;
} ) . toList ( ) ,
) ,
2022-06-17 22:57:41 +08:00
) ,
2022-07-01 17:17:25 +08:00
)
] ,
) ) ,
Center ( child: listTail ( isLocal: isLocal ) ) ,
// Expanded(
// child: ListView.builder(
// itemCount: entries.length + 1,
// itemBuilder: (context, index) {
// if (index >= entries.length) {
// return listTail(isLocal: isLocal);
// }
// var selected = false;
// if (model.selectMode) {
// selected = _selectedItems.contains(entries[index]);
// }
//
// final sizeStr = entries[index].isFile
// ? readableFileSize(entries[index].size.toDouble())
// : "";
// return Card(
// child: ListTile(
// leading: Icon(
// entries[index].isFile ? Icons.feed_outlined : Icons.folder,
// size: 40),
// title: Text(entries[index].name),
// selected: selected,
// subtitle: Text(
// entries[index]
// .lastModified()
// .toString()
// .replaceAll(".000", "") +
// " " +
// sizeStr,
// style: TextStyle(fontSize: 12, color: MyTheme.darkGray),
// ),
// trailing: needShowCheckBox()
// ? Checkbox(
// value: selected,
// onChanged: (v) {
// if (v == null) return;
// if (v && !selected) {
// _selectedItems.add(isLocal, entries[index]);
// } else if (!v && selected) {
// _selectedItems.remove(entries[index]);
// }
// setState(() {});
// })
// : PopupMenuButton<String>(
// icon: Icon(Icons.more_vert),
// itemBuilder: (context) {
// return [
// PopupMenuItem(
// child: Text(translate("Delete")),
// value: "delete",
// ),
// PopupMenuItem(
// child: Text(translate("Multi Select")),
// value: "multi_select",
// ),
// PopupMenuItem(
// child: Text(translate("Properties")),
// value: "properties",
// enabled: false,
// )
// ];
// },
// onSelected: (v) {
// if (v == "delete") {
// final items = SelectedItems();
// items.add(isLocal, entries[index]);
// model.removeAction(items);
// } else if (v == "multi_select") {
// _selectedItems.clear();
// model.toggleSelectMode();
// }
// }),
// onTap: () {
// if (model.selectMode && !_selectedItems.isOtherPage(isLocal)) {
// if (selected) {
// _selectedItems.remove(entries[index]);
// } else {
// _selectedItems.add(isLocal, entries[index]);
// }
// setState(() {});
// return;
// }
// if (entries[index].isDirectory) {
// model.openDirectory(entries[index].path, isLocal: isLocal);
// breadCrumbScrollToEnd(isLocal);
// } else {
// // Perform file-related tasks.
// }
// },
// onLongPress: () {
// _selectedItems.clear();
// model.toggleSelectMode();
// if (model.selectMode) {
// _selectedItems.add(isLocal, entries[index]);
// }
// setState(() {});
// },
// ),
// );
// },
// ))
] ) ,
) ;
2022-06-17 22:57:41 +08:00
}
2022-07-01 12:08:52 +08:00
/// transfer status list
/// watch transfer status
Widget statusList ( ) {
2022-07-01 17:17:25 +08:00
return PreferredSize (
child: Container (
margin: const EdgeInsets . only ( top: 16.0 , bottom: 16.0 , right: 16.0 ) ,
padding: const EdgeInsets . all ( 8.0 ) ,
decoration: BoxDecoration ( color: Colors . white70 , border: Border . all ( color: Colors . grey ) ) ,
) ,
preferredSize: Size ( 200 , double . infinity ) ) ;
2022-07-01 12:08:52 +08:00
}
2022-06-27 16:44:34 +08:00
goBack ( { bool ? isLocal } ) {
model . goToParentDirectory ( isLocal: isLocal ) ;
2022-06-17 22:57:41 +08:00
}
2022-06-27 16:44:34 +08:00
breadCrumbScrollToEnd ( bool isLocal ) {
2022-07-01 17:17:25 +08:00
final controller =
isLocal ? _breadCrumbLocalScroller : _breadCrumbRemoteScroller ;
2022-06-17 22:57:41 +08:00
Future . delayed ( Duration ( milliseconds: 200 ) , ( ) {
2022-07-01 17:17:25 +08:00
controller . animateTo ( controller . position . maxScrollExtent ,
2022-06-17 22:57:41 +08:00
duration: Duration ( milliseconds: 200 ) ,
curve: Curves . fastLinearToSlowEaseIn ) ;
} ) ;
}
2022-06-27 16:44:34 +08:00
Widget headTools ( bool isLocal ) = > Container (
2022-06-17 22:57:41 +08:00
child: Row (
children: [
Expanded (
child: BreadCrumb (
items: getPathBreadCrumbItems ( ( ) = > model . goHome ( ) , ( list ) {
var path = " " ;
if ( model . currentHome . startsWith ( list [ 0 ] ) ) {
// absolute path
for ( var item in list ) {
path = PathUtil . join ( path , item , model . currentIsWindows ) ;
}
} else {
path + = model . currentHome ;
for ( var item in list ) {
path = PathUtil . join ( path , item , model . currentIsWindows ) ;
}
}
2022-06-27 16:44:34 +08:00
model . openDirectory ( path , isLocal: isLocal ) ;
} , isLocal ) ,
2022-06-17 22:57:41 +08:00
divider: Icon ( Icons . chevron_right ) ,
2022-07-01 17:17:25 +08:00
overflow: ScrollableOverflow (
controller: isLocal
? _breadCrumbLocalScroller
: _breadCrumbRemoteScroller ) ,
2022-06-17 22:57:41 +08:00
) ) ,
Row (
children: [
IconButton (
icon: Icon ( Icons . arrow_upward ) ,
2022-06-27 16:44:34 +08:00
onPressed: ( ) {
goBack ( isLocal: isLocal ) ;
} ,
2022-06-17 22:57:41 +08:00
) ,
PopupMenuButton < SortBy > (
icon: Icon ( Icons . sort ) ,
itemBuilder: ( context ) {
return SortBy . values
. map ( ( e ) = > PopupMenuItem (
child:
Text ( translate ( e . toString ( ) . split ( " . " ) . last ) ) ,
value: e ,
) )
. toList ( ) ;
} ,
2022-06-27 16:44:34 +08:00
onSelected: ( sort ) {
model . changeSortStyle ( sort , isLocal: isLocal ) ;
} ) ,
menu ( isLocal: isLocal )
2022-06-17 22:57:41 +08:00
] ,
)
] ,
) ) ;
2022-07-01 12:08:52 +08:00
Widget listTail ( { bool isLocal = false } ) {
final dir = isLocal ? model . currentLocalDir : model . currentRemoteDir ;
2022-06-17 22:57:41 +08:00
return Container (
height: 100 ,
child: Column (
children: [
Padding (
padding: EdgeInsets . fromLTRB ( 30 , 5 , 30 , 0 ) ,
child: Text (
2022-07-01 12:08:52 +08:00
dir . path ,
2022-06-17 22:57:41 +08:00
style: TextStyle ( color: MyTheme . darkGray ) ,
) ,
) ,
Padding (
padding: EdgeInsets . all ( 2 ) ,
child: Text (
2022-07-01 12:08:52 +08:00
" ${ translate ( " Total " ) } : ${ dir . entries . length } ${ translate ( " items " ) } " ,
2022-06-17 22:57:41 +08:00
style: TextStyle ( color: MyTheme . darkGray ) ,
) ,
)
] ,
) ,
) ;
}
Widget ? bottomSheet ( ) {
final state = model . jobState ;
final isOtherPage = _selectedItems . isOtherPage ( model . isLocal ) ;
final selectedItemsLen = " ${ _selectedItems . length } ${ translate ( " items " ) } " ;
final local = _selectedItems . isLocal = = null
? " "
: " [ ${ _selectedItems . isLocal ! ? translate ( " Local " ) : translate ( " Remote " ) } ] " ;
if ( model . selectMode ) {
if ( _selectedItems . length = = 0 | | ! isOtherPage ) {
return BottomSheetBody (
leading: Icon ( Icons . check ) ,
title: translate ( " Selected " ) ,
text: selectedItemsLen + local ,
onCanceled: ( ) = > model . toggleSelectMode ( ) ,
actions: [
IconButton (
icon: Icon ( Icons . compare_arrows ) ,
onPressed: model . togglePage ,
) ,
IconButton (
icon: Icon ( Icons . delete_forever ) ,
onPressed: ( ) {
if ( _selectedItems . length > 0 ) {
model . removeAction ( _selectedItems ) ;
}
} ,
)
] ) ;
} else {
return BottomSheetBody (
leading: Icon ( Icons . input ) ,
title: translate ( " Paste here? " ) ,
text: selectedItemsLen + local ,
onCanceled: ( ) = > model . toggleSelectMode ( ) ,
actions: [
IconButton (
icon: Icon ( Icons . compare_arrows ) ,
onPressed: model . togglePage ,
) ,
IconButton (
icon: Icon ( Icons . paste ) ,
onPressed: ( ) {
model . toggleSelectMode ( ) ;
model . sendFiles ( _selectedItems ) ;
} ,
)
] ) ;
}
}
switch ( state ) {
case JobState . inProgress:
return BottomSheetBody (
leading: CircularProgressIndicator ( ) ,
title: translate ( " Waiting " ) ,
text:
" ${ translate ( " Speed " ) } : ${ readableFileSize ( model . jobProgress . speed ) } /s " ,
onCanceled: ( ) = > model . cancelJob ( model . jobProgress . id ) ,
) ;
case JobState . done:
return BottomSheetBody (
leading: Icon ( Icons . check ) ,
title: " ${ translate ( " Successful " ) } ! " ,
text: " " ,
onCanceled: ( ) = > model . jobReset ( ) ,
) ;
case JobState . error:
return BottomSheetBody (
leading: Icon ( Icons . error ) ,
title: " ${ translate ( " Error " ) } ! " ,
text: " " ,
onCanceled: ( ) = > model . jobReset ( ) ,
) ;
case JobState . none:
break ;
}
return null ;
}
2022-07-01 17:17:25 +08:00
List < BreadCrumbItem > getPathBreadCrumbItems ( void Function ( ) onHome ,
void Function ( List < String > ) onPressed , bool isLocal ) {
2022-06-27 16:44:34 +08:00
final path = model . shortPath ( isLocal ) ;
2022-06-17 22:57:41 +08:00
final list = PathUtil . split ( path , model . currentIsWindows ) ;
final breadCrumbList = [
BreadCrumbItem (
content: IconButton (
icon: Icon ( Icons . home_filled ) ,
onPressed: onHome ,
) )
] ;
breadCrumbList . addAll ( list . asMap ( ) . entries . map ( ( e ) = > BreadCrumbItem (
content: TextButton (
child: Text ( e . value ) ,
style:
ButtonStyle ( minimumSize: MaterialStateProperty . all ( Size ( 0 , 0 ) ) ) ,
onPressed: ( ) = > onPressed ( list . sublist ( 0 , e . key + 1 ) ) ) ) ) ) ;
return breadCrumbList ;
}
@ override
bool get wantKeepAlive = > true ;
}
class BottomSheetBody extends StatelessWidget {
BottomSheetBody (
{ required this . leading ,
required this . title ,
required this . text ,
this . onCanceled ,
this . actions } ) ;
final Widget leading ;
final String title ;
final String text ;
final VoidCallback ? onCanceled ;
final List < IconButton > ? actions ;
@ override
BottomSheet build ( BuildContext context ) {
final _actions = actions ? ? [ ] ;
return BottomSheet (
builder: ( BuildContext context ) {
return Container (
height: 65 ,
alignment: Alignment . centerLeft ,
decoration: BoxDecoration (
color: MyTheme . accent50 ,
borderRadius: BorderRadius . vertical ( top: Radius . circular ( 10 ) ) ) ,
child: Padding (
padding: EdgeInsets . symmetric ( horizontal: 15 ) ,
child: Row (
mainAxisAlignment: MainAxisAlignment . spaceBetween ,
children: [
Row (
children: [
leading ,
SizedBox ( width: 16 ) ,
Column (
mainAxisAlignment: MainAxisAlignment . center ,
crossAxisAlignment: CrossAxisAlignment . start ,
children: [
Text ( title , style: TextStyle ( fontSize: 18 ) ) ,
Text ( text ,
style: TextStyle (
fontSize: 14 , color: MyTheme . grayBg ) )
] ,
)
] ,
) ,
Row ( children: ( ) {
_actions . add ( IconButton (
icon: Icon ( Icons . cancel_outlined ) ,
onPressed: onCanceled ,
) ) ;
return _actions ;
} ( ) )
] ,
) ,
) ) ;
} ,
onClosing: ( ) { } ,
backgroundColor: MyTheme . grayBg ,
enableDrag: false ,
) ;
}
}