jusax23/actions-test
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions
actions-test/lib/screens/room/join.dart

308 lines
13 KiB
Dart
Raw Normal View History

Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
import 'package:outbag_app/backend/errors.dart';
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
import 'package:outbag_app/backend/request.dart';
import 'package:outbag_app/backend/room.dart';
import 'package:outbag_app/backend/user.dart';
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
import 'package:outbag_app/tools/fetch_wrapper.dart';
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
import 'package:routemaster/routemaster.dart';
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
import 'dart:math';
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
class JoinRoomPage extends StatefulWidget {
const JoinRoomPage({super.key});
@override
State<StatefulWidget> createState() => _JoinRoomPageState();
}
class _JoinRoomPageState extends State {
List<Room> rooms = [];
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
@override
void didChangeDependencies() {
super.didChangeDependencies();
final sm = ScaffoldMessenger.of(context);
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
doNetworkRequest(null,
req: (user) => postWithCreadentials(
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
path: 'listPublicRooms',
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
credentials: user!,
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
target: user.server,
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
body: {}),
onOK: (body) async {
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
// parse rooms
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
final list = body['data'];
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
// try to fetch a list of rooms the user is a member of
// use an empty blacklist when request is not successful
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
final List<Room> blacklist = [];
doNetworkRequest(sm,
req: (user) => postWithCreadentials(
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
path: 'listRooms',
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
credentials: user!,
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
target: user.server,
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
body: {}),
onOK: (body) {
final List<Room> list = body['data'].map<Room>((json) {
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
return Room.fromJSON(json);
}).toList();
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
for (Room r in list) {
blacklist.add(r);
}
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
});
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
// process the list of public rooms
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
final List<Room> builder = [];
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
processor:
for (dynamic raw in list) {
try {
final room = Room.fromJSON(raw);
// figure out if room is on blacklist
// only add room to list,
// if not on blacklist
for (Room r in blacklist) {
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
if (r.compareTo(room) == 0) {
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
// server on white list
// move to next iteration on outer for loop
continue processor;
}
}
builder.add(room);
} catch (_) {
// ignore room
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
}
}
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
setState(() {
rooms = builder;
});
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
});
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
}
@override
void initState() {
super.initState();
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
}
@override
Widget build(BuildContext context) {
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
final textTheme = Theme.of(context)
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
.textTheme
.apply(displayColor: Theme.of(context).colorScheme.onSurface);
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;
double smallest = min(width, height);
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
return Scaffold(
appBar: AppBar(
title: const Text('Join Room'),
leading: IconButton(
onPressed: () {
// go back
Routemaster.of(context).history.back();
},
icon: const Icon(Icons.arrow_back),
tooltip: "Go back",
),
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
actions: [
IconButton(
icon: const Icon(Icons.search),
tooltip: "Search",
onPressed: () {
// show searchbar
// NOTE: location currently unknown
},
),
IconButton(
icon: const Icon(Icons.refresh),
tooltip: "Refresh",
onPressed: () {
// fetch public rooms again
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
didChangeDependencies();
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
},
),
MenuAnchor(
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
builder: (ctx, controller, child) {
return IconButton(
onPressed: () {
if (controller.isOpen) {
controller.close();
} else {
controller.open();
}
},
icon: const Icon(Icons.more_vert),
);
},
menuChildren: [
MenuItemButton(
leadingIcon: const Icon(Icons.drafts),
child: const Text('Join invite-only room'),
onPressed: () {
// show settings screen
Routemaster.of(context).push("/add-room/by-id");
}),
])
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
],
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
),
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
body: rooms.isEmpty
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
? Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text('No new Rooms found', style: textTheme.titleLarge),
],
))
: ListView.builder(
itemCount: rooms.length,
itemBuilder: (ctx, i) {
final room = rooms[i];
return Card(
margin: const EdgeInsets.all(8.0),
clipBehavior: Clip.antiAliasWithSaveLayer,
semanticContainer: true,
child: InkWell(
onTap: () {
// TODO: show modalBottomSheet
// with room information
// and join button
showModalBottomSheet(
context: ctx,
builder: (ctx) {
return BottomSheet(
onClosing: () {},
builder: (ctx) {
return Column(
crossAxisAlignment:
CrossAxisAlignment.center,
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.all(14),
child: Column(children: [
// room icon
SvgPicture.asset(
(room.icon?.img)!,
width: smallest * 0.2,
height: smallest * 0.2,
),
// room name
Text(
room.name,
style: textTheme.displayMedium,
),
Text(
'${room.id}@${room.serverTag}',
style: textTheme.labelSmall,
),
// description
Text(room.description,
style: textTheme.bodyLarge),
// visibility
Row(
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Icon(room.visibility?.icon),
Text((room
.visibility?.text)!),
]),
])),
// action buttons
Row(
mainAxisAlignment:
MainAxisAlignment.center,
children: [
// cancel button
Padding(
padding:
const EdgeInsets.all(14),
child: ElevatedButton.icon(
icon:
const Icon(Icons.close),
label: const Text('Cancel'),
onPressed: () {
// close sheet
Navigator.pop(context);
},
)),
// join room button
Padding(
padding:
const EdgeInsets.all(14),
child: FilledButton.icon(
icon:
const Icon(Icons.check),
label: const Text('Join'),
onPressed: () async {
final scaffMgr =
ScaffoldMessenger.of(
context);
final rmaster =
Routemaster.of(
context);
final nav =
Navigator.of(context);
Finished join-public-room screen NOTE: If the user is already in a public room, the room will not be shown in the list. NOTE: The search funtionality has not been implemented yet. NOTE: The join invite-only room screen will be part of a later commit. But the endpoint has already been set to /add-room/by-id
2023-03-21 20:24:48 +01:00
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
doNetworkRequest(scaffMgr,
req: (user) =>
postWithCreadentials(
credentials:
user!,
target: user
.server,
path:
'joinPublicRoom',
body: {
'room':
room.id,
'server': room
.serverTag
}),
onOK: (body) async {
await room.toDisk();
nav.pop();
rmaster.replace(
'/r/${room.serverTag}/${room.id}');
});
},
))
])
],
);
},
);
});
},
child: Container(
padding: const EdgeInsets.fromLTRB(10, 5, 5, 10),
child: ListTile(
title: Text(room.name),
visualDensity: const VisualDensity(vertical: 3),
subtitle: Text(room.description),
leading: AspectRatio(
aspectRatio: 1 / 1,
child: SvgPicture.asset("${room.icon?.img}"),
),
hoverColor: Colors.transparent,
))));
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
},
Simplified network requests & snackbars and rewrote the component's network requests. showSimpleSnackbar, allows displaying a simple snackbar, with text and one action button, that can be clicked. doNetworkRequest is supposed to be a wrapper for the already existing post* functions. It aims to make network requests and error handling easier, by containing all the try&catch blocks and being able to show snackbars.
2023-03-23 14:48:53 +01:00
),
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
floatingActionButton: FloatingActionButton.extended(
label: const Text('New'),
icon: const Icon(Icons.add),
onPressed: () {
// create new room
Renamed /new-room endpoint to /add-room/new This has been done in an effort to move all endpoints used to join a room under one umbrella (/add-room) A list of planned or completed endpoints: - /add-room - /add-room/new - /add-room/by-id
2023-03-21 20:26:24 +01:00
Routemaster.of(context).push("/add-room/new");
Started working on Join Room Screen Work already done: - moving the New Room screen to a different endpoint - fetching public rooms using the post API - displaying public rooms Suggestion for user interaction: 1. click on room 2. open bottomSheet with information and join button 3. click "join" to join room
2023-03-20 21:19:25 +01:00
},
tooltip: 'Create Room',
),
);
}
}
Reference in a new issue Copy permalink