242 lines
9.8 KiB
Dart
242 lines
9.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'dart:async';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:local_spend/common/apifunctions/find_organisations.dart';
|
|
|
|
class FindOrganisations {
|
|
TextField getSearchBar(TextEditingController controller, String hintText) {
|
|
return TextField(
|
|
controller: controller,
|
|
decoration: InputDecoration(
|
|
hintText: hintText,
|
|
icon: Icon(Icons.search),
|
|
),
|
|
);
|
|
}
|
|
|
|
// todo: get all organisations, favourites and all data from one 'organisations' class or similar
|
|
// eg items: organisations.getFavourites().orderBy(name),
|
|
|
|
Future<dynamic> _moreInfoDialog(context, Organisation organisation) {
|
|
TextStyle informationTitleStyle = new TextStyle(fontSize: 16);
|
|
TextStyle informationStyle =
|
|
new TextStyle(fontSize: 16, fontWeight: FontWeight.bold);
|
|
|
|
return showDialog<Organisation>(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
builder: (BuildContext context) {
|
|
return StatefulBuilder(
|
|
builder: (context, setState) {
|
|
return SimpleDialog(
|
|
children: <Widget>[
|
|
Container(
|
|
padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
|
|
child: Text(
|
|
organisation.name,
|
|
style: new TextStyle(
|
|
fontSize: 21, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|
child: Divider(),
|
|
),
|
|
Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|
child: Table(
|
|
// defaultColumnWidth: FixedColumnWidth(100),
|
|
children: [
|
|
TableRow(
|
|
children: [
|
|
Text("Street:", style: informationTitleStyle),
|
|
Text(organisation.streetName,
|
|
style: informationStyle),
|
|
],
|
|
),
|
|
TableRow(
|
|
children: [
|
|
Text("Postcode:", style: informationTitleStyle),
|
|
Text(organisation.postcode.toUpperCase(),
|
|
style: informationStyle),
|
|
],
|
|
),
|
|
TableRow(
|
|
children: [
|
|
Text("Town:", style: informationTitleStyle),
|
|
Text(organisation.town, style: informationStyle),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
Future<Organisation> dialog(context) {
|
|
bool _searchEnabled = false;
|
|
bool _orgsFetched = false;
|
|
TextEditingController searchBarText = new TextEditingController();
|
|
var organisations = new Organisations();
|
|
var listTitle = "All Organisations";
|
|
var organisationsList = List<Organisation>();
|
|
|
|
Future<int> _submitSearch(String search) async {
|
|
_searchEnabled = false;
|
|
listTitle = "Results for \'" + search + "\'";
|
|
|
|
var futureOrgs = await organisations.findOrganisations(search);
|
|
organisationsList = futureOrgs;
|
|
_searchEnabled = true;
|
|
return futureOrgs.length;
|
|
}
|
|
|
|
return showDialog<Organisation>(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
builder: (BuildContext context) {
|
|
return StatefulBuilder(
|
|
builder: (context, setState) {
|
|
return SimpleDialog(
|
|
children: <Widget>[
|
|
Column(
|
|
children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
|
width: 150,
|
|
height: 50,
|
|
child: TextField(
|
|
autofocus: true,
|
|
controller: searchBarText,
|
|
decoration: InputDecoration(
|
|
hintText: "Payee Name",
|
|
),
|
|
onChanged: (value) {
|
|
if (value.isNotEmpty) {
|
|
_searchEnabled = true;
|
|
} else {
|
|
_searchEnabled = false;
|
|
}
|
|
setState(() => {_searchEnabled});
|
|
},
|
|
onSubmitted: _searchEnabled
|
|
? ((_) {
|
|
SystemChannels.textInput
|
|
.invokeMethod('TextInput.hide');
|
|
var result =
|
|
_submitSearch(searchBarText.text);
|
|
result.then((_) {
|
|
setState(() {
|
|
_orgsFetched = true;
|
|
});
|
|
});
|
|
})
|
|
: null,
|
|
),
|
|
),
|
|
Container(
|
|
width: 80,
|
|
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
|
child: RaisedButton(
|
|
onPressed: _searchEnabled
|
|
? (() {
|
|
SystemChannels.textInput
|
|
.invokeMethod('TextInput.hide');
|
|
var result =
|
|
_submitSearch(searchBarText.text);
|
|
result.then((_) {
|
|
setState(() {
|
|
_orgsFetched = true;
|
|
});
|
|
});
|
|
})
|
|
: null,
|
|
child: Icon(Icons.search, color: Colors.white),
|
|
color: Colors.blue,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
|
|
Column(
|
|
children: _orgsFetched
|
|
? [
|
|
Container(
|
|
padding: EdgeInsets.fromLTRB(20, 20, 20, 0),
|
|
child: Text(
|
|
listTitle,
|
|
style: new TextStyle(
|
|
fontSize: 23, fontWeight: FontWeight.bold),
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
|
|
width: MediaQuery.of(context).size.width,
|
|
height: MediaQuery.of(context).size.height * 0.67,
|
|
child: Material(
|
|
shadowColor: Colors.transparent,
|
|
color: Colors.transparent,
|
|
child: ListView.builder(
|
|
itemCount: organisationsList.length,
|
|
itemBuilder: (context, index) {
|
|
return Card(
|
|
child: ListTile(
|
|
leading: Icon(Icons.person),
|
|
title: Text(organisationsList[index].name,
|
|
style: new TextStyle(fontSize: 18)),
|
|
subtitle: Text(organisationsList[index]
|
|
.postcode
|
|
.toUpperCase()),
|
|
// trailing: Icon(Icons.arrow_forward_ios),
|
|
// onTap: _chosenOrg(organisationsList[index]),
|
|
onTap: () {
|
|
Navigator.of(context)
|
|
.pop(organisationsList[index]);
|
|
},
|
|
onLongPress: () {
|
|
// show more details about the organisation in a new dialog
|
|
var moreInfo = _moreInfoDialog(
|
|
context, organisationsList[index]);
|
|
moreInfo.whenComplete(null);
|
|
},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
Center(
|
|
child: Container(
|
|
padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
|
child: Text("Long press a payee for more info",
|
|
style:
|
|
TextStyle(fontStyle: FontStyle.italic)),
|
|
),
|
|
),
|
|
]
|
|
: [Container()],
|
|
),
|
|
|
|
// help button for if org not listed
|
|
// cancel and ok buttons
|
|
],
|
|
// ),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|