mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2024-10-03 09:58:52 +02:00
26983a15a8
- support to show spaces in a list - add a beautiful animation This MR makes Spaces much easier to use on desktops and allows to better find the right space in case they have no avatar. There will be another MR builting on this work as soon as https://gitlab.com/famedly/company/frontend/libraries/matrix_api_lite/-/merge_requests/58 is merged. Signed-off-by: TheOneWithTheBraid <the-one@with-the-braid.cf>
84 lines
2.7 KiB
Dart
84 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
|
|
import 'package:fluffychat/pages/chat_list/spaces_entry.dart';
|
|
import 'package:fluffychat/widgets/avatar.dart';
|
|
import 'chat_list.dart';
|
|
|
|
class SpacesDrawer extends StatelessWidget {
|
|
final ChatListController controller;
|
|
|
|
const SpacesDrawer({Key? key, required this.controller}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final currentIndex = controller.activeSpaceId == null
|
|
? 0
|
|
: controller.spaces
|
|
.indexWhere((space) => controller.activeSpaceId == space.id) +
|
|
1;
|
|
|
|
final Map<SpacesEntry, dynamic> spaceHierarchy =
|
|
Map.fromEntries(controller.spacesEntries.map((e) => MapEntry(e, null)));
|
|
|
|
// TODO(TheOeWithTheBraid): wait for space hierarchy https://gitlab.com/famedly/company/frontend/libraries/matrix_api_lite/-/merge_requests/58
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
controller.snapBackSpacesSheet();
|
|
return false;
|
|
},
|
|
child: ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: spaceHierarchy.length,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
if (index == 0) {
|
|
return ListTile(
|
|
selected: currentIndex == index,
|
|
leading: const Icon(Icons.keyboard_arrow_down),
|
|
title: Text(L10n.of(context)!.allChats),
|
|
onTap: () => controller.setActiveSpacesEntry(
|
|
context,
|
|
null,
|
|
),
|
|
);
|
|
} else {
|
|
final space = spaceHierarchy.keys.toList()[index];
|
|
final room = space.getSpace(context)!;
|
|
return ListTile(
|
|
selected: currentIndex == index,
|
|
leading: Avatar(
|
|
mxContent: room.avatar,
|
|
name: space.getName(context),
|
|
size: 24,
|
|
fontSize: 12,
|
|
),
|
|
title: Text(space.getName(context)),
|
|
subtitle: room.topic.isEmpty
|
|
? null
|
|
: Tooltip(
|
|
message: room.topic,
|
|
child: Text(
|
|
room.topic.replaceAll('\n', ' '),
|
|
softWrap: false,
|
|
overflow: TextOverflow.fade,
|
|
),
|
|
),
|
|
onTap: () => controller.setActiveSpacesEntry(
|
|
context,
|
|
space,
|
|
),
|
|
trailing: IconButton(
|
|
icon: const Icon(Icons.edit),
|
|
tooltip: L10n.of(context)!.edit,
|
|
onPressed: () => controller.editSpace(context, room.id),
|
|
),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|