Начальный коммит
This commit is contained in:
313
lib/Pages/views/tasks_screen.dart
Normal file
313
lib/Pages/views/tasks_screen.dart
Normal file
@@ -0,0 +1,313 @@
|
||||
// lib/Pages/views/tasks_screen.dart
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:Stocky/Pages/controllers/MainController.dart';
|
||||
import 'package:Stocky/Pages/views/task_screen.dart';
|
||||
import 'package:Stocky/classes/styles.dart';
|
||||
import 'package:Stocky/models/task_adapter.dart';
|
||||
|
||||
import 'package:eva_icons_flutter/eva_icons_flutter.dart';
|
||||
import 'package:swipeable_tile/swipeable_tile.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class TasksScreen extends GetWidget<MainController> {
|
||||
const TasksScreen({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.backgroundColor,
|
||||
appBar: _buildAppBar(context),
|
||||
body: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_buildDateSelector(context),
|
||||
const SizedBox(height: 20),
|
||||
_buildTasksList(context),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
onPressed: () {
|
||||
// После создания — синхронизация не нужна: addTask сам всё делает
|
||||
Get.to(() => const TaskFormScreen());
|
||||
},
|
||||
child: const Icon(Icons.add),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
AppBar _buildAppBar(BuildContext context) {
|
||||
return AppBar(
|
||||
backgroundColor: Colors.white,
|
||||
elevation: 0,
|
||||
title: const Text(
|
||||
'Sep 2020',
|
||||
style: TextStyle(color: Colors.black87, fontWeight: FontWeight.bold),
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: Icon(EvaIcons.search, size: 26, color: Colors.blueGrey[700]),
|
||||
onPressed: () {},
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDateSelector(BuildContext context) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.blue[900],
|
||||
borderRadius: BorderRadius.circular(24),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: List.generate(7, (index) {
|
||||
final dayName = [
|
||||
'Sun',
|
||||
'Mon',
|
||||
'Tue',
|
||||
'Wed',
|
||||
'Thu',
|
||||
'Fri',
|
||||
'Sat',
|
||||
][index];
|
||||
final dayNumber = 20 + index;
|
||||
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
// Логика выбора даты (опционально)
|
||||
},
|
||||
child: Container(
|
||||
width: 40,
|
||||
height: 40,
|
||||
decoration: BoxDecoration(
|
||||
color: dayNumber == 21 ? Colors.white : Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
dayName,
|
||||
style: TextStyle(
|
||||
fontSize: 10,
|
||||
color: dayNumber == 21 ? Colors.blue[900] : Colors.white,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
dayNumber.toString(),
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: dayNumber == 21 ? Colors.blue[900] : Colors.white,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTasksList(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'Tasks',
|
||||
style: AppStyles.sectionHeader.copyWith(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Obx(() {
|
||||
// 🔑 ФИЛЬТРУЕМ: скрываем задачи, помеченные на удаление
|
||||
final visibleTasks = controller.tasks
|
||||
.where((task) => task.isDeletedLocally != true)
|
||||
.toList();
|
||||
|
||||
if (visibleTasks.isEmpty) {
|
||||
return Center(
|
||||
child: Text(
|
||||
'No tasks found',
|
||||
style: TextStyle(color: Colors.grey[600]),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return Column(
|
||||
children: visibleTasks
|
||||
.map((task) => _buildTaskCard(context, task))
|
||||
.toList(),
|
||||
);
|
||||
}),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTaskCard(BuildContext context, Task task) {
|
||||
final startDate = task.startTime;
|
||||
String formatTime(DateTime dt) => dt.toString().substring(11, 16); // HH:mm
|
||||
|
||||
return SwipeableTile.card(
|
||||
color: Colors.white,
|
||||
shadow: BoxShadow(
|
||||
color: Colors.black.withOpacity(0.35),
|
||||
blurRadius: 4,
|
||||
offset: const Offset(2, 2),
|
||||
),
|
||||
key: ValueKey(task.id), // ← лучше использовать id, а не UniqueKey()
|
||||
horizontalPadding: 8,
|
||||
verticalPadding: 8,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
Get.dialog(_buildTaskExecutionDialog(task), barrierDismissible: true);
|
||||
},
|
||||
onLongPress: () => Get.to(
|
||||
TaskFormScreen(task: task),
|
||||
), // ← синхронизация происходит автоматически через updateTask
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.pink[50],
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
_getTaskIcon('meeting'),
|
||||
size: 24,
|
||||
color: Colors.pink[400],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
task.title,
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.black87,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
'${formatTime(startDate)} to ${formatTime(startDate.add(Duration(hours: 2)))}',
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
color: Colors.grey,
|
||||
height: 1.4,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: () {
|
||||
// Доп. действия (например, меню)
|
||||
},
|
||||
icon: const Icon(Icons.more_vert, color: Colors.grey),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
onSwiped: (direction) => controller.deleteTask(task),
|
||||
backgroundBuilder: (context, direction, progress) {
|
||||
return Container(
|
||||
color: Colors.redAccent,
|
||||
child: const Align(
|
||||
alignment: Alignment.centerRight,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(8.0),
|
||||
child: Text(
|
||||
'Удалить',
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
IconData _getTaskIcon(String category) {
|
||||
switch (category.toLowerCase()) {
|
||||
case 'client call':
|
||||
return Icons.phone_rounded;
|
||||
default:
|
||||
return EvaIcons.shoppingCartOutline;
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildTaskExecutionDialog(Task task) {
|
||||
// Здесь можно реализовать логику выполнения подзадач
|
||||
// Пока оставим как есть (без сохранения изменений)
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(30.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
task.title,
|
||||
style: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text(task.description, style: const TextStyle(fontSize: 16)),
|
||||
const SizedBox(height: 16),
|
||||
...task.items.map(
|
||||
(item) => ListTile(
|
||||
title: Text(item.text),
|
||||
leading: item.isDone
|
||||
? const Icon(Icons.check_circle, color: Colors.green)
|
||||
: const Icon(Icons.radio_button_unchecked),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
TextButton(onPressed: Get.back, child: const Text('Закрыть')),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user