196 lines
10 KiB
Dart
196 lines
10 KiB
Dart
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<UploadModel>(
|
|
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<Session>(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: <Widget>[
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 25.0, right: 25.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
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<String, bool> 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(),
|
|
),
|
|
],
|
|
))
|
|
]);
|
|
}
|
|
}
|