289 lines
8.0 KiB
Dart
289 lines
8.0 KiB
Dart
// ignore_for_file: avoid_print
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:gdev_annuaire/queries.dart';
|
|
import 'package:graphql_flutter/graphql_flutter.dart';
|
|
// import 'package:hive_flutter/hive_flutter.dart';
|
|
import 'package:qr_flutter/qr_flutter.dart';
|
|
import 'package:truncate/truncate.dart';
|
|
|
|
// late Box addressBox;
|
|
bool canAdd = false;
|
|
List profiles = [];
|
|
bool showAll = false;
|
|
|
|
Future<void> main() async {
|
|
WidgetsFlutterBinding.ensureInitialized();
|
|
|
|
const indexerEndpoint = "https://duniter-indexer.coinduf.eu/v1/graphql";
|
|
|
|
// await Hive.initFlutter();
|
|
|
|
// addressBox = await Hive.openBox("addressBox");
|
|
// await addressBox.clear();
|
|
|
|
runApp(const MyApp(indexerEndpoint));
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
const MyApp(this.indexerEndpoint, {Key? key}) : super(key: key);
|
|
final String? indexerEndpoint;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final httpLink = HttpLink(
|
|
indexerEndpoint!,
|
|
);
|
|
|
|
final client = ValueNotifier(
|
|
GraphQLClient(
|
|
cache: GraphQLCache(),
|
|
link: httpLink,
|
|
),
|
|
);
|
|
|
|
return GraphQLProvider(
|
|
client: client,
|
|
child: MaterialApp(
|
|
title: 'ĞDev annuaire',
|
|
theme: ThemeData(
|
|
primarySwatch: Colors.blue,
|
|
),
|
|
home: const MyHomePage(title: 'ĞDev annuaire'),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MyHomePage extends StatefulWidget {
|
|
const MyHomePage({Key? key, required this.title}) : super(key: key);
|
|
|
|
final String title;
|
|
|
|
@override
|
|
State<MyHomePage> createState() => _MyHomePageState();
|
|
}
|
|
|
|
class _MyHomePageState extends State<MyHomePage> {
|
|
refresh() {
|
|
setState(() {});
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
// showAll = false;
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// profiles.clear();
|
|
// addressBox.toMap().forEach((key, value) {
|
|
// profiles.add(value);
|
|
// });
|
|
|
|
return Scaffold(
|
|
backgroundColor: yellowC,
|
|
body: profileTiles(context, refresh),
|
|
);
|
|
}
|
|
}
|
|
|
|
Widget profileTiles(BuildContext context, refresh) {
|
|
final double screenWidth = MediaQuery.of(context).size.width;
|
|
int nbrColumn = 9;
|
|
if (screenWidth <= 600) {
|
|
nbrColumn = 1;
|
|
} else if (screenWidth <= 900) {
|
|
nbrColumn = 2;
|
|
} else if (screenWidth <= 1200) {
|
|
nbrColumn = 3;
|
|
} else if (screenWidth <= 1500) {
|
|
nbrColumn = 4;
|
|
} else if (screenWidth <= 1800) {
|
|
nbrColumn = 5;
|
|
} else if (screenWidth <= 2100) {
|
|
nbrColumn = 6;
|
|
} else if (screenWidth <= 2400) {
|
|
nbrColumn = 7;
|
|
} else if (screenWidth <= 2700) {
|
|
nbrColumn = 8;
|
|
}
|
|
|
|
return Query(
|
|
options: QueryOptions(
|
|
document: gql(showAll ? getAllAccountsQ : getAllIdentitiesQ),
|
|
// pollInterval: const Duration(seconds: 10),
|
|
),
|
|
builder: (QueryResult resultQ,
|
|
{VoidCallback? refetch, FetchMore? fetchMore}) {
|
|
if (resultQ.hasException) {
|
|
return Text(resultQ.exception.toString());
|
|
}
|
|
|
|
if (resultQ.isLoading) {
|
|
return const Text('Loading');
|
|
}
|
|
|
|
final List listProfiles = resultQ.data?['account'] ?? [];
|
|
|
|
return CustomScrollView(
|
|
slivers: <Widget>[
|
|
const SliverToBoxAdapter(child: SizedBox(height: 15)),
|
|
SliverToBoxAdapter(
|
|
child: InkWell(
|
|
onTap: () {
|
|
showAll = !showAll;
|
|
refresh();
|
|
},
|
|
child: Row(children: [
|
|
const SizedBox(width: 10),
|
|
Icon(
|
|
showAll ? Icons.check_box : Icons.check_box_outline_blank,
|
|
color: orangeC,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
'Afficher tous les comptes existants',
|
|
style: TextStyle(fontSize: 16, color: Colors.grey[700]),
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
const SliverToBoxAdapter(child: SizedBox(height: 15)),
|
|
SliverGrid.count(
|
|
key: const Key('listWallets'),
|
|
crossAxisCount: nbrColumn,
|
|
childAspectRatio: 1,
|
|
crossAxisSpacing: 0,
|
|
mainAxisSpacing: 0,
|
|
children: <Widget>[
|
|
for (Map profile in listProfiles)
|
|
Container(
|
|
color: yellowC,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(0),
|
|
child: Container(
|
|
// color: Colors.orange[100],
|
|
decoration: BoxDecoration(
|
|
// shape: BoxShape.circle,
|
|
gradient: RadialGradient(
|
|
radius: 1.3,
|
|
colors: [
|
|
// yellowC,
|
|
Colors.white,
|
|
Colors.orange[300]!,
|
|
],
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: tile(
|
|
context,
|
|
profile['id'],
|
|
profile['identity']?['name'] ?? '',
|
|
profile['identity']?['validated_at'] == null
|
|
? false
|
|
: true),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
});
|
|
}
|
|
|
|
Widget tile(BuildContext context, String address, String name, bool isMember) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: Colors.orange[50],
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {},
|
|
child: Text(
|
|
name,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 17,
|
|
color: isMember ? orangeC : Colors.black),
|
|
),
|
|
),
|
|
const SizedBox(height: 3),
|
|
InkWell(
|
|
onTap: () => snackCopyKey(context, address),
|
|
child: Text(
|
|
getShortPubkey(address),
|
|
style:
|
|
const TextStyle(fontWeight: FontWeight.w500, fontSize: 17),
|
|
),
|
|
),
|
|
QrImageWidget(
|
|
// gapless: false,
|
|
data: address,
|
|
version: QrVersions.auto,
|
|
size: 200,
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
String getShortPubkey(String pubkey) {
|
|
String pubkeyShort = truncate(pubkey, 7,
|
|
omission: String.fromCharCode(0x2026),
|
|
position: TruncatePosition.end) +
|
|
truncate(pubkey, 6, omission: "", position: TruncatePosition.start);
|
|
return pubkeyShort;
|
|
}
|
|
|
|
snackCopyKey(BuildContext context, String address) {
|
|
// _copyToClipboardHack(address);
|
|
Clipboard.setData(ClipboardData(text: address));
|
|
|
|
const snackBar = SnackBar(
|
|
padding: EdgeInsets.all(20),
|
|
content: Text("Cette adresse a été copié dans votre presse-papier.",
|
|
style: TextStyle(fontSize: 16)),
|
|
duration: Duration(seconds: 2));
|
|
ScaffoldMessenger.of(context).showSnackBar(snackBar);
|
|
}
|
|
|
|
Future<List> getDbData() async {
|
|
return profiles;
|
|
}
|
|
|
|
bool isAddress(address) {
|
|
final RegExp regExp = RegExp(
|
|
r'^[a-zA-Z0-9]+$',
|
|
caseSensitive: false,
|
|
multiLine: false,
|
|
);
|
|
|
|
if (regExp.hasMatch(address) == true &&
|
|
address.length > 45 &&
|
|
address.length < 52) {
|
|
// canAdd = true;
|
|
|
|
return true;
|
|
} else {
|
|
// canAdd = false;
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// Colors
|
|
Color orangeC = const Color(0xffd07316);
|
|
Color yellowC = const Color(0xffFFD68E);
|
|
Color floattingYellow = const Color(0xffEFEFBF);
|
|
Color backgroundColor = const Color(0xFFF5F5F5);
|