chore: Improved UX for creating groups and spaces
krille-chan
9 months ago
parent
f143a60b61
commit
b9cd24eea7
@ -1,102 +0,0 @@
|
|||||||
import 'dart:typed_data';
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
||||||
import 'package:go_router/go_router.dart';
|
|
||||||
import 'package:matrix/matrix.dart' as sdk;
|
|
||||||
import 'package:matrix/matrix.dart';
|
|
||||||
|
|
||||||
import 'package:fluffychat/pages/new_space/new_space_view.dart';
|
|
||||||
import 'package:fluffychat/utils/file_selector.dart';
|
|
||||||
import 'package:fluffychat/utils/localized_exception_extension.dart';
|
|
||||||
import 'package:fluffychat/widgets/matrix.dart';
|
|
||||||
|
|
||||||
class NewSpace extends StatefulWidget {
|
|
||||||
const NewSpace({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
NewSpaceController createState() => NewSpaceController();
|
|
||||||
}
|
|
||||||
|
|
||||||
class NewSpaceController extends State<NewSpace> {
|
|
||||||
TextEditingController nameController = TextEditingController();
|
|
||||||
TextEditingController topicController = TextEditingController();
|
|
||||||
bool publicGroup = false;
|
|
||||||
bool loading = false;
|
|
||||||
String? nameError;
|
|
||||||
String? topicError;
|
|
||||||
|
|
||||||
Uint8List? avatar;
|
|
||||||
|
|
||||||
Uri? avatarUrl;
|
|
||||||
|
|
||||||
void selectPhoto() async {
|
|
||||||
final photo = await selectFiles(
|
|
||||||
context,
|
|
||||||
type: FileSelectorType.images,
|
|
||||||
);
|
|
||||||
final bytes = await photo.firstOrNull?.readAsBytes();
|
|
||||||
setState(() {
|
|
||||||
avatarUrl = null;
|
|
||||||
avatar = bytes;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void setPublicGroup(bool b) => setState(() => publicGroup = b);
|
|
||||||
|
|
||||||
void submitAction([_]) async {
|
|
||||||
final client = Matrix.of(context).client;
|
|
||||||
setState(() {
|
|
||||||
nameError = topicError = null;
|
|
||||||
});
|
|
||||||
if (nameController.text.isEmpty) {
|
|
||||||
setState(() {
|
|
||||||
nameError = L10n.of(context).pleaseChoose;
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
setState(() {
|
|
||||||
loading = true;
|
|
||||||
});
|
|
||||||
try {
|
|
||||||
final avatar = this.avatar;
|
|
||||||
avatarUrl ??= avatar == null ? null : await client.uploadContent(avatar);
|
|
||||||
|
|
||||||
final spaceId = await client.createRoom(
|
|
||||||
preset: publicGroup
|
|
||||||
? sdk.CreateRoomPreset.publicChat
|
|
||||||
: sdk.CreateRoomPreset.privateChat,
|
|
||||||
creationContent: {'type': RoomCreationTypes.mSpace},
|
|
||||||
visibility: publicGroup ? sdk.Visibility.public : null,
|
|
||||||
roomAliasName: publicGroup
|
|
||||||
? nameController.text.trim().toLowerCase().replaceAll(' ', '_')
|
|
||||||
: null,
|
|
||||||
name: nameController.text.trim(),
|
|
||||||
topic: topicController.text.isEmpty ? null : topicController.text,
|
|
||||||
powerLevelContentOverride: {'events_default': 100},
|
|
||||||
initialState: [
|
|
||||||
if (avatar != null)
|
|
||||||
sdk.StateEvent(
|
|
||||||
type: sdk.EventTypes.RoomAvatar,
|
|
||||||
content: {'url': avatarUrl.toString()},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
if (!mounted) return;
|
|
||||||
context.pop<String>(spaceId);
|
|
||||||
} catch (e) {
|
|
||||||
setState(() {
|
|
||||||
topicError = e.toLocalizedString(context);
|
|
||||||
});
|
|
||||||
} finally {
|
|
||||||
setState(() {
|
|
||||||
loading = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// TODO: Go to spaces
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) => NewSpaceView(this);
|
|
||||||
}
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
||||||
|
|
||||||
import 'package:fluffychat/widgets/avatar.dart';
|
|
||||||
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
|
|
||||||
import 'new_space.dart';
|
|
||||||
|
|
||||||
class NewSpaceView extends StatelessWidget {
|
|
||||||
final NewSpaceController controller;
|
|
||||||
|
|
||||||
const NewSpaceView(this.controller, {super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final avatar = controller.avatar;
|
|
||||||
return Scaffold(
|
|
||||||
appBar: AppBar(
|
|
||||||
title: Text(L10n.of(context).createNewSpace),
|
|
||||||
),
|
|
||||||
body: MaxWidthBody(
|
|
||||||
child: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: <Widget>[
|
|
||||||
const SizedBox(height: 16),
|
|
||||||
InkWell(
|
|
||||||
borderRadius: BorderRadius.circular(90),
|
|
||||||
onTap: controller.loading ? null : controller.selectPhoto,
|
|
||||||
child: CircleAvatar(
|
|
||||||
radius: Avatar.defaultSize,
|
|
||||||
child: avatar == null
|
|
||||||
? const Icon(Icons.add_a_photo_outlined)
|
|
||||||
: ClipRRect(
|
|
||||||
borderRadius: BorderRadius.circular(90),
|
|
||||||
child: Image.memory(
|
|
||||||
avatar,
|
|
||||||
width: Avatar.defaultSize,
|
|
||||||
height: Avatar.defaultSize,
|
|
||||||
fit: BoxFit.cover,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 32),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16.0),
|
|
||||||
child: TextField(
|
|
||||||
autofocus: true,
|
|
||||||
controller: controller.nameController,
|
|
||||||
autocorrect: false,
|
|
||||||
readOnly: controller.loading,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
prefixIcon: const Icon(Icons.people_outlined),
|
|
||||||
labelText: L10n.of(context).spaceName,
|
|
||||||
errorText: controller.nameError,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 16),
|
|
||||||
SwitchListTile.adaptive(
|
|
||||||
contentPadding: const EdgeInsets.symmetric(horizontal: 32),
|
|
||||||
title: Text(L10n.of(context).spaceIsPublic),
|
|
||||||
value: controller.publicGroup,
|
|
||||||
onChanged: controller.setPublicGroup,
|
|
||||||
),
|
|
||||||
ListTile(
|
|
||||||
contentPadding: const EdgeInsets.symmetric(horizontal: 32),
|
|
||||||
trailing: const Padding(
|
|
||||||
padding: EdgeInsets.symmetric(horizontal: 16.0),
|
|
||||||
child: Icon(Icons.info_outlined),
|
|
||||||
),
|
|
||||||
subtitle: Text(L10n.of(context).newSpaceDescription),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.all(16.0),
|
|
||||||
child: SizedBox(
|
|
||||||
width: double.infinity,
|
|
||||||
child: ElevatedButton(
|
|
||||||
onPressed:
|
|
||||||
controller.loading ? null : controller.submitAction,
|
|
||||||
child: controller.loading
|
|
||||||
? const LinearProgressIndicator()
|
|
||||||
: Text(L10n.of(context).createNewSpace),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue