313 lines
12 KiB
Dart
313 lines
12 KiB
Dart
import 'package:flutter/services.dart';
|
|
import 'package:gecko/models/queries.dart';
|
|
import 'package:gecko/models/history.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'dart:ui';
|
|
import 'package:graphql_flutter/graphql_flutter.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:truncate/truncate.dart';
|
|
|
|
// ignore: must_be_immutable
|
|
class HistoryScreen extends StatelessWidget with ChangeNotifier {
|
|
final TextEditingController _outputPubkey = TextEditingController();
|
|
ScrollController scrollController = ScrollController();
|
|
final nRepositories = 20;
|
|
// HistoryProvider _historyProvider;
|
|
bool isTheEnd = false;
|
|
List _transBC;
|
|
final _formKey = GlobalKey<FormState>();
|
|
FocusNode _pubkeyFocus = FocusNode();
|
|
|
|
FetchMore fetchMore;
|
|
FetchMoreOptions opts;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
HistoryProvider _historyProvider = Provider.of<HistoryProvider>(context);
|
|
this._outputPubkey.text = _historyProvider.pubkey;
|
|
print('Build pubkey : ' + _historyProvider.pubkey);
|
|
return Scaffold(
|
|
floatingActionButton: Container(
|
|
height: 80.0,
|
|
width: 80.0,
|
|
child: FittedBox(
|
|
child: FloatingActionButton(
|
|
heroTag: "buttonScan",
|
|
onPressed: () async {
|
|
await _historyProvider.scan();
|
|
},
|
|
child: Container(
|
|
height: 40.0,
|
|
width: 40.0,
|
|
child: Image.asset('images/scanner.png')),
|
|
backgroundColor: Color(
|
|
0xffEFEFBF), //Color(0xffFFD68E), //Color.fromARGB(500, 204, 255, 255),
|
|
),
|
|
),
|
|
),
|
|
body: Column(children: <Widget>[
|
|
SizedBox(height: 8),
|
|
TextField(
|
|
autofocus: false,
|
|
focusNode: _pubkeyFocus,
|
|
// Entrée de la pubkey
|
|
onChanged: (text) {
|
|
print("Clé tappxé: $text");
|
|
_historyProvider.isPubkey(text);
|
|
},
|
|
controller: this._outputPubkey,
|
|
maxLines: 1,
|
|
textAlign: TextAlign.center,
|
|
decoration: InputDecoration(
|
|
hintText: 'Tappez/Collez une clé publique, ou scannez',
|
|
hintStyle: TextStyle(fontSize: 14),
|
|
contentPadding:
|
|
EdgeInsets.symmetric(horizontal: 7, vertical: 15),
|
|
border: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
enabledBorder: InputBorder.none,
|
|
errorBorder: InputBorder.none,
|
|
disabledBorder: InputBorder.none,
|
|
),
|
|
style: TextStyle(fontSize: 14.0, fontWeight: FontWeight.bold)),
|
|
if (_historyProvider.pubkey != '') historyQuery(context),
|
|
]));
|
|
}
|
|
|
|
historyQuery(context) {
|
|
_pubkeyFocus.unfocus();
|
|
HistoryProvider _historyProvider = Provider.of<HistoryProvider>(context);
|
|
return Expanded(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: <Widget>[
|
|
Query(
|
|
options: QueryOptions(
|
|
document: gql(getHistory),
|
|
variables: <String, dynamic>{
|
|
'pubkey': _historyProvider.pubkey,
|
|
'number': nRepositories,
|
|
'cursor': null
|
|
},
|
|
),
|
|
builder: (QueryResult result, {refetch, fetchMore}) {
|
|
if (result.isLoading && result.data == null) {
|
|
return const Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
|
|
if (result.hasException) {
|
|
print('Error GVA: ' + result.exception.toString());
|
|
return Column(children: <Widget>[
|
|
SizedBox(height: 50),
|
|
Text(
|
|
"Aucun noeud GVA valide n'a pu être trouvé.\nVeuillez réessayer ultérieurement.",
|
|
style: TextStyle(fontSize: 17.0),
|
|
)
|
|
]);
|
|
}
|
|
|
|
if (result.data == null && result.exception.toString() == null) {
|
|
return const Text('Aucune donnée à afficher.');
|
|
}
|
|
|
|
final List<dynamic> blockchainTX =
|
|
(result.data['txsHistoryBc']['both']['edges'] as List<dynamic>);
|
|
|
|
final Map pageInfo =
|
|
result.data['txsHistoryBc']['both']['pageInfo'];
|
|
|
|
final String fetchMoreCursor = pageInfo['endCursor'];
|
|
|
|
final num balance = _historyProvider
|
|
.removeDecimalZero(result.data['balance']['amount'] / 100);
|
|
|
|
if (fetchMoreCursor != null) {
|
|
opts = FetchMoreOptions(
|
|
variables: {'cursor': fetchMoreCursor},
|
|
updateQuery: (previousResultData, fetchMoreResultData) {
|
|
final List<dynamic> repos = [
|
|
...previousResultData['txsHistoryBc']['both']['edges']
|
|
as List<dynamic>,
|
|
...fetchMoreResultData['txsHistoryBc']['both']['edges']
|
|
as List<dynamic>
|
|
];
|
|
|
|
fetchMoreResultData['txsHistoryBc']['both']['edges'] = repos;
|
|
return fetchMoreResultData;
|
|
},
|
|
);
|
|
}
|
|
|
|
print(
|
|
"###### DEBUG H Parse blockchainTX list. Cursor: $fetchMoreCursor ######");
|
|
if (fetchMoreCursor != null) {
|
|
_transBC = _historyProvider.parseHistory(blockchainTX);
|
|
isTheEnd = false;
|
|
} else {
|
|
print("###### DEBUG H - Début de l'historique");
|
|
isTheEnd = true;
|
|
}
|
|
|
|
// _historyProvider.resetdHistory();
|
|
|
|
// Build history list
|
|
return NotificationListener(
|
|
child: Expanded(
|
|
child: ListView(
|
|
controller: scrollController,
|
|
children: <Widget>[
|
|
SizedBox(height: 15),
|
|
if (_historyProvider.pubkey != '')
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(width: 70.0, height: 0.0),
|
|
Text(balance.toString() + ' Ğ1',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(fontSize: 30.0)),
|
|
Container(
|
|
padding: const EdgeInsets.only(right: 15),
|
|
child: IconButton(
|
|
icon: Icon(Icons.payments),
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
builder: (BuildContext context) {
|
|
return paymentPopup(context);
|
|
});
|
|
},
|
|
iconSize: 30,
|
|
color: Color(0xFFB16E16)))
|
|
]),
|
|
SizedBox(height: 15),
|
|
const Divider(
|
|
color: Colors.grey,
|
|
height: 5,
|
|
thickness: 0.5,
|
|
indent: 0,
|
|
endIndent: 0,
|
|
),
|
|
_transBC == null
|
|
? Text('Aucune transaction à afficher.')
|
|
: loopTransactions(context, result),
|
|
],
|
|
)),
|
|
onNotification: (t) {
|
|
if (t is ScrollEndNotification &&
|
|
scrollController.position.pixels >=
|
|
scrollController.position.maxScrollExtent * 0.7) {
|
|
fetchMore(opts);
|
|
}
|
|
return true;
|
|
});
|
|
},
|
|
),
|
|
],
|
|
));
|
|
}
|
|
|
|
Widget loopTransactions(context, result) {
|
|
HistoryProvider _historyProvider = Provider.of<HistoryProvider>(context);
|
|
|
|
return Column(children: <Widget>[
|
|
for (var repository in _transBC)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.all(5.0),
|
|
leading: Text(repository[1].toString(),
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Colors.grey[800],
|
|
fontWeight: FontWeight.w700),
|
|
textAlign: TextAlign.center),
|
|
title: Text(repository[5],
|
|
style: TextStyle(fontSize: 14.0),
|
|
textAlign: TextAlign.center),
|
|
subtitle: Text(
|
|
truncate(repository[2], 20,
|
|
omission: "...", position: TruncatePosition.end),
|
|
style: TextStyle(fontSize: 11.0),
|
|
textAlign: TextAlign.center),
|
|
trailing: Text("${repository[3]} Ğ1",
|
|
style: TextStyle(fontSize: 14.0),
|
|
textAlign: TextAlign.justify),
|
|
dense: true,
|
|
isThreeLine: false,
|
|
onTap: () {
|
|
// this._outputPubkey.text = repository[2];
|
|
_historyProvider.isPubkey(repository[2]);
|
|
})),
|
|
if (result.isLoading)
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
CircularProgressIndicator(),
|
|
],
|
|
),
|
|
if (isTheEnd)
|
|
Column(children: <Widget>[
|
|
SizedBox(height: 15),
|
|
Text("Début de l'historique.",
|
|
textAlign: TextAlign.center, style: TextStyle(fontSize: 20)),
|
|
SizedBox(height: 15)
|
|
])
|
|
]);
|
|
}
|
|
|
|
Widget paymentPopup(context) {
|
|
return AlertDialog(
|
|
content: Stack(
|
|
overflow: Overflow.visible,
|
|
children: <Widget>[
|
|
Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Text('À:'),
|
|
Padding(
|
|
padding: EdgeInsets.all(8.0),
|
|
child: Text(this._outputPubkey.text,
|
|
textAlign: TextAlign.center,
|
|
style:
|
|
TextStyle(fontSize: 15, fontWeight: FontWeight.w500)),
|
|
),
|
|
SizedBox(height: 20),
|
|
Text('Montant (Ğ1):'),
|
|
Padding(
|
|
padding: EdgeInsets.all(8.0),
|
|
child: TextFormField(
|
|
textAlign: TextAlign.center,
|
|
autofocus: true,
|
|
keyboardType: TextInputType.number,
|
|
inputFormatters: <TextInputFormatter>[
|
|
FilteringTextInputFormatter.allow(RegExp(r'(^\d*\.?\d*)'))
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: RaisedButton(
|
|
child: Text("Payer"),
|
|
color: Color(0xffFFD68E),
|
|
onPressed: () {
|
|
if (_formKey.currentState.validate()) {
|
|
_formKey.currentState.save();
|
|
}
|
|
},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|