526 lines
17 KiB
Dart
526 lines
17 KiB
Dart
import 'package:ltx_flutter/appwrite/categories_api.dart';
|
|
import 'package:ltx_flutter/appwrite/database_api.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:appwrite/models.dart';
|
|
import 'package:ltx_flutter/helpers.dart';
|
|
|
|
class DayView extends StatefulWidget {
|
|
const DayView({
|
|
super.key,
|
|
});
|
|
|
|
@override
|
|
State<DayView> createState() => _DayViewState();
|
|
}
|
|
|
|
class _DayViewState extends State<DayView> {
|
|
DateTime _date = DateTime.now();
|
|
|
|
late DatabaseAPI database;
|
|
late CategoriesAPI categories;
|
|
|
|
late List<Document> entries = [];
|
|
late Document? dayEntry = null;
|
|
late List<num> hours = [];
|
|
late num? mood = 0;
|
|
late String comments = "";
|
|
|
|
bool _editable = false;
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
database = context.watch<DatabaseAPI>();
|
|
categories = context.watch<CategoriesAPI>();
|
|
entries = database.entries;
|
|
}
|
|
|
|
void _incrementDate(int amount) =>
|
|
_setDate(_date.add(Duration(days: amount)));
|
|
|
|
void _setDate(DateTime? day) {
|
|
if (day != null) {
|
|
setState(() {
|
|
_date = day;
|
|
});
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
List<Document> entries = database.entries;
|
|
String formattedDate = formatDate(
|
|
dateISO: _date.toIso8601String(),
|
|
format: "yyyy-MM-dd",
|
|
);
|
|
|
|
try {
|
|
dayEntry = entries.singleWhere((element) => element.$id == formattedDate);
|
|
String date = formatDate(
|
|
format: "LLL d", dateISO: dayEntry?.data['date'].toString());
|
|
print("Got entry for $date");
|
|
} catch (e) {
|
|
database.getOne(date: formattedDate).then((value) {
|
|
dayEntry = value;
|
|
});
|
|
}
|
|
|
|
setState(() {
|
|
if (dayEntry != null) {
|
|
comments = dayEntry?.data["comments"];
|
|
mood = dayEntry?.data["mood"];
|
|
}
|
|
});
|
|
|
|
TextEditingController commentsController =
|
|
TextEditingController(text: comments);
|
|
|
|
Widget moodWidget = mood == null
|
|
? Icon(
|
|
size: 30,
|
|
Icons.star_outline,
|
|
color: Colors.white,
|
|
)
|
|
: Text(
|
|
style: TextStyle(fontSize: 20, color: Colors.black),
|
|
mood.toString());
|
|
|
|
return GestureDetector(
|
|
onHorizontalDragEnd: (details) {
|
|
if (details.primaryVelocity!.abs() > 10) {
|
|
details.primaryVelocity! < 0 ? _incrementDate(1) : _incrementDate(-1);
|
|
}
|
|
},
|
|
child: Column(
|
|
children: [
|
|
SizedBox(
|
|
height: 20,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: GestureDetector(
|
|
onTap: () => _setDate(DateTime.now()),
|
|
onLongPress: () {
|
|
showDatePicker(
|
|
context: context,
|
|
initialDate: _date,
|
|
firstDate: DateTime.parse("2023-01-01"),
|
|
lastDate: DateTime.now().add(Duration(days: 7)),
|
|
).then((value) => _setDate(value));
|
|
},
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
IconButton(
|
|
tooltip: "Previous day",
|
|
icon: Icon(Icons.arrow_left),
|
|
onPressed: () => _incrementDate(-1),
|
|
),
|
|
SizedBox(
|
|
width: 250,
|
|
child: Text(
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
),
|
|
formatDate(
|
|
format: 'EEEEE, LLLL dd, yyyy',
|
|
dateISO: _date.toIso8601String()),
|
|
),
|
|
),
|
|
IconButton(
|
|
tooltip: "Next day",
|
|
icon: Icon(Icons.arrow_right),
|
|
onPressed: () => _incrementDate(1),
|
|
),
|
|
Expanded(
|
|
child: SizedBox(width: 5),
|
|
),
|
|
Text("Edit"),
|
|
Switch(
|
|
value: _editable,
|
|
onChanged: (value) => setState(() {
|
|
_editable = !_editable;
|
|
}),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: categories.ready
|
|
? HourGenerator(
|
|
dayEntry: dayEntry,
|
|
editable: _editable,
|
|
)
|
|
: ListView(
|
|
children: [Center(child: CircularProgressIndicator())]),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 30, right: 30, left: 10),
|
|
child: Row(
|
|
children: [
|
|
SizedBox(width: 10),
|
|
SizedBox.square(
|
|
dimension: 50,
|
|
child: GestureDetector(
|
|
onTapDown: (event) => showMenu(
|
|
initialValue: mood,
|
|
context: context,
|
|
position: RelativeRect.fromLTRB(
|
|
event.globalPosition.dx + 25,
|
|
event.globalPosition.dy - 50,
|
|
MediaQuery.of(context).size.width -
|
|
event.globalPosition.dx,
|
|
MediaQuery.of(context).size.height -
|
|
event.globalPosition.dy +
|
|
0,
|
|
),
|
|
items: List.generate(
|
|
10,
|
|
(index) => PopupMenuItem(
|
|
onTap: () => database.updateEntry(
|
|
dateISO: dayEntry!.data['date'], mood: index),
|
|
value: index,
|
|
child: Text(
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: moodColor(index),
|
|
),
|
|
index.toString(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
child: mood == null
|
|
? Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: Colors.white)),
|
|
child: Center(child: moodWidget),
|
|
)
|
|
: Container(
|
|
color: moodColor(mood),
|
|
child: Center(child: moodWidget),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 30),
|
|
Expanded(
|
|
child: TextFormField(
|
|
decoration: InputDecoration(hintText: "Comments"),
|
|
smartQuotesType: SmartQuotesType.enabled,
|
|
enableInteractiveSelection: true,
|
|
controller: commentsController,
|
|
minLines: 2,
|
|
maxLines: 4,
|
|
onFieldSubmitted: (value) {
|
|
database.updateEntry(
|
|
dateISO: dayEntry!.data['date'], comments: value);
|
|
},
|
|
),
|
|
),
|
|
SizedBox(width: 30),
|
|
IconButton(
|
|
tooltip: "Save",
|
|
onPressed: () => database.updateEntry(
|
|
dateISO: dayEntry!.data['date'],
|
|
comments: commentsController.value.text.toString()),
|
|
icon: Icon(Icons.save),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SizedBox(height: 30),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class HourGenerator extends StatefulWidget {
|
|
const HourGenerator(
|
|
{super.key, required this.dayEntry, required this.editable});
|
|
|
|
final Document? dayEntry;
|
|
final bool editable;
|
|
|
|
@override
|
|
State<HourGenerator> createState() => _HourGeneratorState();
|
|
}
|
|
|
|
class _HourGeneratorState extends State<HourGenerator> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
List<Widget> generateHours(entry, bool edit) {
|
|
if (entry == null) {
|
|
return [Center(child: RefreshProgressIndicator())];
|
|
}
|
|
List<dynamic> hours = entry.data['hours'];
|
|
|
|
// print(hours);
|
|
|
|
List reduced = [];
|
|
int counter = 0;
|
|
|
|
if (!edit) {
|
|
for (num val in hours) {
|
|
if (reduced.isEmpty) {
|
|
reduced.add({'val': val, 'num': 1, 'hour': counter});
|
|
} else {
|
|
if (reduced.last['val'] == val) {
|
|
reduced.last['num']++;
|
|
reduced.last['hour'] = counter;
|
|
} else {
|
|
reduced.add({'val': val, 'num': 1, 'hour': counter});
|
|
}
|
|
}
|
|
counter++;
|
|
}
|
|
} else {
|
|
for (num val in hours) {
|
|
reduced.add({
|
|
'hour': counter,
|
|
'val': val,
|
|
'num': 1,
|
|
});
|
|
if (edit) counter++;
|
|
}
|
|
}
|
|
|
|
List<Widget> hourWidgets = reduced.map(
|
|
(e) {
|
|
double height = double.parse((e['num'] * 36).toString());
|
|
return Consumer<CategoriesAPI>(
|
|
builder: (context, categories, child) {
|
|
Category category = categories.lookUp(e['val'].toString());
|
|
return SizedBox(
|
|
height: height,
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
edit = true;
|
|
});
|
|
},
|
|
child: Card(
|
|
color: category.backgroundColor,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
e['num'] == 1
|
|
? SizedBox(
|
|
width: 50,
|
|
child: Center(
|
|
child: Text(
|
|
style: TextStyle(
|
|
color: category.foregroundColor),
|
|
hourString(e['hour']),
|
|
),
|
|
),
|
|
)
|
|
: Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 5, top: 10, bottom: 10),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
style: TextStyle(
|
|
color: category.foregroundColor),
|
|
hourString(e['hour'] - e['num'] + 1)),
|
|
Expanded(
|
|
child: VerticalDivider(
|
|
indent: 2,
|
|
endIndent: 2,
|
|
color: category.foregroundColor,
|
|
thickness: 2,
|
|
),
|
|
),
|
|
Text(
|
|
style: TextStyle(
|
|
color: category.foregroundColor),
|
|
hourString(e['hour'] + 1))
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Center(
|
|
child: edit
|
|
? HourFormField(
|
|
category: category,
|
|
index: e['hour'],
|
|
dayEntry: entry,
|
|
)
|
|
: Text(
|
|
style: TextStyle(
|
|
color: category.foregroundColor),
|
|
category.name),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
).toList();
|
|
|
|
List<Consumer<CategoriesAPI>> remainingHours =
|
|
List.generate(24 - counter, (index) {
|
|
return Consumer<CategoriesAPI>(builder: (context, value, child) {
|
|
return SizedBox(
|
|
height: 35,
|
|
child: Card(
|
|
color: Colors.black,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
width: 50,
|
|
child: Center(
|
|
child: Text(
|
|
style: TextStyle(color: Colors.white),
|
|
hourString(counter + index)),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Center(
|
|
child: HourFormField(
|
|
index: index + counter,
|
|
dayEntry: entry,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
});
|
|
});
|
|
|
|
List<Consumer<CategoriesAPI>> remainingHoursConsolidated = [
|
|
Consumer<CategoriesAPI>(
|
|
builder: (context, value, child) {
|
|
return SizedBox(
|
|
height: (24 - counter) * 30,
|
|
child: Card(
|
|
color: Colors.black,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 10),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10, bottom: 10),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
style: TextStyle(color: Colors.white),
|
|
hourString(counter)),
|
|
Expanded(
|
|
child: VerticalDivider(
|
|
indent: 2,
|
|
endIndent: 2,
|
|
color: Colors.white,
|
|
thickness: 2,
|
|
),
|
|
),
|
|
Text(
|
|
style: TextStyle(color: Colors.white),
|
|
hourString(24))
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Center(
|
|
child: Icon(Icons.question_mark),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
)
|
|
];
|
|
|
|
edit || counter == 23
|
|
? hourWidgets.addAll(remainingHours)
|
|
: hourWidgets.addAll(remainingHoursConsolidated);
|
|
return hourWidgets;
|
|
}
|
|
|
|
return ListView(children: generateHours(widget.dayEntry, widget.editable));
|
|
}
|
|
}
|
|
|
|
class HourFormField extends StatefulWidget {
|
|
HourFormField({
|
|
super.key,
|
|
this.category,
|
|
required this.index,
|
|
required this.dayEntry,
|
|
});
|
|
|
|
final Category? category;
|
|
int index;
|
|
Document dayEntry;
|
|
|
|
@override
|
|
State<HourFormField> createState() => _HourFormFieldState();
|
|
}
|
|
|
|
class _HourFormFieldState extends State<HourFormField> {
|
|
Color fgColor = Colors.white;
|
|
|
|
String catNum = "";
|
|
|
|
String catName = "[Empty]";
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (widget.category != null) {
|
|
catNum = widget.category!.number.toString();
|
|
fgColor = widget.category!.foregroundColor;
|
|
catName = widget.category!.name;
|
|
}
|
|
|
|
return Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 50,
|
|
),
|
|
SizedBox(
|
|
width: 50,
|
|
child: Consumer<DatabaseAPI>(builder: (context, database, child) {
|
|
return TextFormField(
|
|
showCursor: false,
|
|
onFieldSubmitted: (value) {
|
|
database.updateHours(widget.dayEntry, widget.index, value);
|
|
},
|
|
style: TextStyle(
|
|
color: fgColor, fontFamily: "Monospace", height: 35),
|
|
textAlign: TextAlign.center,
|
|
keyboardType: TextInputType.numberWithOptions(
|
|
signed: false,
|
|
),
|
|
initialValue: catNum,
|
|
);
|
|
}),
|
|
),
|
|
SizedBox(width: 40),
|
|
Text(
|
|
style: TextStyle(color: fgColor, fontFamily: "Monospace"), catName),
|
|
],
|
|
);
|
|
}
|
|
}
|