import 'package:clipboard/clipboard.dart'; import 'package:flutter/material.dart'; import 'package:flutter_translate/flutter_translate.dart'; import 'package:provider/provider.dart'; import '../../core/enums/viewstate.dart'; import '../../core/models/session.dart'; import '../../core/viewmodels/upload_model.dart'; import '../shared/app_colors.dart'; import '../widgets/centered_error_row.dart'; import '../widgets/my_appbar.dart'; import '../widgets/swipe_navigation.dart'; import 'base_view.dart'; class UploadView extends StatelessWidget { static const routeName = '/upload'; @override Widget build(BuildContext context) { return BaseView( onModelReady: (model) => model.init(), builder: (context, model, child) => Scaffold( appBar: MyAppBar(title: Text(translate('titles.upload'))), backgroundColor: backgroundColor, body: SwipeNavigation(child: _render(model, context)))); } bool _isUploadButtonEnabled(UploadModel model) { return model.pasteTextTouched || (model.paths != null && model.paths.length > 0); } Widget _render(UploadModel model, BuildContext context) { var url = Provider.of(context).url; return model.state == ViewState.Busy ? Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ CircularProgressIndicator(), (model.stateMessage != null && model.stateMessage.isNotEmpty ? Text(model.stateMessage) : Container()) ])) : ListView(children: [ Padding( padding: const EdgeInsets.only(left: 25.0, right: 25.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: TextFormField( minLines: 1, maxLines: 7, decoration: InputDecoration( prefixIcon: Icon( Icons.text_snippet, color: buttonBackgroundColor, ), suffixIcon: IconButton( onPressed: () => model.pasteTextController.clear(), icon: Icon(Icons.clear), ), hintText: translate('upload.text_to_be_pasted'), contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0), border: OutlineInputBorder(borderRadius: BorderRadius.circular(32.0)), ), controller: model.pasteTextController)), Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.end, children: [Text(translate('upload.and_or'))])), Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.end, children: [ ElevatedButton.icon( icon: Icon(Icons.file_copy_sharp, color: blueColor), onPressed: () => model.openFileExplorer(), label: Text( translate('upload.open_file_explorer'), style: TextStyle(color: buttonForegroundColor), )), ElevatedButton.icon( icon: Icon(Icons.cancel, color: orangeColor), onPressed: model.paths != null && model.paths.length > 0 ? () => model.clearCachedFiles() : null, label: Text( translate('upload.clear_temporary_files'), style: TextStyle(color: buttonForegroundColor), )), ], )), Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.center, children: [ Checkbox( value: model.createMulti, onChanged: (v) => model.toggleCreateMulti(), ), Text(translate('upload.multipaste')), ])), Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.end, children: [ ElevatedButton.icon( onPressed: !_isUploadButtonEnabled(model) ? null : () async { Map items = await model.upload(); if (items != null) { var clipboardContent = ''; items.forEach((id, isMulti) { if (isMulti && model.createMulti || !isMulti && !model.createMulti) { clipboardContent += '$url/$id\n'; } }); FlutterClipboard.copy(clipboardContent).then((value) { final snackBar = SnackBar( action: SnackBarAction( label: translate('upload.dismiss'), textColor: blueColor, onPressed: () { ScaffoldMessenger.of(context).hideCurrentSnackBar(); }, ), content: Text(translate('upload.uploaded')), duration: Duration(seconds: 10), ); ScaffoldMessenger.of(context).showSnackBar(snackBar); }); } }, icon: Icon(Icons.upload_rounded, color: greenColor), label: Text( translate('upload.upload'), style: TextStyle(color: buttonForegroundColor), )), ])), model.errorMessage != null && model.errorMessage.isNotEmpty ? (Padding( padding: const EdgeInsets.only(top: 10.0, bottom: 10.0), child: CenteredErrorRow(model.errorMessage))) : Container(), Builder( builder: (BuildContext context) => model.loadingPath ? Padding( padding: const EdgeInsets.only(bottom: 10.0), child: const CircularProgressIndicator(), ) : model.paths != null ? Container( padding: const EdgeInsets.only(bottom: 30.0), height: MediaQuery.of(context).size.height * 0.50, child: ListView.separated( itemCount: model.paths != null && model.paths.isNotEmpty ? model.paths.length : 1, itemBuilder: (BuildContext context, int index) { final bool isMultiPath = model.paths != null && model.paths.isNotEmpty; final String name = (isMultiPath ? model.paths.map((e) => e.name).toList()[index] : model.fileName ?? '...'); final path = model.paths.length > 0 ? model.paths.map((e) => e.path).toList()[index].toString() : ''; return Card( child: ListTile( title: Text( name, ), subtitle: Text(path), )); }, separatorBuilder: (BuildContext context, int index) => const Divider(), ), ) : Container(), ), ], )) ]); } }