351 lines
11 KiB
Dart
351 lines
11 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_animate/flutter_animate.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:image_cropper/image_cropper.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:solian/exts.dart';
|
|
import 'package:solian/models/attachment.dart';
|
|
import 'package:solian/models/realm.dart';
|
|
import 'package:solian/providers/auth.dart';
|
|
import 'package:solian/providers/content/attachment.dart';
|
|
import 'package:solian/router.dart';
|
|
import 'package:solian/theme.dart';
|
|
import 'package:solian/widgets/app_bar_leading.dart';
|
|
import 'package:solian/widgets/app_bar_title.dart';
|
|
import 'package:uuid/uuid.dart';
|
|
|
|
class RealmOrganizeArguments {
|
|
final Realm? edit;
|
|
|
|
RealmOrganizeArguments({this.edit});
|
|
}
|
|
|
|
class RealmOrganizeScreen extends StatefulWidget {
|
|
final Realm? edit;
|
|
|
|
const RealmOrganizeScreen({super.key, this.edit});
|
|
|
|
@override
|
|
State<RealmOrganizeScreen> createState() => _RealmOrganizeScreenState();
|
|
}
|
|
|
|
class _RealmOrganizeScreenState extends State<RealmOrganizeScreen> {
|
|
bool _isBusy = false;
|
|
|
|
final _aliasController = TextEditingController();
|
|
final _avatarController = TextEditingController();
|
|
final _bannerController = TextEditingController();
|
|
final _nameController = TextEditingController();
|
|
final _descriptionController = TextEditingController();
|
|
|
|
bool _isCommunity = false;
|
|
bool _isPublic = false;
|
|
|
|
void _applyRealm() async {
|
|
final AuthProvider auth = Get.find();
|
|
if (auth.isAuthorized.isFalse) return;
|
|
|
|
if (_aliasController.value.text.isEmpty) _randomizeAlias();
|
|
|
|
setState(() => _isBusy = true);
|
|
|
|
final client = await auth.configureClient('auth');
|
|
|
|
final payload = {
|
|
'alias': _aliasController.value.text.toLowerCase(),
|
|
'name': _nameController.value.text,
|
|
'description': _descriptionController.value.text,
|
|
'avatar': _avatarController.value.text,
|
|
'banner': _bannerController.value.text,
|
|
'is_public': _isPublic,
|
|
'is_community': _isCommunity,
|
|
};
|
|
|
|
Response resp;
|
|
if (widget.edit != null) {
|
|
resp = await client.put('/realms/${widget.edit!.id}', payload);
|
|
} else {
|
|
resp = await client.post('/realms', payload);
|
|
}
|
|
if (resp.statusCode != 200) {
|
|
context.showErrorDialog(resp.bodyString);
|
|
} else {
|
|
AppRouter.instance.pop(resp.body);
|
|
}
|
|
|
|
setState(() => _isBusy = false);
|
|
}
|
|
|
|
final _imagePicker = ImagePicker();
|
|
|
|
Future<void> _editImage(String position) async {
|
|
final AuthProvider auth = Get.find();
|
|
if (auth.isAuthorized.isFalse) return;
|
|
|
|
final image = await _imagePicker.pickImage(source: ImageSource.gallery);
|
|
if (image == null) return;
|
|
|
|
CroppedFile? croppedFile = await ImageCropper().cropImage(
|
|
sourcePath: image.path,
|
|
uiSettings: [
|
|
AndroidUiSettings(
|
|
toolbarTitle: 'cropImage'.tr,
|
|
toolbarColor: Theme.of(context).colorScheme.primary,
|
|
toolbarWidgetColor: Theme.of(context).colorScheme.onPrimary,
|
|
aspectRatioPresets: [
|
|
if (position == 'avatar') CropAspectRatioPreset.square,
|
|
if (position == 'banner') _BannerCropAspectRatioPreset(),
|
|
],
|
|
),
|
|
IOSUiSettings(
|
|
title: 'cropImage'.tr,
|
|
aspectRatioPresets: [
|
|
if (position == 'avatar') CropAspectRatioPreset.square,
|
|
if (position == 'banner') _BannerCropAspectRatioPreset(),
|
|
],
|
|
),
|
|
WebUiSettings(
|
|
context: context,
|
|
),
|
|
],
|
|
);
|
|
|
|
if (croppedFile == null) return;
|
|
final file = File(croppedFile.path);
|
|
|
|
setState(() => _isBusy = true);
|
|
|
|
final AttachmentProvider attach = Get.find();
|
|
|
|
Attachment? attachResult;
|
|
try {
|
|
attachResult = await attach.createAttachmentDirectly(
|
|
await file.readAsBytes(),
|
|
file.path,
|
|
'avatar',
|
|
null,
|
|
);
|
|
} catch (e) {
|
|
setState(() => _isBusy = false);
|
|
context.showErrorDialog(e);
|
|
return;
|
|
}
|
|
|
|
switch (position) {
|
|
case 'avatar':
|
|
_avatarController.text = attachResult.rid;
|
|
break;
|
|
case 'banner':
|
|
_bannerController.text = attachResult.rid;
|
|
break;
|
|
}
|
|
|
|
setState(() => _isBusy = false);
|
|
}
|
|
|
|
void _randomizeAlias() {
|
|
_aliasController.text =
|
|
const Uuid().v4().replaceAll('-', '').substring(0, 12);
|
|
}
|
|
|
|
void _syncWidget() {
|
|
if (widget.edit != null) {
|
|
_aliasController.text = widget.edit!.alias;
|
|
_nameController.text = widget.edit!.name;
|
|
_descriptionController.text = widget.edit!.description;
|
|
_avatarController.text = widget.edit!.avatar ?? '';
|
|
_bannerController.text = widget.edit!.banner ?? '';
|
|
_isPublic = widget.edit!.isPublic;
|
|
_isCommunity = widget.edit!.isCommunity;
|
|
}
|
|
}
|
|
|
|
void _cancelAction() {
|
|
AppRouter.instance.pop();
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
_syncWidget();
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_aliasController.dispose();
|
|
_avatarController.dispose();
|
|
_bannerController.dispose();
|
|
_nameController.dispose();
|
|
_descriptionController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Material(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
leading: AppBarLeadingButton.adaptive(context),
|
|
title: AppBarTitle('realmOrganizing'.tr),
|
|
centerTitle: false,
|
|
toolbarHeight: AppTheme.toolbarHeight(context),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: _isBusy ? null : () => _applyRealm(),
|
|
child: Text('apply'.tr.toUpperCase()),
|
|
)
|
|
],
|
|
),
|
|
body: SafeArea(
|
|
top: false,
|
|
child: Column(
|
|
children: [
|
|
if (_isBusy) const LinearProgressIndicator().animate().scaleX(),
|
|
if (widget.edit != null)
|
|
MaterialBanner(
|
|
leading: const Icon(Icons.edit),
|
|
leadingPadding: const EdgeInsets.only(left: 10, right: 20),
|
|
dividerColor: Colors.transparent,
|
|
content: Text(
|
|
'realmEditingNotify'
|
|
.trParams({'realm': '#${widget.edit!.alias}'}),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: _cancelAction,
|
|
child: Text('cancel'.tr),
|
|
),
|
|
],
|
|
).paddingOnly(bottom: 6),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: TextField(
|
|
autofocus: true,
|
|
controller: _aliasController,
|
|
decoration: InputDecoration.collapsed(
|
|
hintText: 'realmAlias'.tr,
|
|
),
|
|
onTapOutside: (_) =>
|
|
FocusManager.instance.primaryFocus?.unfocus(),
|
|
),
|
|
),
|
|
TextButton(
|
|
style: TextButton.styleFrom(
|
|
shape: const CircleBorder(),
|
|
visualDensity:
|
|
const VisualDensity(horizontal: -2, vertical: -2),
|
|
),
|
|
onPressed: () => _randomizeAlias(),
|
|
child: const Icon(Icons.refresh),
|
|
)
|
|
],
|
|
).paddingSymmetric(horizontal: 16, vertical: 2),
|
|
const Divider(thickness: 0.3),
|
|
TextField(
|
|
autocorrect: true,
|
|
controller: _nameController,
|
|
decoration: InputDecoration.collapsed(
|
|
hintText: 'realmName'.tr,
|
|
),
|
|
onTapOutside: (_) =>
|
|
FocusManager.instance.primaryFocus?.unfocus(),
|
|
).paddingSymmetric(horizontal: 16, vertical: 8),
|
|
const Divider(thickness: 0.3),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: TextField(
|
|
autofocus: true,
|
|
controller: _avatarController,
|
|
decoration: InputDecoration.collapsed(
|
|
hintText: 'realmAvatar'.tr,
|
|
),
|
|
onTapOutside: (_) =>
|
|
FocusManager.instance.primaryFocus?.unfocus(),
|
|
),
|
|
),
|
|
TextButton(
|
|
style: TextButton.styleFrom(
|
|
shape: const CircleBorder(),
|
|
visualDensity:
|
|
const VisualDensity(horizontal: -2, vertical: -2),
|
|
),
|
|
onPressed: _isBusy ? null : () => _editImage('avatar'),
|
|
child: const Icon(Icons.upload),
|
|
)
|
|
],
|
|
).paddingSymmetric(horizontal: 16, vertical: 2),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: TextField(
|
|
autofocus: true,
|
|
controller: _bannerController,
|
|
decoration: InputDecoration.collapsed(
|
|
hintText: 'realmBanner'.tr,
|
|
),
|
|
onTapOutside: (_) =>
|
|
FocusManager.instance.primaryFocus?.unfocus(),
|
|
),
|
|
),
|
|
TextButton(
|
|
style: TextButton.styleFrom(
|
|
shape: const CircleBorder(),
|
|
visualDensity:
|
|
const VisualDensity(horizontal: -2, vertical: -2),
|
|
),
|
|
onPressed: _isBusy ? null : () => _editImage('banner'),
|
|
child: const Icon(Icons.upload),
|
|
)
|
|
],
|
|
).paddingSymmetric(horizontal: 16, vertical: 2),
|
|
const Divider(thickness: 0.3),
|
|
Expanded(
|
|
child: TextField(
|
|
minLines: 5,
|
|
maxLines: null,
|
|
autocorrect: true,
|
|
keyboardType: TextInputType.multiline,
|
|
controller: _descriptionController,
|
|
decoration: InputDecoration.collapsed(
|
|
hintText: 'realmDescription'.tr,
|
|
),
|
|
onTapOutside: (_) =>
|
|
FocusManager.instance.primaryFocus?.unfocus(),
|
|
).paddingSymmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
const Divider(thickness: 0.3),
|
|
CheckboxListTile(
|
|
title: Text('realmPublic'.tr),
|
|
value: _isPublic,
|
|
onChanged: (newValue) =>
|
|
setState(() => _isPublic = newValue ?? false),
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
),
|
|
CheckboxListTile(
|
|
title: Text('realmCommunity'.tr),
|
|
value: _isCommunity,
|
|
onChanged: (newValue) =>
|
|
setState(() => _isCommunity = newValue ?? false),
|
|
controlAffinity: ListTileControlAffinity.leading,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _BannerCropAspectRatioPreset extends CropAspectRatioPresetData {
|
|
@override
|
|
(int, int)? get data => (16, 7);
|
|
|
|
@override
|
|
String get name => '16x7';
|
|
}
|