created form fields for post creation
This commit is contained in:
shilangyu
parent
b37277c072
commit
65d5bcb824
|
|
@ -0,0 +1,187 @@
|
|||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:lemmy_api_client/lemmy_api_client.dart';
|
||||
|
||||
import '../hooks/delayed_loading.dart';
|
||||
import '../hooks/logged_in_action.dart';
|
||||
import '../hooks/stores.dart';
|
||||
import '../util/goto.dart';
|
||||
import '../widgets/markdown_text.dart';
|
||||
import 'full_post.dart';
|
||||
|
||||
class CreatePostFab extends HookWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final loggedInAction = useLoggedInAction(null, any: true);
|
||||
|
||||
return FloatingActionButton(
|
||||
child: Icon(Icons.add),
|
||||
onPressed: loggedInAction((_) => showCupertinoModalPopup(
|
||||
context: context, builder: (_) => CreatePost())),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class CreatePost extends HookWidget {
|
||||
final String instanceUrl;
|
||||
final String communityName;
|
||||
final int communityId;
|
||||
|
||||
final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey();
|
||||
|
||||
CreatePost()
|
||||
: instanceUrl = null,
|
||||
communityName = null,
|
||||
communityId = null;
|
||||
|
||||
CreatePost.to({
|
||||
@required this.instanceUrl,
|
||||
@required this.communityName,
|
||||
@required this.communityId,
|
||||
}) : assert(instanceUrl != null),
|
||||
assert(communityName != null),
|
||||
assert(communityId != null);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final urlController = useTextEditingController();
|
||||
final titleController = useTextEditingController();
|
||||
final bodyController = useTextEditingController();
|
||||
final accStore = useAccountsStore();
|
||||
final selectedInstance = useState(instanceUrl ?? accStore.instances.first);
|
||||
final selectedCommunity = useState(communityName);
|
||||
final showFancy = useState(false);
|
||||
final nsfw = useState(false);
|
||||
final delayed = useDelayedLoading();
|
||||
|
||||
final instanceDropdown = InputDecorator(
|
||||
decoration: const InputDecoration(
|
||||
contentPadding: EdgeInsets.symmetric(vertical: 1, horizontal: 20),
|
||||
border: OutlineInputBorder()),
|
||||
child: DropdownButtonHideUnderline(
|
||||
child: DropdownButton<String>(
|
||||
value: selectedInstance.value,
|
||||
onChanged: (val) => selectedInstance.value = val,
|
||||
items: accStore.instances
|
||||
.map((instance) => DropdownMenuItem(
|
||||
value: instance,
|
||||
child: Text(instance),
|
||||
))
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
final url = TextField(
|
||||
controller: urlController,
|
||||
decoration: InputDecoration(
|
||||
border: OutlineInputBorder(),
|
||||
labelText: 'URL',
|
||||
suffixIcon: Icon(Icons.link)),
|
||||
);
|
||||
|
||||
final title = TextField(
|
||||
controller: titleController,
|
||||
minLines: 1,
|
||||
maxLines: 2,
|
||||
decoration:
|
||||
InputDecoration(border: OutlineInputBorder(), labelText: 'Title'),
|
||||
);
|
||||
|
||||
final body = IndexedStack(
|
||||
index: showFancy.value ? 1 : 0,
|
||||
children: [
|
||||
TextField(
|
||||
controller: bodyController,
|
||||
expands: true,
|
||||
maxLines: null,
|
||||
textAlignVertical: TextAlignVertical.top,
|
||||
decoration:
|
||||
InputDecoration(border: OutlineInputBorder(), labelText: 'Body'),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: MarkdownText(
|
||||
bodyController.text,
|
||||
instanceUrl: selectedInstance.value,
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
|
||||
handleSubmit() async {
|
||||
final api = LemmyApi(selectedInstance.value).v1;
|
||||
|
||||
// TODO: this does not handle the case where this instance is added
|
||||
// but user is not logged in
|
||||
final token = accStore.defaultTokenFor(selectedInstance.value);
|
||||
|
||||
delayed.start();
|
||||
try {
|
||||
final res = await api.createPost(
|
||||
url: urlController.text.isEmpty ? null : urlController.text,
|
||||
body: bodyController.text.isEmpty ? null : bodyController.text,
|
||||
nsfw: nsfw.value,
|
||||
name: titleController.text,
|
||||
communityId: null,
|
||||
auth: token.raw);
|
||||
goTo(context, (_) => FullPostPage.fromPostView(res));
|
||||
return;
|
||||
// ignore: avoid_catches_without_on_clauses
|
||||
} catch (e) {
|
||||
print(e);
|
||||
scaffoldKey.currentState
|
||||
.showSnackBar(SnackBar(content: Text('Failed to post')));
|
||||
}
|
||||
delayed.cancel();
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
key: scaffoldKey,
|
||||
appBar: AppBar(
|
||||
leading: IconButton(
|
||||
icon: Icon(Icons.close),
|
||||
onPressed: Navigator.of(context).pop,
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: Icon(showFancy.value ? Icons.build : Icons.brush),
|
||||
onPressed: () => showFancy.value = !showFancy.value,
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
instanceDropdown,
|
||||
url,
|
||||
title,
|
||||
Expanded(child: body),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () => nsfw.value = !nsfw.value,
|
||||
child: Row(
|
||||
children: [
|
||||
Checkbox(
|
||||
value: nsfw.value,
|
||||
onChanged: (val) => nsfw.value = val,
|
||||
),
|
||||
Text('NSFW')
|
||||
],
|
||||
),
|
||||
),
|
||||
FlatButton(
|
||||
onPressed: delayed.pending ? () {} : handleSubmit,
|
||||
child: delayed.loading
|
||||
? CircularProgressIndicator()
|
||||
: Text('post'),
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue