fluxcloud/lib/sftp_explorer.dart

import 'dart:io';

import 'package:file_picker/file_picker.dart';
import 'package:file_selector/file_selector.dart';
import 'package:flutter/material.dart';
import 'package:fluxcloud/main.dart';
import 'package:fluxcloud/sftp_provider.dart';
import 'package:provider/provider.dart';

import 'widgets/operation_buttons.dart';

class SftpExplorer extends StatelessWidget {
  const SftpExplorer({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        toolbarHeight: 75,
        title: Text('Explorer'),
        elevation: 2,
        actionsPadding: EdgeInsets.only(right: 20),
        leading: IconButton(
          onPressed: () {
            if (context.read<SftpProvider>().path == '/') {
              // TODO: figure this out
              // Navigator.pop(context);
            }
            else {
              context.read<SftpProvider>().goToPrevDir();
            }
          },
          icon: Icon(Icons.arrow_back)
        ),
        actions: [
          Selector<SftpProvider, double?>(
            selector: (_, sftpProvider) => sftpProvider.uploadProgress,
            builder: (_, uploadProgress, __) => uploadProgress != null ? Stack(
              alignment: Alignment.center,
              children: [
                TweenAnimationBuilder<double>(
                  tween: Tween(begin: 0, end: uploadProgress),
                  duration: Duration(milliseconds: 300),
                  builder: (context, value, _) => CircularProgressIndicator(strokeWidth: 3, value: value,)
                ),
                IconButton(
                  onPressed: () {
                    // TODO: show upload details here
                  },
                  icon: Icon(Icons.upload)
                ),
              ]
            ) : const SizedBox.shrink(),
          ),
          Selector<SftpProvider, double?>(
            selector: (_, sftpProvider) => sftpProvider.downloadProgress,
            builder: (_, downloadProgress, __) => downloadProgress != null ? Stack(
              alignment: Alignment.center,
              children: [
                TweenAnimationBuilder<double>(
                  tween: Tween(begin: 0, end: downloadProgress),
                  duration: Duration(milliseconds: 300),
                  builder: (context, value, _) => CircularProgressIndicator(strokeWidth: 3, value: value,)
                ),
                IconButton(
                  onPressed: () {
                    // TODO: show donwload details here
                  },
                  icon: Icon(Icons.download)
                ),
              ]
            ) : const SizedBox.shrink(),
          ),
        ],
      ),
      floatingActionButton: _buildFABs(context),
      body: PopScope(
        canPop: false,
        onPopInvokedWithResult: (_, _) {
          if (context.read<SftpProvider>().path != '/') {
            context.read<SftpProvider>().goToPrevDir();
          }
        },
        child: Consumer<SftpProvider>(
          builder: (_, sftpProvider, __) => AnimatedSwitcher(
            duration: Duration(milliseconds: 300),
            transitionBuilder: (child, animation) {
              final curved = CurvedAnimation(
                parent: animation,
                curve: Curves.fastOutSlowIn
              );
              return FadeTransition(
                opacity: curved,
                child: ScaleTransition(
                  scale: Tween<double>(
                    begin: 0.92,
                    end: 1
                  ).animate(curved),
                  child: child,
                ),
              );
            },
            child: sftpProvider.isLoading ? Center(child: CircularProgressIndicator()) : ListView.builder(
              key: ValueKey(sftpProvider.path),
              itemCount: sftpProvider.dirContents.length,
              itemBuilder: (context, index) {
                final dirEntry = sftpProvider.dirContents[index];
                return ListTile(
                  leading: Icon(dirEntry.attr.isDirectory ? Icons.folder : Icons.description),
                  title: Text(dirEntry.filename),
                  trailing: OperationButtons(dirEntries: [dirEntry],),
                  onTap: () {
                    if (dirEntry.attr.isDirectory) {
                      sftpProvider.goToDir('${sftpProvider.path}${dirEntry.filename}/');
                    }
                  },
                );
              }, 
            )
          ),
        ),
      )
    );
  }

  Widget _buildFABs(BuildContext context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      spacing: 10,
      children: [
        FloatingActionButton(
          heroTag: 'create-new-folder',
          onPressed: () {
            final nameController = TextEditingController();
            showDialog(
              context: context,
              builder: (context) => AlertDialog(
                title: Text('Create new folder'),
                content: TextField(
                  controller: nameController,
                  decoration: InputDecoration(
                    labelText: 'Enter folder name'
                  ),
                ),
                actions: [
                  TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancel')),
                  TextButton(
                    onPressed: () async {
                      final sftpProvider = context.read<SftpProvider>();
                      try {
                        await sftpProvider.sftpWorker.mkdir('${sftpProvider.path}${nameController.text}');
                        sftpProvider.listDir();
                      }
                      catch (e) {
                        if (context.mounted) {
                          ScaffoldMessenger.of(context).showSnackBar(buildErrorSnackBar(context, e.toString()));
                        }
                      }
                      if (context.mounted) {
                        Navigator.pop(context);
                      }
                    },
                    child: Text('Ok')
                  ),
                ],
              )
            );
          },
          child: Icon(Icons.create_new_folder),
        ),
        FloatingActionButton(
          heroTag: 'upload-file',
          onPressed: () async {
            final sftpProvider = context.read<SftpProvider>();
            final List<String> filePaths;
            if (Platform.isAndroid | Platform.isIOS) {
              final res = await FilePicker.platform.pickFiles(allowMultiple: true);
              filePaths = (res?.paths ?? []).whereType<String>().toList();
            }
            else {
              final files = await openFiles();
              filePaths = files.map((file) => file.path).toList();
            }
            for (final filePath in filePaths) {
              try {
                await for (final progress in sftpProvider.sftpWorker.uploadFile(sftpProvider.path, filePath)) {
                  sftpProvider.setUploadProgress(progress);
                }
                await sftpProvider.listDir();
              }
              catch (e) {
                if (context.mounted) {
                  ScaffoldMessenger.of(context).showSnackBar(buildErrorSnackBar(context, e.toString()));
                }
              }
            }
            sftpProvider.setUploadProgress(null);
            sftpProvider.listDir();
          },
          child: Icon(Icons.upload),
        ),
      ],
    );
  }

}