ente/lib/ui/viewer/search/location_search_widget.dart

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter_typeahead/flutter_typeahead.dart';
import 'package:photos/core/configuration.dart';
import 'package:photos/core/network.dart';
import 'package:photos/models/location.dart';
import 'package:photos/ui/common/loading_widget.dart';
import 'package:photos/ui/viewer/search/location_search_results_page.dart';

class LocationSearchWidget extends StatefulWidget {
  const LocationSearchWidget({
    Key key,
  }) : super(key: key);

  @override
  State<LocationSearchWidget> createState() => _LocationSearchWidgetState();
}

class _LocationSearchWidgetState extends State<LocationSearchWidget> {
  String _searchString;

  @override
  Widget build(BuildContext context) {
    return TypeAheadField(
      textFieldConfiguration: const TextFieldConfiguration(
        autofocus: true,
        decoration: InputDecoration(
          border: InputBorder.none,
          hintText: 'Eg: Rome, Paris, New York',
          contentPadding: EdgeInsets.all(0.0),
        ),
      ),
      hideOnEmpty: true,
      loadingBuilder: (context) {
        return const EnteLoadingWidget();
      },
      suggestionsCallback: (pattern) async {
        if (pattern.isEmpty || pattern.length < 2) {
          return null;
        }
        _searchString = pattern;
        return Network.instance
            .getDio()
            .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: const EdgeInsets.symmetric(vertical: 6.0, horizontal: 6.0),
      margin: const EdgeInsets.symmetric(vertical: 6.0),
      child: Column(
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              const Icon(
                Icons.location_on,
              ),
              const Padding(padding: EdgeInsets.only(left: 20.0)),
              Flexible(
                child: Text(
                  name,
                  overflow: TextOverflow.clip,
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}