jonaszbigda/menui_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

data types | services class | fetch functions | dish and restaurant classes | searchtrext controller

Browse Source
This commit is contained in:
Jonasz Bigda
2020-10-13 20:12:31 +02:00
parent e025484cab
commit ff1eb52898
5 changed files with 335 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
lib/components.dart
View File

@@ -1,7 +1,4 @@
import 'dart:convert';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
class RestaurantCard extends StatelessWidget { class RestaurantCard extends StatelessWidget {
RestaurantCard( RestaurantCard(
@@ -61,135 +58,3 @@ class RestaurantCard extends StatelessWidget {
); );
} }
} }
class MenuiSearchBar extends StatefulWidget {
@override
MenuiSearchBarState createState() {
return MenuiSearchBarState();
}
}
class MenuiSearchBarState extends State<MenuiSearchBar> {
final _formKey = GlobalKey<FormState>();
var suggestions = <String>[];
bool suggestionsOpen = false;
final LayerLink layerLink = LayerLink();
OverlayEntry _overlayEntry;
Future<void> fetchAutocomplete(text) async {
final response = await http.get(
'https://menui.azurewebsites.net/search/autocomplete?string=$text');
final cities = jsonDecode(response.body)['cities'];
final restaurants = jsonDecode(response.body)['restaurants'];
final List<String> result = [...cities, ...restaurants];
setState(() {
suggestions = result;
});
if (!suggestionsOpen && result.isNotEmpty) {
setState(() {
suggestionsOpen = true;
});
_overlayEntry = _createOverlayEntry();
Overlay.of(context).insert(_overlayEntry);
}
print(suggestions);
}
void hideSuggestions() {
if (suggestionsOpen) {
_overlayEntry.remove();
setState(() {
suggestionsOpen = false;
});
}
}
OverlayEntry _createOverlayEntry() {
RenderBox renderBox = context.findRenderObject();
var size = renderBox.size;
return OverlayEntry(
builder: (context) => GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
hideSuggestions();
},
child: Align(
alignment: Alignment.topCenter,
child: Stack(
children: [
Positioned(
width: size.width,
child: CompositedTransformFollower(
offset: Offset(0.0, size.height + 5.0),
link: layerLink,
showWhenUnlinked: false,
child: Material(
color: Colors.grey[800],
elevation: 4.0,
child: ConstrainedBox(
constraints: new BoxConstraints(maxHeight: 200),
child: ListView.builder(
padding: EdgeInsets.zero,
shrinkWrap: true,
itemCount: suggestions.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(
suggestions[index],
style: TextStyle(color: Colors.orange),
),
);
}),
),
),
),
)
],
))));
}
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: CompositedTransformTarget(
link: layerLink,
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(12),
child: TextFormField(
onChanged: (text) => fetchAutocomplete(text),
style: TextStyle(color: Colors.orange),
decoration: InputDecoration(
hintStyle: TextStyle(color: Colors.grey),
enabledBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.grey, width: 1.0),
borderRadius: BorderRadius.circular(12)),
focusedBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.orange, width: 2.0),
borderRadius: BorderRadius.circular(12)),
hintText: 'Wyszukaj miasto lub nazwę restauracji.',
suffixIcon: Icon(
Icons.search,
color: Colors.orange,
)),
validator: (value) {
if (value.isEmpty) {
return 'Wpisz coś w pole wyszukiwania.';
}
return null;
},
cursorColor: Colors.orange,
),
),
],
),
));
}
}

148
lib/components/searchBar.dart Normal file
View File

@@ -0,0 +1,148 @@
import 'package:flutter/material.dart';
import '../services.dart';
class MenuiSearchBar extends StatefulWidget {
@override
MenuiSearchBarState createState() {
return MenuiSearchBarState();
}
}
class MenuiSearchBarState extends State<MenuiSearchBar> {
final MenuiServices services = new MenuiServices();
final _formKey = GlobalKey<FormState>();
final LayerLink layerLink = LayerLink();
OverlayEntry _overlayEntry;
final _controller = TextEditingController();
var suggestions = <String>[];
bool suggestionsOpen = false;
Future<void> fetchAutocomplete(text) async {
final List<String> results = await services.fetchAutocomplete(text);
setState(() {
suggestions = results;
});
if (!suggestionsOpen && results.isNotEmpty) {
setState(() {
suggestionsOpen = true;
});
_overlayEntry = _createOverlayEntry();
Overlay.of(context).insert(_overlayEntry);
}
print(suggestions);
}
Future<void> searchRestaurantsByString() async {
final List<Restaurant> results =
await services.fetchSearchByString(_controller.text);
}
void hideSuggestions() {
if (suggestionsOpen) {
_overlayEntry.remove();
setState(() {
suggestionsOpen = false;
});
}
}
OverlayEntry _createOverlayEntry() {
RenderBox renderBox = context.findRenderObject();
var size = renderBox.size;
return OverlayEntry(
builder: (context) => GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
hideSuggestions();
},
child: Align(
alignment: Alignment.topCenter,
child: Stack(
children: [
Positioned(
width: size.width,
child: CompositedTransformFollower(
offset: Offset(0.0, size.height + 5.0),
link: layerLink,
showWhenUnlinked: false,
child: Material(
color: Colors.grey[800],
elevation: 4.0,
child: ConstrainedBox(
constraints: new BoxConstraints(maxHeight: 200),
child: ListView.builder(
padding: EdgeInsets.zero,
shrinkWrap: true,
itemCount: suggestions.length,
itemBuilder: (context, index) {
return ListTile(
onTap: () {
_controller.text = suggestions[index];
},
title: Text(
suggestions[index],
style: TextStyle(color: Colors.orange),
),
);
}),
),
),
),
)
],
))));
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: CompositedTransformTarget(
link: layerLink,
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(12),
child: TextFormField(
controller: _controller,
onChanged: (text) => fetchAutocomplete(text),
style: TextStyle(color: Colors.orange),
decoration: InputDecoration(
hintStyle: TextStyle(color: Colors.grey),
enabledBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.grey, width: 1.0),
borderRadius: BorderRadius.circular(12)),
focusedBorder: OutlineInputBorder(
borderSide:
BorderSide(color: Colors.orange, width: 2.0),
borderRadius: BorderRadius.circular(12)),
hintText: 'Wyszukaj miasto lub nazwę restauracji.',
suffixIcon: Icon(
Icons.search,
color: Colors.orange,
)),
validator: (value) {
if (value.isEmpty) {
return 'Wpisz coś w pole wyszukiwania.';
}
return null;
},
cursorColor: Colors.orange,
),
),
],
),
));
}
}

1
lib/dataTypes.dart
View File

@@ -1 +0,0 @@

2
lib/main.dart
View File

@@ -1,5 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'components.dart'; import 'components/searchBar.dart';
void main() { void main() {
runApp(App()); runApp(App());

186
lib/services.dart Normal file
View File

@@ -0,0 +1,186 @@
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:flutter/foundation.dart';
class MenuiServices {
final String backendURL = 'https://menui.azurewebsites.net/';
Future<List<String>> fetchAutocomplete(String text) async {
final response =
await http.get('${backendURL}search/autocomplete?string=$text');
if (response.statusCode == 200 || response.statusCode == 304) {
final List<String> cities = jsonDecode(response.body)['cities'];
final List<String> restaurants = jsonDecode(response.body)['restaurants'];
final List<String> result = [...cities, ...restaurants];
return result;
} else {
print("coś tu nie zagrało podczas pobierania sugestii");
return [];
}
}
Future<Dish> fetchDish(String id) async {
final response = await http.get('${backendURL}dish?dishId=$id');
if (response.statusCode == 200 || response.statusCode == 304) {
final decoded = jsonDecode(response.body);
final result = new Dish(
id: decoded['_id'],
restaurantId: decoded['restaurantId'],
name: decoded['name'],
category: decoded['category']);
return result;
} else {
throw "Nie udało się pobrać";
}
}
Future<List<Restaurant>> fetchSearchByString(String text) async {
final response = await http.get('${backendURL}search?string=$text');
if (response.statusCode == 200 || response.statusCode == 304) {
final List decoded = jsonDecode(response.body);
List<Restaurant> results;
for (var restaurant in decoded) {
final result = new Restaurant(
id: restaurant['_id'],
name: restaurant['name'],
city: restaurant['city'],
adress: restaurant['adress'],
coordinates: restaurant['coordinates'],
imgUrl: restaurant['imgUrl']);
results.add(result);
print(result.name);
}
return results;
} else {
return [];
}
}
}
// DATA TYPES
class Restaurant {
String id;
String name;
String city;
String adress;
List coordinates;
String placesId;
String imgUrl;
MenuiWorkingHours workingHours;
String description;
MenuiTags tags;
MenuiLinks links;
String phone;
List categories;
String lunchHours;
MenuiLunchMenu lunchMenu;
List dishes;
Restaurant(
{@required this.id,
@required this.name,
@required this.city,
@required this.adress,
@required this.coordinates,
this.placesId,
@required this.imgUrl,
this.workingHours,
this.description,
this.tags,
this.links,
this.phone,
this.categories,
this.lunchHours,
this.lunchMenu,
this.dishes});
}
class Dish {
String id;
String restaurantId;
String name;
String category;
String price;
String notes;
String imgUrl;
String weight;
MenuiAllergens allergens;
String ingredients;
String glicemicIndex;
String kCal;
bool vegan;
bool vegetarian;
Dish(
{@required this.id,
@required this.restaurantId,
@required this.name,
@required this.category,
this.price,
this.notes,
this.imgUrl,
this.weight,
this.allergens,
this.ingredients,
this.glicemicIndex,
this.kCal,
this.vegan,
this.vegetarian});
}
class MenuiAllergens {
bool gluten;
bool lactose;
bool soy;
bool eggs;
bool seaFood;
bool peanuts;
bool sesame;
MenuiAllergens(this.gluten, this.lactose, this.soy, this.eggs, this.seaFood,
this.peanuts, this.sesame);
}
class MenuiLunchMenu {
String lunchSetName;
String lunchSetPrice;
List lunchSetDishes;
MenuiLunchMenu(this.lunchSetName, this.lunchSetPrice, this.lunchSetDishes);
}
class MenuiLinks {
String facebook;
String instagram;
String www;
MenuiLinks(this.facebook, this.instagram, this.www);
}
class MenuiTags {
bool cardPayments;
bool petFriendly;
bool glutenFree;
bool vegan;
bool vegetarian;
bool alcohol;
bool delivery;
MenuiTags(this.cardPayments, this.petFriendly, this.glutenFree, this.vegan,
this.vegetarian, this.alcohol, this.delivery);
}
class MenuiWorkingHours {
String pn;
String wt;
String sr;
String cz;
String pt;
String sb;
String nd;
MenuiWorkingHours(
this.pn, this.wt, this.sr, this.cz, this.pt, this.sb, this.nd);
}