feat: allow to create widgets
- supported widget types: therpad, jitsi, video, custom - update Matrix SDK Signed-off-by: TheOneWithTheBraid <the-one@with-the-braid.cf>onboarding
TheOneWithTheBraid
3 years ago
parent
f335cdbaf6
commit
0ddaff75db
@ -0,0 +1,85 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||||
|
import 'package:matrix/matrix.dart';
|
||||||
|
import 'package:matrix/widget.dart';
|
||||||
|
|
||||||
|
import 'package:fluffychat/pages/chat/add_widget_tile_view.dart';
|
||||||
|
|
||||||
|
class AddWidgetTile extends StatefulWidget {
|
||||||
|
final Room room;
|
||||||
|
|
||||||
|
const AddWidgetTile({Key? key, required this.room}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<AddWidgetTile> createState() => AddWidgetTileState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class AddWidgetTileState extends State<AddWidgetTile> {
|
||||||
|
final TextEditingController urlController = TextEditingController();
|
||||||
|
final TextEditingController nameController = TextEditingController();
|
||||||
|
String widgetType = 'm.etherpad';
|
||||||
|
|
||||||
|
late final bool initiallyExpanded;
|
||||||
|
|
||||||
|
String? nameError;
|
||||||
|
String? urlError;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
initiallyExpanded = widget.room.widgets.isEmpty;
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
void setWidgetType(String value) => setState(() => widgetType = value);
|
||||||
|
|
||||||
|
void addWidget() {
|
||||||
|
try {
|
||||||
|
nameError = null;
|
||||||
|
urlError = null;
|
||||||
|
|
||||||
|
final room = widget.room;
|
||||||
|
final name = nameController.text;
|
||||||
|
final uri = Uri.tryParse(urlController.text);
|
||||||
|
|
||||||
|
if (name.length < 3) {
|
||||||
|
setState(() {
|
||||||
|
nameError = L10n.of(context)!.widgetNameError;
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (uri == null || uri.scheme != 'https') {
|
||||||
|
setState(() {
|
||||||
|
urlError = L10n.of(context)!.widgetUrlError;
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setState(() {});
|
||||||
|
|
||||||
|
late MatrixWidget matrixWidget;
|
||||||
|
switch (widgetType) {
|
||||||
|
case 'm.etherpad':
|
||||||
|
matrixWidget = MatrixWidget.etherpad(room, name, uri);
|
||||||
|
break;
|
||||||
|
case 'm.jitsi':
|
||||||
|
matrixWidget = MatrixWidget.jitsi(room, name, uri);
|
||||||
|
break;
|
||||||
|
case 'm.video':
|
||||||
|
matrixWidget = MatrixWidget.video(room, name, uri);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
matrixWidget = MatrixWidget.custom(room, name, uri);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
widget.room.addWidget(matrixWidget);
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
} catch (e) {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(content: Text(L10n.of(context)!.errorAddingWidget)));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) => AddWidgetTileView(controller: this);
|
||||||
|
}
|
||||||
@ -0,0 +1,71 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||||
|
|
||||||
|
import 'package:fluffychat/pages/chat/add_widget_tile.dart';
|
||||||
|
|
||||||
|
class AddWidgetTileView extends StatelessWidget {
|
||||||
|
final AddWidgetTileState controller;
|
||||||
|
|
||||||
|
const AddWidgetTileView({Key? key, required this.controller})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ExpansionTile(
|
||||||
|
title: Text(L10n.of(context)!.addWidget),
|
||||||
|
leading: const Icon(Icons.add),
|
||||||
|
initiallyExpanded: controller.initiallyExpanded,
|
||||||
|
children: [
|
||||||
|
CupertinoSegmentedControl(
|
||||||
|
groupValue: controller.widgetType,
|
||||||
|
padding: const EdgeInsets.all(8),
|
||||||
|
children: {
|
||||||
|
'm.etherpad': Text(L10n.of(context)!.widgetEtherpad),
|
||||||
|
'm.jitsi': Text(L10n.of(context)!.widgetJitsi),
|
||||||
|
'm.video': Text(L10n.of(context)!.widgetVideo),
|
||||||
|
'm.custom': Text(L10n.of(context)!.widgetCustom),
|
||||||
|
}.map((key, value) => MapEntry(
|
||||||
|
key,
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 4.0),
|
||||||
|
child: value,
|
||||||
|
))),
|
||||||
|
onValueChanged: controller.setWidgetType,
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextField(
|
||||||
|
controller: controller.nameController,
|
||||||
|
autofocus: true,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
prefixIcon: const Icon(Icons.label),
|
||||||
|
label: Text(L10n.of(context)!.widgetName),
|
||||||
|
errorText: controller.nameError,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(8.0),
|
||||||
|
child: TextField(
|
||||||
|
controller: controller.urlController,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
prefixIcon: const Icon(Icons.add_link),
|
||||||
|
label: Text(L10n.of(context)!.link),
|
||||||
|
errorText: controller.urlError,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
ButtonBar(
|
||||||
|
children: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: controller.addWidget,
|
||||||
|
child: Text(L10n.of(context)!.addWidget),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,31 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
||||||
|
import 'package:matrix/matrix.dart';
|
||||||
|
|
||||||
|
import 'add_widget_tile.dart';
|
||||||
|
|
||||||
|
class EditWidgetsDialog extends StatelessWidget {
|
||||||
|
final Room room;
|
||||||
|
|
||||||
|
const EditWidgetsDialog({Key? key, required this.room}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SimpleDialog(
|
||||||
|
title: Text(L10n.of(context)!.editWidgets),
|
||||||
|
children: [
|
||||||
|
...room.widgets.map((e) => ListTile(
|
||||||
|
title: Text(e.name ?? e.type),
|
||||||
|
leading: IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
room.deleteWidget(e.id!);
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.delete)),
|
||||||
|
)),
|
||||||
|
AddWidgetTile(room: room),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue