250 lines
11 KiB
Dart
250 lines
11 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:flutter_animate/flutter_animate.dart';
|
|
import '../../../models/idea.dart';
|
|
import '../../../providers/ideas_provider.dart';
|
|
import '../../../core/constants/app_constants.dart';
|
|
import '../../../core/theme/app_theme.dart';
|
|
import '../../../widgets/funnel_status_badge.dart';
|
|
|
|
class IdeaFunnelKanban extends ConsumerWidget {
|
|
final List<Idea> ideas;
|
|
|
|
const IdeaFunnelKanban({super.key, required this.ideas});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final notifier = ref.read(ideasProvider.notifier);
|
|
return SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: AppConstants.funnelStates.map((status) {
|
|
final columnIdeas =
|
|
ideas.where((i) => i.funnelStatus == status).toList();
|
|
final color = AppConstants.funnelColors[status]!;
|
|
final label = AppConstants.funnelLabels[status]!;
|
|
return Container(
|
|
width: 280,
|
|
margin: const EdgeInsets.all(8),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 16, vertical: 10),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius:
|
|
const BorderRadius.vertical(top: Radius.circular(12)),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 8,
|
|
height: 8,
|
|
decoration: BoxDecoration(
|
|
color: color,
|
|
shape: BoxShape.circle,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(label,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w600, color: color)),
|
|
const Spacer(),
|
|
Text(
|
|
'${columnIdeas.length}',
|
|
style: TextStyle(color: color, fontSize: 12),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: VoIdeaColors.surface,
|
|
border: Border.all(color: color.withOpacity(0.2)),
|
|
borderRadius:
|
|
const BorderRadius.vertical(bottom: Radius.circular(12)),
|
|
),
|
|
child: columnIdeas.isEmpty
|
|
? Center(
|
|
child: Text('Нет идей',
|
|
style: TextStyle(
|
|
color: VoIdeaColors.muted, fontSize: 12)),
|
|
)
|
|
: ListView.builder(
|
|
padding: const EdgeInsets.all(8),
|
|
itemCount: columnIdeas.length,
|
|
itemBuilder: (_, i) {
|
|
final idea = columnIdeas[i];
|
|
return Card(
|
|
margin: const EdgeInsets.only(bottom: 8),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(8),
|
|
onTap: () =>
|
|
context.push('/ideas/${idea.id}'),
|
|
onLongPress: () =>
|
|
_showKanbanContextMenu(context, ref, idea),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
idea.title,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w500,
|
|
fontSize: 13),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Row(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
_iconText(
|
|
Icons.thumb_up_outlined,
|
|
idea.upvotes.toString()),
|
|
const SizedBox(width: 8),
|
|
_iconText(
|
|
Icons.comment_outlined,
|
|
idea.commentCount
|
|
.toString()),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (i > 0 ||
|
|
AppConstants.funnelStates
|
|
.indexOf(status) >
|
|
0)
|
|
InkWell(
|
|
onTap: () => notifier
|
|
.updateFunnel(
|
|
idea.id,
|
|
AppConstants
|
|
.funnelStates[
|
|
AppConstants
|
|
.funnelStates
|
|
.indexOf(
|
|
status) -
|
|
1]),
|
|
child: const Icon(
|
|
Icons.chevron_left,
|
|
size: 20),
|
|
),
|
|
InkWell(
|
|
onTap: () => notifier
|
|
.updateFunnel(
|
|
idea.id,
|
|
AppConstants
|
|
.funnelStates[
|
|
AppConstants
|
|
.funnelStates
|
|
.indexOf(
|
|
status) +
|
|
1]),
|
|
child: const Icon(
|
|
Icons.chevron_right,
|
|
size: 20),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
).animate().fadeIn(
|
|
duration: 200.ms,
|
|
delay: (i * 30).ms);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _iconText(IconData icon, String text) {
|
|
return Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(icon, size: 12, color: VoIdeaColors.muted),
|
|
const SizedBox(width: 2),
|
|
Text(text,
|
|
style:
|
|
const TextStyle(fontSize: 11, color: VoIdeaColors.muted)),
|
|
],
|
|
);
|
|
}
|
|
|
|
void _showKanbanContextMenu(BuildContext context, WidgetRef ref, Idea idea) {
|
|
final notifier = ref.read(ideasProvider.notifier);
|
|
final funnelIdx = AppConstants.funnelStates.indexOf(idea.funnelStatus ?? '');
|
|
final canMoveLeft = funnelIdx > 0;
|
|
final canMoveRight =
|
|
funnelIdx < AppConstants.funnelStates.length - 1;
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
builder: (ctx) => SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(idea.title,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.titleMedium
|
|
?.copyWith(fontWeight: FontWeight.w600)),
|
|
const SizedBox(height: 16),
|
|
ListTile(
|
|
leading: const Icon(Icons.slideshow, color: VoIdeaColors.primary),
|
|
title: const Text('Создать презентацию'),
|
|
onTap: () {
|
|
Navigator.pop(ctx);
|
|
context.push('/ideas/${idea.id}');
|
|
},
|
|
),
|
|
if (canMoveLeft)
|
|
ListTile(
|
|
leading: const Icon(Icons.arrow_back, color: VoIdeaColors.warning),
|
|
title: Text(
|
|
'Переместить в "${AppConstants.funnelLabels[AppConstants.funnelStates[funnelIdx - 1]]}"'),
|
|
onTap: () {
|
|
Navigator.pop(ctx);
|
|
notifier.updateFunnel(idea.id, AppConstants.funnelStates[funnelIdx - 1]);
|
|
},
|
|
),
|
|
if (canMoveRight)
|
|
ListTile(
|
|
leading: const Icon(Icons.arrow_forward, color: VoIdeaColors.success),
|
|
title: Text(
|
|
'Переместить в "${AppConstants.funnelLabels[AppConstants.funnelStates[funnelIdx + 1]]}"'),
|
|
onTap: () {
|
|
Navigator.pop(ctx);
|
|
notifier.updateFunnel(idea.id, AppConstants.funnelStates[funnelIdx + 1]);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|