refactor
This commit is contained in:
parent
710ea6743b
commit
b33e65706b
GPG key ID:
901B2ADDF27C2263
8 changed files with 489 additions and 472 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
import 'package:cdb_ui/api.dart';
|
import 'package:cdb_ui/api.dart';
|
||||||
import 'package:cdb_ui/pages/flow.dart';
|
import 'package:cdb_ui/pages/flow/flows_page.dart';
|
||||||
import 'package:cdb_ui/pages/items.dart';
|
import 'package:cdb_ui/pages/items.dart';
|
||||||
import 'package:cdb_ui/pages/locations.dart';
|
import 'package:cdb_ui/pages/locations.dart';
|
||||||
import 'package:cdb_ui/pages/setup.dart';
|
import 'package:cdb_ui/pages/setup.dart';
|
||||||
|
|
|
||||||
|
|
@ -1,471 +0,0 @@
|
||||||
import 'package:cdb_ui/api.dart' as API;
|
|
||||||
import 'package:cdb_ui/pages/expandable_list.dart';
|
|
||||||
import 'package:cdb_ui/pages/transaction.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
class FlowsPage extends StatefulWidget {
|
|
||||||
const FlowsPage({super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<FlowsPage> createState() => _FlowsPageState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _FlowsPageState extends State<FlowsPage> {
|
|
||||||
int tabSelection = 0;
|
|
||||||
Map<String, API.FlowInfo>? flowInfos;
|
|
||||||
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
super.initState();
|
|
||||||
API.API().getFlows().then(
|
|
||||||
(value) {
|
|
||||||
setState(() {
|
|
||||||
flowInfos = value;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget flowTile(BuildContext context, API.FlowInfo x) {
|
|
||||||
return ListTile(
|
|
||||||
title: Text(x.name),
|
|
||||||
onTap: () {
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) => FlowInfoPage(x),
|
|
||||||
));
|
|
||||||
},
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget listFlowInfoByActive(
|
|
||||||
BuildContext context, Map<String, API.FlowInfo> infos) {
|
|
||||||
return FutureBuilder(future: () async {
|
|
||||||
var included = [];
|
|
||||||
|
|
||||||
for (var key in infos.keys) {
|
|
||||||
var active = await API.API().getActiveFlowsOf(key);
|
|
||||||
if (active.isNotEmpty) {
|
|
||||||
included.add(infos[key]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return included;
|
|
||||||
}(), builder: (context, snapshot) {
|
|
||||||
if (!snapshot.hasData) {
|
|
||||||
return const CircularProgressIndicator();
|
|
||||||
}
|
|
||||||
|
|
||||||
var included = snapshot.data!;
|
|
||||||
|
|
||||||
return ListView(
|
|
||||||
children: included.map((x) => flowTile(context, x)).toList());
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget listAllFlowInfos(
|
|
||||||
BuildContext context, Map<String, API.FlowInfo> infos) {
|
|
||||||
return ListView(
|
|
||||||
children: infos.values.map((x) {
|
|
||||||
return flowTile(context, x);
|
|
||||||
}).toList());
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget listFlowInfoByProduced(
|
|
||||||
BuildContext context, Map<String, API.FlowInfo> infos) {
|
|
||||||
Map<String, List<API.FlowInfo>> producedMapping = {};
|
|
||||||
|
|
||||||
for (var f in infos.values) {
|
|
||||||
for (var produces in f.produces ?? []) {
|
|
||||||
var item = API.itemVariant(produces).$1;
|
|
||||||
producedMapping.putIfAbsent(item, () {
|
|
||||||
return [];
|
|
||||||
});
|
|
||||||
producedMapping[item]!.add(f);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
List<ExpandableListItem> items = [];
|
|
||||||
|
|
||||||
for (var key in producedMapping.keys) {
|
|
||||||
var flows = Column(
|
|
||||||
children: producedMapping[key]!.map((x) {
|
|
||||||
return flowTile(context, x);
|
|
||||||
}).toList());
|
|
||||||
items.add(ExpandableListItem(body: flows, header: Text(key)));
|
|
||||||
}
|
|
||||||
|
|
||||||
return ExpandableList(items);
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget listFlowInfoByDependant(
|
|
||||||
BuildContext context, Map<String, API.FlowInfo> infos) {
|
|
||||||
Map<String, List<API.FlowInfo>> dependsMapping = {};
|
|
||||||
|
|
||||||
for (var f in infos.values) {
|
|
||||||
for (var produces in f.depends) {
|
|
||||||
var item = API.itemVariant(produces).$1;
|
|
||||||
// todo : add only if item is in inventory
|
|
||||||
dependsMapping.putIfAbsent(item, () {
|
|
||||||
return [];
|
|
||||||
});
|
|
||||||
dependsMapping[item]!.add(f);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
List<ExpandableListItem> items = [];
|
|
||||||
|
|
||||||
for (var key in dependsMapping.keys) {
|
|
||||||
var flows = Column(
|
|
||||||
children: dependsMapping[key]!.map((x) {
|
|
||||||
return flowTile(context, x);
|
|
||||||
}).toList());
|
|
||||||
items.add(ExpandableListItem(body: flows, header: Text(key)));
|
|
||||||
}
|
|
||||||
|
|
||||||
return ExpandableList(items);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
if (flowInfos == null) {
|
|
||||||
return const CircularProgressIndicator();
|
|
||||||
}
|
|
||||||
|
|
||||||
return DefaultTabController(
|
|
||||||
length: 4,
|
|
||||||
child: Scaffold(
|
|
||||||
appBar: AppBar(
|
|
||||||
title: const Text("Flows"),
|
|
||||||
bottom: TabBar(
|
|
||||||
tabs: const [
|
|
||||||
Tab(text: "All"),
|
|
||||||
Tab(text: "Produces"),
|
|
||||||
Tab(text: "Depends"),
|
|
||||||
Tab(text: "Active")
|
|
||||||
],
|
|
||||||
onTap: (value) {
|
|
||||||
setState(() {
|
|
||||||
tabSelection = value;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
)),
|
|
||||||
body: switch (tabSelection) {
|
|
||||||
0 => listAllFlowInfos(context, flowInfos!),
|
|
||||||
1 => listFlowInfoByProduced(context, flowInfos!),
|
|
||||||
2 => listFlowInfoByDependant(context, flowInfos!),
|
|
||||||
3 => listFlowInfoByActive(context, flowInfos!),
|
|
||||||
_ => const Text("..."),
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class FlowInfoPage extends StatefulWidget {
|
|
||||||
final API.FlowInfo info;
|
|
||||||
|
|
||||||
const FlowInfoPage(this.info, {super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<FlowInfoPage> createState() => _FlowInfoPageState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _FlowInfoPageState extends State<FlowInfoPage> {
|
|
||||||
void refresh() {
|
|
||||||
setState(() {});
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Scaffold(
|
|
||||||
appBar: AppBar(title: Text(widget.info.name)),
|
|
||||||
body: Column(
|
|
||||||
children: [
|
|
||||||
// todo : ui improve
|
|
||||||
if (widget.info.next != null) Text("Next: ${widget.info.next}"),
|
|
||||||
if (widget.info.depends.isNotEmpty)
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
||||||
children: [
|
|
||||||
const Text("Flow can use: "),
|
|
||||||
...widget.info.depends.map((x) => Text(x)).toList(),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
if (widget.info.produces?.isNotEmpty ?? false)
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
||||||
children: [
|
|
||||||
const Text("Flow can produce: "),
|
|
||||||
...widget.info.produces!.map((x) => Text(x)).toList(),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
const Divider(),
|
|
||||||
FutureBuilder(
|
|
||||||
future: API.API().getActiveFlowsOf(widget.info.id),
|
|
||||||
builder: (context, snapshot) {
|
|
||||||
if (!snapshot.hasData) {
|
|
||||||
return const CircularProgressIndicator();
|
|
||||||
}
|
|
||||||
|
|
||||||
var data = snapshot.data!;
|
|
||||||
|
|
||||||
return Expanded(
|
|
||||||
child: ListView(
|
|
||||||
children: data
|
|
||||||
.map((x) => ListTile(
|
|
||||||
title: Text(x.id),
|
|
||||||
onTap: () =>
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) =>
|
|
||||||
ActiveFlowPage(x, widget.info),
|
|
||||||
))))
|
|
||||||
.toList()),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
floatingActionButton: FloatingActionButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) => CreateFlowPage(widget.info, refresh)));
|
|
||||||
},
|
|
||||||
child: const Icon(Icons.add)),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class CreateFlowPage extends StatefulWidget {
|
|
||||||
final API.FlowInfo info;
|
|
||||||
final Function refresh;
|
|
||||||
final API.Flow? previousFlow;
|
|
||||||
|
|
||||||
const CreateFlowPage(this.info, this.refresh, {this.previousFlow, super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
State<CreateFlowPage> createState() => _CreateFlowPageState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _CreateFlowPageState extends State<CreateFlowPage> {
|
|
||||||
List<API.Transaction> depends = [];
|
|
||||||
|
|
||||||
void _create(BuildContext context) {
|
|
||||||
if (widget.previousFlow != null) {
|
|
||||||
API
|
|
||||||
.API()
|
|
||||||
.continueFlow(widget.previousFlow!.id,
|
|
||||||
input: depends.map((x) => x.uuid).toList())
|
|
||||||
.then((x) {
|
|
||||||
API.API().getFlow(x).then((flow) {
|
|
||||||
API.API().getFlowInfo(flow.kind).then((info) {
|
|
||||||
Navigator.of(context).pushReplacement(MaterialPageRoute(
|
|
||||||
builder: (context) => ActiveFlowPage(flow, info),
|
|
||||||
));
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
API
|
|
||||||
.API()
|
|
||||||
.startFlow(widget.info.id, input: depends.map((x) => x.uuid).toList())
|
|
||||||
.then((flowID) {
|
|
||||||
widget.refresh();
|
|
||||||
API.API().getFlow(flowID).then((flow) {
|
|
||||||
Navigator.of(context).pushReplacement(MaterialPageRoute(
|
|
||||||
builder: (context) => ActiveFlowPage(flow, widget.info)));
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void selectDependItems(BuildContext context, String itemVariant) {
|
|
||||||
var (item, variant) = API.itemVariant(itemVariant);
|
|
||||||
|
|
||||||
API.API().getInventoryOfVariant(item, variant).then((transactions) {
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) {
|
|
||||||
return TransactionSelectPage(transactions, onSelect: (t) {
|
|
||||||
if (!depends.contains(t)) {
|
|
||||||
setState(() {
|
|
||||||
depends.add(t);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, exclude: depends);
|
|
||||||
},
|
|
||||||
));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
Widget buildInputSelection(BuildContext context) {
|
|
||||||
return Column(
|
|
||||||
children: widget.info.depends.map((x) {
|
|
||||||
return ElevatedButton(
|
|
||||||
onPressed: () {
|
|
||||||
selectDependItems(context, x);
|
|
||||||
},
|
|
||||||
child: Text("Add $x"));
|
|
||||||
}).toList());
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Scaffold(
|
|
||||||
appBar: AppBar(title: Text("Create new ${widget.info.name} Flow")),
|
|
||||||
body: Column(
|
|
||||||
children: [
|
|
||||||
// todo : flow continuation overview
|
|
||||||
buildInputSelection(context),
|
|
||||||
const Divider(),
|
|
||||||
Card(
|
|
||||||
child: Column(
|
|
||||||
children: depends
|
|
||||||
.map((x) => TransactionCard(x, () {},
|
|
||||||
onTap: (x) {}, onLongPress: (x) {}))
|
|
||||||
.toList())),
|
|
||||||
ElevatedButton(
|
|
||||||
onPressed: () => _create(context),
|
|
||||||
child: const Text("Create Flow"))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class TransactionSelectPage extends StatelessWidget {
|
|
||||||
final Function(API.Transaction) onSelect;
|
|
||||||
final List<API.Transaction> selections;
|
|
||||||
final List<API.Transaction>? exclude;
|
|
||||||
|
|
||||||
const TransactionSelectPage(this.selections,
|
|
||||||
{super.key, required this.onSelect, this.exclude});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
var selectionList = [];
|
|
||||||
|
|
||||||
for (var s in selections) {
|
|
||||||
if (exclude?.any((x) => x.uuid == s.uuid) ?? false) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
selectionList.add(s);
|
|
||||||
}
|
|
||||||
|
|
||||||
return Scaffold(
|
|
||||||
appBar: AppBar(
|
|
||||||
title: const Text("Select a Transaction"),
|
|
||||||
),
|
|
||||||
body: ListView(
|
|
||||||
children: selections
|
|
||||||
.map((x) => TransactionCard(
|
|
||||||
x,
|
|
||||||
() {},
|
|
||||||
onLongPress: (x) {},
|
|
||||||
onTap: (t) {
|
|
||||||
onSelect(t);
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
},
|
|
||||||
))
|
|
||||||
.toList()),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class EndFlowWithProduce extends StatelessWidget {
|
|
||||||
final API.Flow flow;
|
|
||||||
final API.FlowInfo info;
|
|
||||||
|
|
||||||
const EndFlowWithProduce(this.flow, this.info, {super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
// todo : show end screen with produce
|
|
||||||
return Scaffold();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class ActiveFlowPage extends StatelessWidget {
|
|
||||||
final API.Flow flow;
|
|
||||||
final API.FlowInfo info;
|
|
||||||
|
|
||||||
const ActiveFlowPage(this.flow, this.info, {super.key});
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Scaffold(
|
|
||||||
appBar: AppBar(
|
|
||||||
title: Text(info.name),
|
|
||||||
actions: [
|
|
||||||
IconButton(
|
|
||||||
onPressed: () async {
|
|
||||||
if (info.produces?.isNotEmpty ?? false) {
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) => EndFlowWithProduce(flow, info)));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// simple dialog
|
|
||||||
var confirm = await showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => AlertDialog(
|
|
||||||
title: const Text('Are you sure?'),
|
|
||||||
content: const Text('This will end the flow.'),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () => Navigator.of(context).pop(false),
|
|
||||||
child: const Text('Cancel'),
|
|
||||||
),
|
|
||||||
ElevatedButton(
|
|
||||||
onPressed: () => Navigator.of(context).pop(true),
|
|
||||||
child: const Text('End'),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
|
|
||||||
if (confirm) {
|
|
||||||
await API
|
|
||||||
.API()
|
|
||||||
.endFlow(flow.id)
|
|
||||||
.then((x) => Navigator.of(context).pop());
|
|
||||||
}
|
|
||||||
},
|
|
||||||
icon: const Icon(Icons.stop)),
|
|
||||||
// todo : continue next flow
|
|
||||||
if (info.next != null)
|
|
||||||
IconButton(
|
|
||||||
onPressed: () {
|
|
||||||
API.API().getFlowInfo(info.next!).then((newInfo) {
|
|
||||||
Navigator.of(context).push(MaterialPageRoute(
|
|
||||||
builder: (context) {
|
|
||||||
return CreateFlowPage(
|
|
||||||
newInfo,
|
|
||||||
() {},
|
|
||||||
previousFlow: flow,
|
|
||||||
);
|
|
||||||
},
|
|
||||||
));
|
|
||||||
});
|
|
||||||
},
|
|
||||||
icon: const Icon(Icons.arrow_forward)),
|
|
||||||
|
|
||||||
// todo : add notes to flow
|
|
||||||
IconButton(onPressed: () {}, icon: const Icon(Icons.note))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
body: Column(
|
|
||||||
children: [
|
|
||||||
Text("ID: ${flow.id}"),
|
|
||||||
Text("Started since: ${tsFormat(flow.started)}"),
|
|
||||||
...flow.input!.map((x) => Text("Input: $x")).toList(),
|
|
||||||
if (flow.done != null) ...[
|
|
||||||
Text("Ended: ${tsFormat(flow.done!.ended)}"),
|
|
||||||
if (flow.done!.next != null) Text("Next: ${flow.done!.next!}"),
|
|
||||||
...flow.done!.produced!.map((x) => Text("Produced: $x")).toList(),
|
|
||||||
],
|
|
||||||
|
|
||||||
const Divider(),
|
|
||||||
// todo : show notes
|
|
||||||
],
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
92
lib/pages/flow/active_flow_page.dart
Normal file
92
lib/pages/flow/active_flow_page.dart
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
import 'package:cdb_ui/api.dart' as API;
|
||||||
|
import 'package:cdb_ui/pages/flow/create_flow_page.dart';
|
||||||
|
import 'package:cdb_ui/pages/flow/end_flow_page.dart';
|
||||||
|
import 'package:cdb_ui/pages/transaction.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class ActiveFlowPage extends StatelessWidget {
|
||||||
|
final API.Flow flow;
|
||||||
|
final API.FlowInfo info;
|
||||||
|
|
||||||
|
const ActiveFlowPage(this.flow, this.info, {super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text(info.name),
|
||||||
|
actions: [
|
||||||
|
IconButton(
|
||||||
|
onPressed: () async {
|
||||||
|
if (info.produces?.isNotEmpty ?? false) {
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) => EndFlowWithProduce(flow, info)));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// simple dialog
|
||||||
|
var confirm = await showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => AlertDialog(
|
||||||
|
title: const Text('Are you sure?'),
|
||||||
|
content: const Text('This will end the flow.'),
|
||||||
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: () => Navigator.of(context).pop(false),
|
||||||
|
child: const Text('Cancel'),
|
||||||
|
),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: () => Navigator.of(context).pop(true),
|
||||||
|
child: const Text('End'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (confirm) {
|
||||||
|
await API
|
||||||
|
.API()
|
||||||
|
.endFlow(flow.id)
|
||||||
|
.then((x) => Navigator.of(context).pop());
|
||||||
|
}
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.stop)),
|
||||||
|
// todo : continue next flow
|
||||||
|
if (info.next != null)
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
API.API().getFlowInfo(info.next!).then((newInfo) {
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) {
|
||||||
|
return CreateFlowPage(
|
||||||
|
newInfo,
|
||||||
|
() {},
|
||||||
|
previousFlow: flow,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
icon: const Icon(Icons.arrow_forward)),
|
||||||
|
|
||||||
|
// todo : add notes to flow
|
||||||
|
IconButton(onPressed: () {}, icon: const Icon(Icons.note))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
Text("ID: ${flow.id}"),
|
||||||
|
Text("Started since: ${tsFormat(flow.started)}"),
|
||||||
|
...flow.input!.map((x) => Text("Input: $x")).toList(),
|
||||||
|
if (flow.done != null) ...[
|
||||||
|
Text("Ended: ${tsFormat(flow.done!.ended)}"),
|
||||||
|
if (flow.done!.next != null) Text("Next: ${flow.done!.next!}"),
|
||||||
|
...flow.done!.produced!.map((x) => Text("Produced: $x")).toList(),
|
||||||
|
],
|
||||||
|
|
||||||
|
const Divider(),
|
||||||
|
// todo : show notes
|
||||||
|
],
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
102
lib/pages/flow/create_flow_page.dart
Normal file
102
lib/pages/flow/create_flow_page.dart
Normal file
|
|
@ -0,0 +1,102 @@
|
||||||
|
import 'package:cdb_ui/api.dart' as API;
|
||||||
|
import 'package:cdb_ui/pages/flow/active_flow_page.dart';
|
||||||
|
import 'package:cdb_ui/pages/transaction.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
|
||||||
|
class CreateFlowPage extends StatefulWidget {
|
||||||
|
final API.FlowInfo info;
|
||||||
|
final Function refresh;
|
||||||
|
final API.Flow? previousFlow;
|
||||||
|
|
||||||
|
const CreateFlowPage(this.info, this.refresh, {this.previousFlow, super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<CreateFlowPage> createState() => _CreateFlowPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CreateFlowPageState extends State<CreateFlowPage> {
|
||||||
|
List<API.Transaction> depends = [];
|
||||||
|
|
||||||
|
void _create(BuildContext context) {
|
||||||
|
if (widget.previousFlow != null) {
|
||||||
|
API
|
||||||
|
.API()
|
||||||
|
.continueFlow(widget.previousFlow!.id,
|
||||||
|
input: depends.map((x) => x.uuid).toList())
|
||||||
|
.then((x) {
|
||||||
|
API.API().getFlow(x).then((flow) {
|
||||||
|
API.API().getFlowInfo(flow.kind).then((info) {
|
||||||
|
Navigator.of(context).pushReplacement(MaterialPageRoute(
|
||||||
|
builder: (context) => ActiveFlowPage(flow, info),
|
||||||
|
));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
API
|
||||||
|
.API()
|
||||||
|
.startFlow(widget.info.id, input: depends.map((x) => x.uuid).toList())
|
||||||
|
.then((flowID) {
|
||||||
|
widget.refresh();
|
||||||
|
API.API().getFlow(flowID).then((flow) {
|
||||||
|
Navigator.of(context).pushReplacement(MaterialPageRoute(
|
||||||
|
builder: (context) => ActiveFlowPage(flow, widget.info)));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void selectDependItems(BuildContext context, String itemVariant) {
|
||||||
|
var (item, variant) = API.itemVariant(itemVariant);
|
||||||
|
|
||||||
|
API.API().getInventoryOfVariant(item, variant).then((transactions) {
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) {
|
||||||
|
return TransactionSelectPage(transactions, onSelect: (t) {
|
||||||
|
if (!depends.contains(t)) {
|
||||||
|
setState(() {
|
||||||
|
depends.add(t);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, exclude: depends);
|
||||||
|
},
|
||||||
|
));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildInputSelection(BuildContext context) {
|
||||||
|
return Column(
|
||||||
|
children: widget.info.depends.map((x) {
|
||||||
|
return ElevatedButton(
|
||||||
|
onPressed: () {
|
||||||
|
selectDependItems(context, x);
|
||||||
|
},
|
||||||
|
child: Text("Add $x"));
|
||||||
|
}).toList());
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(title: Text("Create new ${widget.info.name} Flow")),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
// todo : flow continuation overview
|
||||||
|
buildInputSelection(context),
|
||||||
|
const Divider(),
|
||||||
|
Card(
|
||||||
|
child: Column(
|
||||||
|
children: depends
|
||||||
|
.map((x) => TransactionCard(x, () {},
|
||||||
|
onTap: (x) {}, onLongPress: (x) {}))
|
||||||
|
.toList())),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: () => _create(context),
|
||||||
|
child: const Text("Create Flow"))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
15
lib/pages/flow/end_flow_page.dart
Normal file
15
lib/pages/flow/end_flow_page.dart
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
import 'package:cdb_ui/api.dart' as API;
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class EndFlowWithProduce extends StatelessWidget {
|
||||||
|
final API.Flow flow;
|
||||||
|
final API.FlowInfo info;
|
||||||
|
|
||||||
|
const EndFlowWithProduce(this.flow, this.info, {super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
// todo : show end screen with produce
|
||||||
|
return Scaffold();
|
||||||
|
}
|
||||||
|
}
|
||||||
78
lib/pages/flow/flow_info_page.dart
Normal file
78
lib/pages/flow/flow_info_page.dart
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
import 'package:cdb_ui/api.dart' as API;
|
||||||
|
import 'package:cdb_ui/pages/flow/active_flow_page.dart';
|
||||||
|
import 'package:cdb_ui/pages/flow/create_flow_page.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class FlowInfoPage extends StatefulWidget {
|
||||||
|
final API.FlowInfo info;
|
||||||
|
|
||||||
|
const FlowInfoPage(this.info, {super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<FlowInfoPage> createState() => _FlowInfoPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _FlowInfoPageState extends State<FlowInfoPage> {
|
||||||
|
void refresh() {
|
||||||
|
setState(() {});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(title: Text(widget.info.name)),
|
||||||
|
body: Column(
|
||||||
|
children: [
|
||||||
|
// todo : ui improve
|
||||||
|
if (widget.info.next != null) Text("Next: ${widget.info.next}"),
|
||||||
|
if (widget.info.depends.isNotEmpty)
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
const Text("Flow can use: "),
|
||||||
|
...widget.info.depends.map((x) => Text(x)).toList(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
if (widget.info.produces?.isNotEmpty ?? false)
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
|
children: [
|
||||||
|
const Text("Flow can produce: "),
|
||||||
|
...widget.info.produces!.map((x) => Text(x)).toList(),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
FutureBuilder(
|
||||||
|
future: API.API().getActiveFlowsOf(widget.info.id),
|
||||||
|
builder: (context, snapshot) {
|
||||||
|
if (!snapshot.hasData) {
|
||||||
|
return const CircularProgressIndicator();
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = snapshot.data!;
|
||||||
|
|
||||||
|
return Expanded(
|
||||||
|
child: ListView(
|
||||||
|
children: data
|
||||||
|
.map((x) => ListTile(
|
||||||
|
title: Text(x.id),
|
||||||
|
onTap: () =>
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) =>
|
||||||
|
ActiveFlowPage(x, widget.info),
|
||||||
|
))))
|
||||||
|
.toList()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
floatingActionButton: FloatingActionButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) => CreateFlowPage(widget.info, refresh)));
|
||||||
|
},
|
||||||
|
child: const Icon(Icons.add)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
161
lib/pages/flow/flows_page.dart
Normal file
161
lib/pages/flow/flows_page.dart
Normal file
|
|
@ -0,0 +1,161 @@
|
||||||
|
import 'package:cdb_ui/api.dart' as API;
|
||||||
|
import 'package:cdb_ui/pages/expandable_list.dart';
|
||||||
|
import 'package:cdb_ui/pages/flow/flow_info_page.dart';
|
||||||
|
import 'package:cdb_ui/pages/transaction.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class FlowsPage extends StatefulWidget {
|
||||||
|
const FlowsPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<FlowsPage> createState() => _FlowsPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _FlowsPageState extends State<FlowsPage> {
|
||||||
|
int tabSelection = 0;
|
||||||
|
Map<String, API.FlowInfo>? flowInfos;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
API.API().getFlows().then(
|
||||||
|
(value) {
|
||||||
|
setState(() {
|
||||||
|
flowInfos = value;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget flowTile(BuildContext context, API.FlowInfo x) {
|
||||||
|
return ListTile(
|
||||||
|
title: Text(x.name),
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).push(MaterialPageRoute(
|
||||||
|
builder: (context) => FlowInfoPage(x),
|
||||||
|
));
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget listFlowInfoByActive(
|
||||||
|
BuildContext context, Map<String, API.FlowInfo> infos) {
|
||||||
|
return FutureBuilder(future: () async {
|
||||||
|
var included = [];
|
||||||
|
|
||||||
|
for (var key in infos.keys) {
|
||||||
|
var active = await API.API().getActiveFlowsOf(key);
|
||||||
|
if (active.isNotEmpty) {
|
||||||
|
included.add(infos[key]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return included;
|
||||||
|
}(), builder: (context, snapshot) {
|
||||||
|
if (!snapshot.hasData) {
|
||||||
|
return const CircularProgressIndicator();
|
||||||
|
}
|
||||||
|
|
||||||
|
var included = snapshot.data!;
|
||||||
|
|
||||||
|
return ListView(
|
||||||
|
children: included.map((x) => flowTile(context, x)).toList());
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget listAllFlowInfos(
|
||||||
|
BuildContext context, Map<String, API.FlowInfo> infos) {
|
||||||
|
return ListView(
|
||||||
|
children: infos.values.map((x) {
|
||||||
|
return flowTile(context, x);
|
||||||
|
}).toList());
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget listFlowInfoByProduced(
|
||||||
|
BuildContext context, Map<String, API.FlowInfo> infos) {
|
||||||
|
Map<String, List<API.FlowInfo>> producedMapping = {};
|
||||||
|
|
||||||
|
for (var f in infos.values) {
|
||||||
|
for (var produces in f.produces ?? []) {
|
||||||
|
var item = API.itemVariant(produces).$1;
|
||||||
|
producedMapping.putIfAbsent(item, () {
|
||||||
|
return [];
|
||||||
|
});
|
||||||
|
producedMapping[item]!.add(f);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
List<ExpandableListItem> items = [];
|
||||||
|
|
||||||
|
for (var key in producedMapping.keys) {
|
||||||
|
var flows = Column(
|
||||||
|
children: producedMapping[key]!.map((x) {
|
||||||
|
return flowTile(context, x);
|
||||||
|
}).toList());
|
||||||
|
items.add(ExpandableListItem(body: flows, header: Text(key)));
|
||||||
|
}
|
||||||
|
|
||||||
|
return ExpandableList(items);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget listFlowInfoByDependant(
|
||||||
|
BuildContext context, Map<String, API.FlowInfo> infos) {
|
||||||
|
Map<String, List<API.FlowInfo>> dependsMapping = {};
|
||||||
|
|
||||||
|
for (var f in infos.values) {
|
||||||
|
for (var produces in f.depends) {
|
||||||
|
var item = API.itemVariant(produces).$1;
|
||||||
|
// todo : add only if item is in inventory
|
||||||
|
dependsMapping.putIfAbsent(item, () {
|
||||||
|
return [];
|
||||||
|
});
|
||||||
|
dependsMapping[item]!.add(f);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
List<ExpandableListItem> items = [];
|
||||||
|
|
||||||
|
for (var key in dependsMapping.keys) {
|
||||||
|
var flows = Column(
|
||||||
|
children: dependsMapping[key]!.map((x) {
|
||||||
|
return flowTile(context, x);
|
||||||
|
}).toList());
|
||||||
|
items.add(ExpandableListItem(body: flows, header: Text(key)));
|
||||||
|
}
|
||||||
|
|
||||||
|
return ExpandableList(items);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (flowInfos == null) {
|
||||||
|
return const CircularProgressIndicator();
|
||||||
|
}
|
||||||
|
|
||||||
|
return DefaultTabController(
|
||||||
|
length: 4,
|
||||||
|
child: Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text("Flows"),
|
||||||
|
bottom: TabBar(
|
||||||
|
tabs: const [
|
||||||
|
Tab(text: "All"),
|
||||||
|
Tab(text: "Produces"),
|
||||||
|
Tab(text: "Depends"),
|
||||||
|
Tab(text: "Active")
|
||||||
|
],
|
||||||
|
onTap: (value) {
|
||||||
|
setState(() {
|
||||||
|
tabSelection = value;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
body: switch (tabSelection) {
|
||||||
|
0 => listAllFlowInfos(context, flowInfos!),
|
||||||
|
1 => listFlowInfoByProduced(context, flowInfos!),
|
||||||
|
2 => listFlowInfoByDependant(context, flowInfos!),
|
||||||
|
3 => listFlowInfoByActive(context, flowInfos!),
|
||||||
|
_ => const Text("..."),
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -281,3 +281,43 @@ class IconText extends StatelessWidget {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class TransactionSelectPage extends StatelessWidget {
|
||||||
|
final Function(Transaction) onSelect;
|
||||||
|
final List<Transaction> selections;
|
||||||
|
final List<Transaction>? exclude;
|
||||||
|
|
||||||
|
const TransactionSelectPage(this.selections,
|
||||||
|
{super.key, required this.onSelect, this.exclude});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
var selectionList = [];
|
||||||
|
|
||||||
|
for (var s in selections) {
|
||||||
|
if (exclude?.any((x) => x.uuid == s.uuid) ?? false) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
selectionList.add(s);
|
||||||
|
}
|
||||||
|
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text("Select a Transaction"),
|
||||||
|
),
|
||||||
|
body: ListView(
|
||||||
|
children: selectionList
|
||||||
|
.map((x) => TransactionCard(
|
||||||
|
x,
|
||||||
|
() {},
|
||||||
|
onLongPress: (x) {},
|
||||||
|
onTap: (t) {
|
||||||
|
onSelect(t);
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
))
|
||||||
|
.toList()),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue