fluffychat/lib/pages/settings_emotes.dart

249 lines
7.4 KiB
Dart
Raw Normal View History

2021-04-24 07:40:13 +02:00
import 'package:adaptive_dialog/adaptive_dialog.dart';
2021-05-23 13:11:55 +02:00
import 'package:matrix/matrix.dart';
2021-04-24 07:40:13 +02:00
import 'package:file_picker_cross/file_picker_cross.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
2021-06-24 16:39:17 +02:00
import 'package:vrouter/vrouter.dart';
2021-04-24 07:40:13 +02:00
import 'package:future_loading_dialog/future_loading_dialog.dart';
import 'views/settings_emotes_view.dart';
2021-05-22 08:53:52 +02:00
import '../widgets/matrix.dart';
import '../utils/resize_image.dart';
2021-04-24 07:40:13 +02:00
class EmotesSettings extends StatefulWidget {
2021-06-24 16:39:17 +02:00
EmotesSettings({Key key}) : super(key: key);
2021-04-24 07:40:13 +02:00
@override
EmotesSettingsController createState() => EmotesSettingsController();
}
class EmotesSettingsController extends State<EmotesSettings> {
2021-06-24 16:39:17 +02:00
String get roomId => VRouter.of(context).pathParameters['roomid'];
Room get room =>
roomId != null ? Matrix.of(context).client.getRoomById(roomId) : null;
String get stateKey => VRouter.of(context).pathParameters['state_key'];
2021-04-24 07:40:13 +02:00
bool showSave = false;
TextEditingController newImageCodeController = TextEditingController();
ValueNotifier<ImagePackImageContent> newImageController =
ValueNotifier<ImagePackImageContent>(null);
2021-04-24 07:40:13 +02:00
ImagePackContent _getPack() {
final client = Matrix.of(context).client;
final event = (room != null
? room.getState('im.ponies.room_emotes', stateKey ?? '')
: client.accountData['im.ponies.user_emotes']) ??
BasicEvent.fromJson(<String, dynamic>{
'type': 'm.dummy',
'content': <String, dynamic>{},
});
// make sure we work on a *copy* of the event
return BasicEvent.fromJson(event.toJson()).parsedImagePackContent;
}
ImagePackContent _pack;
ImagePackContent get pack {
if (_pack != null) {
return _pack;
}
_pack = _getPack();
return _pack;
}
2021-04-24 07:40:13 +02:00
Future<void> _save(BuildContext context) async {
if (readonly) {
return;
}
final client = Matrix.of(context).client;
2021-06-24 16:39:17 +02:00
if (room != null) {
2021-04-24 07:40:13 +02:00
await showFutureLoadingDialog(
context: context,
2021-06-24 16:39:17 +02:00
future: () => client.setRoomStateWithKey(
room.id, 'im.ponies.room_emotes', pack.toJson(), stateKey ?? ''),
2021-04-24 07:40:13 +02:00
);
} else {
await showFutureLoadingDialog(
context: context,
future: () => client.setAccountData(
client.userID, 'im.ponies.user_emotes', pack.toJson()),
2021-04-24 07:40:13 +02:00
);
}
}
Future<void> setIsGloballyActive(bool active) async {
2021-06-24 16:39:17 +02:00
if (room == null) {
2021-04-24 07:40:13 +02:00
return;
}
final client = Matrix.of(context).client;
final content = client.accountData['im.ponies.emote_rooms']?.content ??
<String, dynamic>{};
if (active) {
if (!(content['rooms'] is Map)) {
content['rooms'] = <String, dynamic>{};
}
2021-06-24 16:39:17 +02:00
if (!(content['rooms'][room.id] is Map)) {
content['rooms'][room.id] = <String, dynamic>{};
2021-04-24 07:40:13 +02:00
}
2021-06-24 16:39:17 +02:00
if (!(content['rooms'][room.id][stateKey ?? ''] is Map)) {
content['rooms'][room.id][stateKey ?? ''] = <String, dynamic>{};
2021-04-24 07:40:13 +02:00
}
2021-06-24 16:39:17 +02:00
} else if (content['rooms'] is Map && content['rooms'][room.id] is Map) {
content['rooms'][room.id].remove(stateKey ?? '');
2021-04-24 07:40:13 +02:00
}
// and save
await showFutureLoadingDialog(
context: context,
future: () => client.setAccountData(
client.userID, 'im.ponies.emote_rooms', content),
);
setState(() => null);
}
void removeImageAction(String oldImageCode) => setState(() {
pack.images.remove(oldImageCode);
2021-04-24 07:40:13 +02:00
showSave = true;
});
void submitImageAction(
String oldImageCode,
String imageCode,
ImagePackImageContent image,
2021-04-24 07:40:13 +02:00
TextEditingController controller,
) {
if (pack.images.keys.any((k) => k == imageCode && k != oldImageCode)) {
controller.text = oldImageCode;
2021-04-24 07:40:13 +02:00
showOkAlertDialog(
2021-05-23 15:02:36 +02:00
useRootNavigator: false,
2021-04-24 07:40:13 +02:00
context: context,
message: L10n.of(context).emoteExists,
okLabel: L10n.of(context).ok,
);
return;
}
if (!RegExp(r'^[-\w]+$').hasMatch(imageCode)) {
controller.text = oldImageCode;
2021-04-24 07:40:13 +02:00
showOkAlertDialog(
2021-05-23 15:02:36 +02:00
useRootNavigator: false,
2021-04-24 07:40:13 +02:00
context: context,
message: L10n.of(context).emoteInvalid,
okLabel: L10n.of(context).ok,
);
return;
}
setState(() {
pack.images[imageCode] = image;
pack.images.remove(oldImageCode);
2021-04-24 07:40:13 +02:00
showSave = true;
});
}
bool isGloballyActive(Client client) =>
2021-06-24 16:39:17 +02:00
room != null &&
2021-04-24 07:40:13 +02:00
client.accountData['im.ponies.emote_rooms']?.content is Map &&
client.accountData['im.ponies.emote_rooms'].content['rooms'] is Map &&
2021-06-24 16:39:17 +02:00
client.accountData['im.ponies.emote_rooms'].content['rooms'][room.id]
is Map &&
client.accountData['im.ponies.emote_rooms'].content['rooms'][room.id]
[stateKey ?? ''] is Map;
2021-04-24 07:40:13 +02:00
2021-06-24 16:39:17 +02:00
bool get readonly =>
room == null ? false : !(room.canSendEvent('im.ponies.room_emotes'));
2021-04-24 07:40:13 +02:00
void saveAction() async {
await _save(context);
setState(() {
showSave = false;
});
}
void addImageAction() async {
if (newImageCodeController.text == null ||
newImageCodeController.text.isEmpty ||
newImageController.value == null) {
2021-04-24 07:40:13 +02:00
await showOkAlertDialog(
2021-05-23 15:02:36 +02:00
useRootNavigator: false,
2021-04-24 07:40:13 +02:00
context: context,
message: L10n.of(context).emoteWarnNeedToPick,
okLabel: L10n.of(context).ok,
);
return;
}
final imageCode = newImageCodeController.text;
if (pack.images.containsKey(imageCode)) {
2021-04-24 07:40:13 +02:00
await showOkAlertDialog(
2021-05-23 15:02:36 +02:00
useRootNavigator: false,
2021-04-24 07:40:13 +02:00
context: context,
message: L10n.of(context).emoteExists,
okLabel: L10n.of(context).ok,
);
return;
}
if (!RegExp(r'^[-\w]+$').hasMatch(imageCode)) {
2021-04-24 07:40:13 +02:00
await showOkAlertDialog(
2021-05-23 15:02:36 +02:00
useRootNavigator: false,
2021-04-24 07:40:13 +02:00
context: context,
message: L10n.of(context).emoteInvalid,
okLabel: L10n.of(context).ok,
);
return;
}
pack.images[imageCode] = newImageController.value;
2021-04-24 07:40:13 +02:00
await _save(context);
setState(() {
newImageCodeController.text = '';
newImageController.value = null;
2021-04-24 07:40:13 +02:00
showSave = false;
});
}
void imagePickerAction(
ValueNotifier<ImagePackImageContent> controller) async {
final result =
await FilePickerCross.importFromStorage(type: FileTypeCross.image);
if (result == null) return;
var file = MatrixImageFile(
bytes: result.toUint8List(),
name: result.fileName,
);
try {
file = await resizeImage(file, max: 1600);
} catch (_) {
// do nothing
2021-04-24 07:40:13 +02:00
}
final uploadResp = await showFutureLoadingDialog(
context: context,
2021-05-20 13:59:55 +02:00
future: () =>
Matrix.of(context).client.uploadContent(file.bytes, file.name),
2021-04-24 07:40:13 +02:00
);
if (uploadResp.error == null) {
setState(() {
final info = <String, dynamic>{
...file.info,
};
// normalize width / height to 256, required for stickers
if (info['w'] is int && info['h'] is int) {
final ratio = info['w'] / info['h'];
if (info['w'] > info['h']) {
info['w'] = 256;
info['h'] = (256.0 / ratio).round();
} else {
info['h'] = 256;
info['w'] = (ratio * 256.0).round();
}
}
controller.value = ImagePackImageContent.fromJson(<String, dynamic>{
'url': uploadResp.result,
'info': info,
});
2021-04-24 07:40:13 +02:00
});
}
}
@override
Widget build(BuildContext context) {
2021-05-22 09:13:47 +02:00
return EmotesSettingsView(this);
2021-04-24 07:40:13 +02:00
}
}