120 lines
3.6 KiB
Dart
120 lines
3.6 KiB
Dart
import 'package:dio/dio.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:flutter_typeahead/flutter_typeahead.dart';
|
|
import 'package:photos/core/configuration.dart';
|
|
import 'package:photos/models/location.dart';
|
|
import 'package:photos/ui/loading_widget.dart';
|
|
import 'package:photos/ui/location_search_results_page.dart';
|
|
|
|
class LocationSearchWidget extends StatefulWidget {
|
|
const LocationSearchWidget({
|
|
Key key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
_LocationSearchWidgetState createState() => _LocationSearchWidgetState();
|
|
}
|
|
|
|
class _LocationSearchWidgetState extends State<LocationSearchWidget> {
|
|
String _searchString;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TypeAheadField(
|
|
textFieldConfiguration: TextFieldConfiguration(
|
|
autofocus: true,
|
|
decoration: InputDecoration(
|
|
border: InputBorder.none,
|
|
hintText: 'Search your photos',
|
|
contentPadding: const EdgeInsets.all(0.0),
|
|
),
|
|
),
|
|
hideOnEmpty: true,
|
|
hideOnLoading: true,
|
|
loadingBuilder: (context) {
|
|
return loadWidget;
|
|
},
|
|
debounceDuration: Duration(milliseconds: 0),
|
|
suggestionsCallback: (pattern) async {
|
|
if (pattern.isEmpty) {
|
|
return null;
|
|
}
|
|
_searchString = pattern;
|
|
return Dio()
|
|
.get(
|
|
Configuration.instance.getHttpEndpoint() + "/search/location",
|
|
queryParameters: {
|
|
"query": pattern,
|
|
},
|
|
options: Options(
|
|
headers: {"X-Auth-Token": Configuration.instance.getToken()}),
|
|
)
|
|
.then((response) {
|
|
if (_searchString == pattern) {
|
|
// Query has not changed
|
|
return response.data["results"];
|
|
}
|
|
return null;
|
|
});
|
|
},
|
|
itemBuilder: (context, suggestion) {
|
|
return LocationSearchResultWidget(suggestion['name']);
|
|
},
|
|
onSuggestionSelected: (suggestion) {
|
|
Navigator.pop(context);
|
|
Navigator.of(context).push(MaterialPageRoute(
|
|
builder: (context) => LocationSearchResultsPage(
|
|
ViewPort(
|
|
Location(
|
|
suggestion['geometry']['viewport']['northeast']
|
|
['lat'],
|
|
suggestion['geometry']['viewport']['northeast']
|
|
['lng']),
|
|
Location(
|
|
suggestion['geometry']['viewport']['southwest']
|
|
['lat'],
|
|
suggestion['geometry']['viewport']['southwest']
|
|
['lng'])),
|
|
suggestion['name'],
|
|
)));
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class LocationSearchResultWidget extends StatelessWidget {
|
|
final String name;
|
|
const LocationSearchResultWidget(
|
|
this.name, {
|
|
Key key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: new EdgeInsets.symmetric(vertical: 6.0, horizontal: 6.0),
|
|
margin: EdgeInsets.symmetric(vertical: 6.0),
|
|
child: Column(children: <Widget>[
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: <Widget>[
|
|
Icon(
|
|
Icons.location_on,
|
|
),
|
|
Padding(padding: EdgeInsets.only(left: 20.0)),
|
|
Flexible(
|
|
child: Container(
|
|
child: Text(
|
|
name,
|
|
overflow: TextOverflow.clip,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
]),
|
|
);
|
|
}
|
|
}
|