310 lines
9.5 KiB
Dart
310 lines
9.5 KiB
Dart
// SPDX-FileCopyrightText: 2019-Present Christian Kußowski
|
|
// SPDX-FileCopyrightText: 2019-Present Contributors to FluffyChat
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:material_ui/material_ui.dart';
|
|
import 'package:matrix/matrix.dart' hide Result;
|
|
import 'package:tatchat/config/themes.dart';
|
|
import 'package:tatchat/l10n/l10n.dart';
|
|
import 'package:tatchat/utils/tatu_share.dart';
|
|
import 'package:tatchat/widgets/avatar.dart';
|
|
import 'package:tatchat/widgets/matrix.dart';
|
|
|
|
import 'chat_list.dart';
|
|
|
|
/// Left navigation sidebar shown in column mode. It hosts the actions that
|
|
/// used to live in the avatar popup menu plus the account switcher.
|
|
class Sidebar extends StatelessWidget {
|
|
final ChatListController controller;
|
|
|
|
const Sidebar(this.controller, {super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return Material(
|
|
color: theme.colorScheme.surface,
|
|
child: SafeArea(
|
|
bottom: false,
|
|
child: SizedBox(
|
|
width: FluffyThemes.sidebarWidth,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 4,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
ColorFiltered(
|
|
colorFilter: ColorFilter.mode(
|
|
theme.colorScheme.primary,
|
|
BlendMode.srcIn,
|
|
),
|
|
child: Image.asset(
|
|
'./assets/logo/mini/logo_mini.png',
|
|
width: 58,
|
|
height: 58,
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Text(
|
|
'TatuChat',
|
|
style: theme.textTheme.titleLarge?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
color: theme.colorScheme.onSurface,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
IconButton(
|
|
tooltip: L10n.of(context).close,
|
|
icon: const Icon(Icons.close),
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Divider(color: theme.colorScheme.outlineVariant, height: 1),
|
|
Expanded(child: _AccountSection(controller)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AccountSection extends StatelessWidget {
|
|
final ChatListController controller;
|
|
|
|
const _AccountSection(this.controller);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final matrix = Matrix.of(context);
|
|
final bundles = matrix.accountBundles;
|
|
return ListView(
|
|
padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 8),
|
|
children: [
|
|
_ActionTile(
|
|
icon: Icons.group_add_outlined,
|
|
label: L10n.of(context).createGroup,
|
|
onTap: () => context.go('/rooms/newgroup'),
|
|
),
|
|
_ActionTile(
|
|
icon: Icons.edit_outlined,
|
|
label: L10n.of(context).setStatus,
|
|
onTap: controller.setStatus,
|
|
),
|
|
_ActionTile(
|
|
icon: Icons.adaptive.share_outlined,
|
|
label: L10n.of(context).inviteContact,
|
|
onTap: () => TatuShare.shareInviteLink(context),
|
|
),
|
|
_ActionTile(
|
|
icon: Icons.archive_outlined,
|
|
label: L10n.of(context).archive,
|
|
onTap: () => context.go('/rooms/archive'),
|
|
),
|
|
_ActionTile(
|
|
icon: Icons.apps_outlined,
|
|
label: L10n.of(context).apps,
|
|
onTap: () => context.go('/rooms/apps'),
|
|
),
|
|
_ActionTile(
|
|
icon: Icons.settings_outlined,
|
|
label: L10n.of(context).settings,
|
|
onTap: () => context.go('/rooms/settings'),
|
|
),
|
|
const Divider(),
|
|
for (final bundle in bundles.keys) ...[
|
|
if (bundles[bundle]!.length != 1 ||
|
|
bundles[bundle]!.single!.userID != bundle)
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(12, 12, 12, 4),
|
|
child: Text(
|
|
bundle!,
|
|
style: TextStyle(
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
...bundles[bundle]!
|
|
.whereType<Client>()
|
|
.where((client) => client.isLogged())
|
|
.map(
|
|
(client) => _AccountTile(
|
|
client: client,
|
|
controller: controller,
|
|
bundle: bundle,
|
|
),
|
|
),
|
|
],
|
|
_AddAccountTile(onTap: () => context.go('/rooms/settings/addaccount')),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _ActionTile extends StatelessWidget {
|
|
final IconData icon;
|
|
final Color? iconColor;
|
|
final String label;
|
|
final VoidCallback onTap;
|
|
|
|
const _ActionTile({
|
|
required this.icon,
|
|
this.iconColor,
|
|
required this.label,
|
|
required this.onTap,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
size: 22,
|
|
color: iconColor ?? theme.colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 14),
|
|
Text(
|
|
label,
|
|
style: theme.textTheme.bodyLarge?.copyWith(
|
|
color: theme.colorScheme.onSurface,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AccountTile extends StatelessWidget {
|
|
final Client client;
|
|
final ChatListController controller;
|
|
final String? bundle;
|
|
|
|
const _AccountTile({
|
|
required this.client,
|
|
required this.controller,
|
|
required this.bundle,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final matrix = Matrix.of(context);
|
|
final isActive = client == matrix.client;
|
|
return FutureBuilder<Profile?>(
|
|
future: client.fetchOwnProfile(),
|
|
builder: (context, snapshot) {
|
|
final displayname =
|
|
snapshot.data?.displayName ?? client.userID?.localpart ?? '';
|
|
return InkWell(
|
|
onTap: () => controller.setActiveClient(client),
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Container(
|
|
margin: const EdgeInsets.symmetric(vertical: 2),
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
|
|
decoration: BoxDecoration(
|
|
color: isActive
|
|
? theme.colorScheme.primary.withValues(alpha: 0.08)
|
|
: null,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Avatar(
|
|
mxContent: snapshot.data?.avatarUrl,
|
|
name: displayname,
|
|
size: 30,
|
|
),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Text(
|
|
displayname,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: theme.textTheme.bodyMedium?.copyWith(
|
|
color: theme.colorScheme.onSurface,
|
|
fontWeight: isActive ? FontWeight.w600 : null,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
SizedBox(
|
|
width: 32,
|
|
height: 32,
|
|
child: isActive
|
|
? Icon(
|
|
Icons.check_circle,
|
|
size: 20,
|
|
color: theme.colorScheme.primary,
|
|
)
|
|
: IconButton(
|
|
icon: const Icon(Icons.edit_outlined, size: 18),
|
|
tooltip: L10n.of(context).editBundlesForAccount,
|
|
onPressed: () => controller.editBundlesForAccount(
|
|
client.userID,
|
|
bundle,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AddAccountTile extends StatelessWidget {
|
|
final VoidCallback onTap;
|
|
|
|
const _AddAccountTile({required this.onTap});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.person_add_outlined,
|
|
size: 22,
|
|
color: theme.colorScheme.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 14),
|
|
Text(
|
|
L10n.of(context).addAccount,
|
|
style: theme.textTheme.bodyLarge?.copyWith(
|
|
color: theme.colorScheme.onSurface,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|