165 lines
No EOL
5.8 KiB
Dart
165 lines
No EOL
5.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'dart:async';
|
|
|
|
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<Organisation> dialog(context) {
|
|
bool _searchEnabled = false;
|
|
TextEditingController searchBarText = new TextEditingController();
|
|
var organisations = new Organisations();
|
|
var listTitle = "All Organisations";
|
|
var organisationsList = organisations.getTestData();
|
|
|
|
Future<int> _submitSearch(String search) async {
|
|
_searchEnabled = false;
|
|
listTitle = "Results for \'" + search + "\'";
|
|
|
|
var futureOrgs = await organisations.findOrganisations(search);
|
|
// futureOrgs.then((value) {
|
|
debugPrint("There are " + futureOrgs.length.toString() +
|
|
" payees matching the query \'" + search + "\'.");
|
|
organisationsList = futureOrgs;
|
|
_searchEnabled = true;
|
|
return futureOrgs.length;
|
|
// });
|
|
}
|
|
|
|
_chosenOrg(Organisation chosen) {
|
|
debugPrint(chosen.name + " tapped");
|
|
}
|
|
|
|
return showDialog<Organisation>(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
|
|
builder: (BuildContext context) {
|
|
return StatefulBuilder(
|
|
builder: (context, setState) {
|
|
return SimpleDialog(
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 140,
|
|
height: 50,
|
|
child: TextField(
|
|
controller: searchBarText,
|
|
decoration: InputDecoration(
|
|
hintText: "Payee Name",
|
|
),
|
|
onChanged: (value) {
|
|
if (value.length > 0) {
|
|
_searchEnabled = true;
|
|
} else {
|
|
_searchEnabled = false;
|
|
}
|
|
setState(() => {});
|
|
},
|
|
onSubmitted: (value) {
|
|
if (_searchEnabled) {
|
|
var result = _submitSearch(searchBarText.text);
|
|
result.then((_) {
|
|
setState(() {});
|
|
});
|
|
}
|
|
},
|
|
),
|
|
),
|
|
|
|
Container(
|
|
width: 80,
|
|
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
|
child: IgnorePointer(
|
|
ignoring: _searchEnabled,
|
|
child: RaisedButton(
|
|
onPressed: () {
|
|
_submitSearch(searchBarText.text);
|
|
setState(() => {});
|
|
},
|
|
|
|
child: Icon(Icons.search, color: Colors.white),
|
|
color: _searchEnabled ? Colors.blue : Colors.blue[200],
|
|
// make inactive when search in progress as activity indicator
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
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: (){
|
|
_chosenOrg(organisationsList[index]);
|
|
},
|
|
onLongPress: (){
|
|
// show more details about the organisation in a new dialog
|
|
|
|
},
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
|
|
|
|
// help button for if org not listed
|
|
// cancel and ok buttons
|
|
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
} |