rustdesk/lib/pages/file_manager_page.dart

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_hbb/models/file_model.dart';
import 'package:provider/provider.dart';
import 'package:flutter_breadcrumb/flutter_breadcrumb.dart';
import 'package:path/path.dart' as Path;

import '../common.dart';
import '../models/model.dart';
import '../widgets/dialog.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> {
  final model = FFI.fileModel;
  final _selectedItems = SelectedItems();
  Timer? _interval;
  Timer? _timer;
  var _reconnects = 1;
  final _breadCrumbScroller = ScrollController();

  @override
  void initState() {
    super.initState();
    showLoading(translate('Connecting...'));
    FFI.connect(widget.id, isFileTransfer: true);

    _interval = Timer.periodic(Duration(milliseconds: 30),
        (timer) => FFI.ffiModel.update(widget.id, context, handleMsgBox));
  }

  @override
  void dispose() {
    model.clear();
    _interval?.cancel();
    FFI.close();
    EasyLoading.dismiss();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) =>
      Consumer<FileModel>(builder: (_context, _model, _child) {
        return WillPopScope(
            onWillPop: () async {
              if (model.selectMode) {
                model.toggleSelectMode();
              } else {
                goBack();
              }
              return false;
            },
            child: Scaffold(
              backgroundColor: MyTheme.grayBg,
              appBar: AppBar(
                leading: Row(children: [
                  IconButton(icon: Icon(Icons.arrow_back), onPressed: goBack),
                  IconButton(icon: Icon(Icons.close), onPressed: clientClose),
                ]),
                leadingWidth: 200,
                centerTitle: true,
                title: Text(translate(model.isLocal ? "Local" : "Remote")),
                actions: [
                  IconButton(
                    icon: Icon(Icons.change_circle),
                    onPressed: () => model.togglePage(),
                  )
                ],
              ),
              body: body(),
              bottomSheet: bottomSheet(),
            ));
      });

  bool needShowCheckBox() {
    if (!model.selectMode) {
      return false;
    }
    return !_selectedItems.isOtherPage(model.isLocal);
  }

  Widget body() {
    final isLocal = model.isLocal;
    final fd = model.currentDir;
    final entries = fd.entries;
    return Column(children: [
      headTools(),
      Expanded(
          child: ListView.builder(
        itemCount: entries.length + 1,
        itemBuilder: (context, index) {
          if (index >= entries.length) {
            // 添加尾部信息 文件统计信息等
            // 添加快速返回上部
            // 使用 bottomSheet 提示以选择的文件数量 点击后展开查看更多
            return listTail();
          }
          var selected = false;
          if (model.selectMode) {
            selected = _selectedItems.contains(entries[index]);
          }
          var sizeStr = "";
          if (entries[index].isFile) {
            final size = entries[index].size;
            if (size < 1024) {
              sizeStr += size.toString() + "B";
            } else if (size < 1024 * 1024) {
              sizeStr += (size / 1024).toStringAsFixed(2) + "kB";
            } else if (size < 1024 * 1024 * 1024) {
              sizeStr += (size / 1024 / 1024).toStringAsFixed(2) + "MB";
            } else if (size < 1024 * 1024 * 1024 * 1024) {
              sizeStr += (size / 1024 / 1024 / 1024).toStringAsFixed(2) + "GB";
            }
          }
          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("删除"),
                            value: "delete",
                          ),
                          PopupMenuItem(
                            child: Text("详细信息"),
                            value: "delete",
                            enabled: false,
                          )
                        ];
                      },
                      onSelected: (v) {
                        if (v == "delete") {
                          final items = SelectedItems();
                          items.add(isLocal, entries[index]);
                          model.removeAction(items);
                        }
                      }),
              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);
                  breadCrumbScrollToEnd();
                } else {
                  // Perform file-related tasks.
                }
              },
              onLongPress: () {
                _selectedItems.clear();
                model.toggleSelectMode();
                if (model.selectMode) {
                  _selectedItems.add(isLocal, entries[index]);
                }
                setState(() {});
              },
            ),
          );
        },
      ))
    ]);
  }

  goBack() {
    model.goToParentDirectory();
  }

  void handleMsgBox(Map<String, dynamic> evt, String id) {
    var type = evt['type'];
    var title = evt['title'];
    var text = evt['text'];
    if (type == 're-input-password') {
      wrongPasswordDialog(id);
    } else if (type == 'input-password') {
      enterPasswordDialog(id);
    } else {
      var hasRetry = evt['hasRetry'] == 'true';
      print(evt);
      showMsgBox(type, title, text, hasRetry);
    }
  }

  void showMsgBox(String type, String title, String text, bool hasRetry) {
    msgBox(type, title, text);
    if (hasRetry) {
      _timer?.cancel();
      _timer = Timer(Duration(seconds: _reconnects), () {
        FFI.reconnect();
        showLoading(translate('Connecting...'));
      });
      _reconnects *= 2;
    } else {
      _reconnects = 1;
    }
  }

  breadCrumbScrollToEnd() {
    Future.delayed(Duration(milliseconds: 200), () {
      _breadCrumbScroller.animateTo(
          _breadCrumbScroller.position.maxScrollExtent,
          duration: Duration(milliseconds: 200),
          curve: Curves.fastLinearToSlowEaseIn);
    });
  }

  Widget headTools() => Container(
          child: Row(
        children: [
          Expanded(
              child: BreadCrumb(
            items: getPathBreadCrumbItems(() => debugPrint("pressed home"),
                (e) => debugPrint("pressed url:$e")),
            divider: Icon(Icons.chevron_right),
            overflow: ScrollableOverflow(controller: _breadCrumbScroller),
          )),
          Row(
            children: [
              // IconButton(onPressed: () {}, icon: Icon(Icons.sort)),
              PopupMenuButton<SortBy>(
                  icon: Icon(Icons.sort),
                  itemBuilder: (context) {
                    return SortBy.values
                        .map((e) => PopupMenuItem(
                              child:
                                  Text(translate(e.toString().split(".").last)),
                              value: e,
                            ))
                        .toList();
                  },
                  onSelected: model.changeSortStyle),
              PopupMenuButton<String>(
                  icon: Icon(Icons.more_vert),
                  itemBuilder: (context) {
                    return [
                      PopupMenuItem(
                        child: Row(
                          children: [Icon(Icons.refresh), Text("刷新")],
                        ),
                        value: "refresh",
                      ),
                      PopupMenuItem(
                        child: Row(
                          children: [Icon(Icons.check), Text("多选")],
                        ),
                        value: "select",
                      ),
                      PopupMenuItem(
                        child: Row(
                          children: [
                            Icon(Icons.folder),
                            Text(translate("Create Folder"))
                          ],
                        ),
                        value: "folder",
                      )
                    ];
                  },
                  onSelected: (v) {
                    if (v == "refresh") {
                      model.refresh();
                    } else if (v == "select") {
                      _selectedItems.clear();
                      model.toggleSelectMode();
                    } else if (v == "folder") {
                      final name = TextEditingController();
                      DialogManager.show((setState, close) => CustomAlertDialog(
                              title: Text(translate("Create Folder")),
                              content: Column(
                                mainAxisSize: MainAxisSize.min,
                                children: [
                                  TextFormField(
                                    decoration: InputDecoration(
                                      labelText: translate(
                                          "Please enter the folder name"),
                                    ),
                                    controller: name,
                                  ),
                                ],
                              ),
                              actions: [
                                TextButton(
                                    style: flatButtonStyle,
                                    onPressed: () {
                                      if (name.value.text.isNotEmpty) {
                                        model.createDir(Path.join(model.currentDir.path,name.value.text));
                                        close();
                                      }
                                    },
                                    child: Text(translate("OK"))),
                                TextButton(
                                    style: flatButtonStyle,
                                    onPressed: () => close(false),
                                    child: Text(translate("Cancel")))
                              ]));
                    }
                  }),
            ],
          )
        ],
      ));

  Widget emptyPage() {
    return Column(
      children: [
        headTools(),
        Expanded(child: Center(child: Text("Empty Directory")))
      ],
    );
  }

  Widget listTail() {
    return SizedBox(height: 100);
  }

  Widget? bottomSheet() {
    final state = model.jobState;
    final isOtherPage = _selectedItems.isOtherPage(model.isLocal);
    final selectedItemsLength = "${_selectedItems.length} 个项目";
    final local = _selectedItems.isLocal == null
        ? ""
        : " [${_selectedItems.isLocal! ? '本地' : '远程'}]";

    if (model.selectMode) {
      if (_selectedItems.length == 0 || !isOtherPage) {
        // 选择模式 当前选择页面
        return BottomSheetBody(
            leading: Icon(Icons.check),
            title: "已选择",
            text: selectedItemsLength + local,
            onCanceled: () => model.toggleSelectMode(),
            actions: [
              IconButton(
                icon: Icon(Icons.delete_forever),
                onPressed: () {
                  if (_selectedItems.length > 0) {
                    model.removeAction(_selectedItems);
                  }
                },
              )
            ]);
      } else {
        // 选择模式 复制目标页面
        return BottomSheetBody(
            leading: Icon(Icons.input),
            title: "粘贴到这里?",
            text: selectedItemsLength + local,
            onCanceled: () => model.toggleSelectMode(),
            actions: [
              IconButton(
                icon: Icon(Icons.paste),
                onPressed: () {
                  model.toggleSelectMode();
                  model.sendFiles(_selectedItems);
                },
              )
            ]);
      }
    }

    switch (state) {
      case JobState.inProgress:
        return BottomSheetBody(
          leading: CircularProgressIndicator(),
          title: "正在发送文件...",
          text:
              "速度:  ${(model.jobProgress.speed / 1024).toStringAsFixed(2)} kb/s",
          onCanceled: null,
        );
      case JobState.done:
        return BottomSheetBody(
          leading: Icon(Icons.check),
          title: "操作成功!",
          text: "",
          onCanceled: () => model.jobReset(),
        );
      case JobState.error:
        return BottomSheetBody(
          leading: Icon(Icons.error),
          title: "错误!",
          text: "",
          onCanceled: () => model.jobReset(),
        );
      case JobState.none:
        break;
    }
    return null;
  }

  List<BreadCrumbItem> getPathBreadCrumbItems(
      void Function() onHome, void Function(String) onPressed) {
    final path = model.currentDir.path;
    final list = Path.split(path);
    list.remove('/');
    final breadCrumbList = [
      BreadCrumbItem(
          content: IconButton(
        icon: Icon(Icons.home_filled),
        onPressed: onHome,
      ))
    ];
    breadCrumbList.addAll(list.map((e) => BreadCrumbItem(
        content: TextButton(
            child: Text(e),
            style:
                ButtonStyle(minimumSize: MaterialStateProperty.all(Size(0, 0))),
            onPressed: () => onPressed(e)))));
    return breadCrumbList;
  }
}

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,
    );
  }
}

class SelectedItems {
  bool? _isLocal;
  final List<Entry> _items = [];

  List<Entry> get items => _items;

  int get length => _items.length;

  bool? get isLocal => _isLocal;

  add(bool isLocal, Entry e) {
    if (_isLocal == null) {
      _isLocal = isLocal;
    }
    if (_isLocal != null && _isLocal != isLocal) {
      return;
    }
    if (!_items.contains(e)) {
      _items.add(e);
    }
  }

  bool contains(Entry e) {
    return _items.contains(e);
  }

  remove(Entry e) {
    _items.remove(e);
    if (_items.length == 0) {
      _isLocal = null;
    }
  }

  bool isOtherPage(bool currentIsLocal) {
    if (_isLocal == null) {
      return false;
    } else {
      return _isLocal != currentIsLocal;
    }
  }

  clear() {
    _items.clear();
    _isLocal = null;
  }
}