126 lines
3.9 KiB
Dart
126 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:solian/models/channel.dart';
|
|
import 'package:solian/providers/content/channel.dart';
|
|
import 'package:solian/router.dart';
|
|
import 'package:collection/collection.dart';
|
|
|
|
class AppNavigationRegion extends StatelessWidget {
|
|
final bool isCollapsed;
|
|
final Function(Channel item) onSelected;
|
|
|
|
const AppNavigationRegion({
|
|
super.key,
|
|
required this.onSelected,
|
|
this.isCollapsed = false,
|
|
});
|
|
|
|
void _gotoChannel(Channel item) {
|
|
AppRouter.instance.goNamed(
|
|
'channelChat',
|
|
pathParameters: {'alias': item.alias},
|
|
queryParameters: {
|
|
if (item.realmId != null) 'realm': item.realm!.alias,
|
|
},
|
|
);
|
|
|
|
onSelected(item);
|
|
}
|
|
|
|
Widget _buildEntry(BuildContext context, Channel item) {
|
|
const padding = EdgeInsets.symmetric(horizontal: 20);
|
|
|
|
if (isCollapsed) {
|
|
return InkWell(
|
|
child: const Icon(Icons.tag_outlined, size: 20).paddingSymmetric(
|
|
horizontal: 20,
|
|
vertical: 16,
|
|
),
|
|
onTap: () => _gotoChannel(item),
|
|
);
|
|
}
|
|
|
|
return ListTile(
|
|
minTileHeight: 0,
|
|
leading: const Icon(Icons.tag_outlined),
|
|
contentPadding: padding,
|
|
title: Text(item.name),
|
|
subtitle: Text(
|
|
item.description,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
onTap: () => _gotoChannel(item),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final ChannelProvider channels = Get.find();
|
|
|
|
return Obx(() {
|
|
final List<Channel> noRealmGroupChannels = channels.availableChannels
|
|
.where((x) => x.type == 0 && x.realmId == null)
|
|
.toList();
|
|
final List<Channel> hasRealmGroupChannels = channels.availableChannels
|
|
.where((x) => x.type == 0 && x.realmId != null)
|
|
.toList();
|
|
|
|
if (isCollapsed) {
|
|
return CustomScrollView(
|
|
slivers: [
|
|
const SliverPadding(padding: EdgeInsets.only(top: 8)),
|
|
SliverList.builder(
|
|
itemCount:
|
|
noRealmGroupChannels.length + hasRealmGroupChannels.length,
|
|
itemBuilder: (context, index) {
|
|
final element = index >= noRealmGroupChannels.length
|
|
? hasRealmGroupChannels[index - noRealmGroupChannels.length]
|
|
: noRealmGroupChannels[index];
|
|
return Tooltip(
|
|
message: element.name,
|
|
child: _buildEntry(context, element),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
return CustomScrollView(
|
|
slivers: [
|
|
const SliverPadding(padding: EdgeInsets.only(top: 8)),
|
|
SliverList.builder(
|
|
itemCount: noRealmGroupChannels.length,
|
|
itemBuilder: (context, index) {
|
|
final element = noRealmGroupChannels[index];
|
|
return _buildEntry(context, element);
|
|
},
|
|
),
|
|
SliverList.list(
|
|
children: hasRealmGroupChannels
|
|
.groupListsBy((x) => x.realm)
|
|
.entries
|
|
.map((element) {
|
|
return ExpansionTile(
|
|
minTileHeight: 0,
|
|
initiallyExpanded: true,
|
|
tilePadding: const EdgeInsets.only(left: 20, right: 24),
|
|
backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
|
|
collapsedBackgroundColor:
|
|
Theme.of(context).colorScheme.surfaceContainer,
|
|
title: Text(element.value.first.realm!.name),
|
|
leading: const Icon(Icons.workspaces, size: 16)
|
|
.paddingSymmetric(horizontal: 4),
|
|
children:
|
|
element.value.map((x) => _buildEntry(context, x)).toList(),
|
|
);
|
|
}).toList(),
|
|
),
|
|
const SliverPadding(padding: EdgeInsets.only(bottom: 8)),
|
|
],
|
|
);
|
|
});
|
|
}
|
|
}
|