Items workflow done

This commit is contained in:
Andrew 2023-04-12 01:22:50 +07:00
parent d973954a75
commit 6ba57612fa
5 changed files with 565 additions and 5 deletions

View file

@ -1,8 +1,11 @@
import 'package:bottom_sheet/bottom_sheet.dart';
import 'package:data_table_2/data_table_2.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:recase/recase.dart';
import 'package:tuuli_app/api/api_client.dart';
import 'package:tuuli_app/api/model/tables_list_model.dart';
import 'package:tuuli_app/pages/bottomsheets/create_table_item_bottomsheet.dart';
class OpenTableBottomSheet extends StatefulWidget {
final TableModel table;
@ -15,14 +18,23 @@ class OpenTableBottomSheet extends StatefulWidget {
class _OpenTableBottomSheetState extends State<OpenTableBottomSheet> {
final apiClient = Get.find<ApiClient>();
final tableItems = TableItemsDataList.empty(growable: true);
@override
void initState() {
super.initState();
_refreshTableData();
}
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(16),
return Padding(
padding: const EdgeInsets.all(16),
child: Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
@ -31,6 +43,14 @@ class _OpenTableBottomSheetState extends State<OpenTableBottomSheet> {
style: Theme.of(context).textTheme.headlineSmall,
),
const Spacer(),
IconButton(
onPressed: _addNewItem,
icon: const Icon(Icons.add),
),
IconButton(
onPressed: _refreshTableData,
icon: const Icon(Icons.refresh),
),
IconButton(
onPressed: _dropTable,
icon: const Icon(Icons.delete),
@ -42,6 +62,45 @@ class _OpenTableBottomSheetState extends State<OpenTableBottomSheet> {
],
),
const Divider(),
Expanded(
child: DataTable2(
columnSpacing: 12,
horizontalMargin: 12,
headingRowColor:
MaterialStateColor.resolveWith((states) => Colors.black),
columns: [
...widget.table.columns.map((e) => DataColumn(
label: Text(e.fieldName),
)),
const DataColumn(label: Text("Actions")),
],
rows: tableItems
.map((e) => DataRow(cells: [
for (int i = 0; i < widget.table.columns.length; i++)
DataCell(
Text(e[widget.table.columns[i].fieldName]
?.toString() ??
"null"),
),
DataCell(
Row(
children: [
IconButton(
onPressed: () => _deleteItem(e),
icon: const Icon(Icons.delete),
),
IconButton(
onPressed: () => _updateExistingItem(e),
icon: const Icon(Icons.edit),
),
],
),
),
]))
.toList(growable: false),
empty: const Center(child: Text("No data")),
),
),
],
),
),
@ -55,7 +114,7 @@ class _OpenTableBottomSheetState extends State<OpenTableBottomSheet> {
"Are you sure you want to drop this table \"${widget.table.tableName}\"?",
textConfirm: "Drop",
onConfirm: () => Get.back(result: true),
onCancel: () => Get.back(result: false),
onCancel: () {},
barrierDismissible: false,
);
@ -70,4 +129,129 @@ class _OpenTableBottomSheetState extends State<OpenTableBottomSheet> {
Get.snackbar("Error", error.toString());
});
}
Future<void> _refreshTableData() async {
final result = await apiClient.getTableItems(widget.table);
result.unfold((data) {
setState(() {
tableItems.clear();
tableItems.addAll(data);
});
}, (error) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Error: $error"),
),
);
});
}
Future<void> _addNewItem() async {
final newItem = await showFlexibleBottomSheet<Map<String, dynamic>>(
minHeight: 1,
initHeight: 1,
maxHeight: 1,
context: context,
builder: (_, __, ___) => CreateTableItemBottomSheet(table: widget.table),
anchors: [0, 0.5, 1],
isSafeArea: true,
isDismissible: false,
);
if (newItem == null) {
return;
}
final result = await apiClient.insertItem(widget.table, newItem);
result.unfold((data) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text("Item added"),
),
);
_refreshTableData();
}, (error) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Error: $error"),
),
);
});
}
Future<void> _updateExistingItem(TableItemsData oldItem) async {
final newItem = await showFlexibleBottomSheet<Map<String, dynamic>>(
minHeight: 1,
initHeight: 1,
maxHeight: 1,
context: context,
builder: (_, __, ___) => CreateTableItemBottomSheet(
table: widget.table,
existingItem: Map.fromEntries(widget.table.columns
.where((el) => !el.isPrimary)
.map((el) => MapEntry(el.fieldName, oldItem[el.fieldName]))),
),
anchors: [0, 0.5, 1],
isSafeArea: true,
isDismissible: false,
);
if (newItem == null) {
return;
}
final result = await apiClient.updateItem(widget.table, newItem, oldItem);
result.unfold((data) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text("Item added"),
),
);
_refreshTableData();
}, (error) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Error: $error"),
),
);
});
}
Future<void> _deleteItem(TableItemsData e) async {
final really = await Get.defaultDialog<bool>(
title: "Delete item",
middleText: "Are you sure you want to delete this item?",
textConfirm: "Delete",
onConfirm: () => Get.back(result: true),
onCancel: () {},
barrierDismissible: false,
);
if (really != true) {
return;
}
final result = await apiClient.deleteItem(widget.table, e);
result.unfold((data) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text("Item deleted"),
),
);
_refreshTableData();
}, (error) {
ScaffoldMessenger.of(context).hideCurrentSnackBar();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("Error: $error"),
),
);
});
}
}