Essen auswählen
Stand jetzt: essen von der Website gezogen: Schöner: Warten auf API-Key
This commit is contained in:
Jonas Braus
+104
-93
@@ -1,8 +1,10 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
|
||||
import 'package:mensaapp/modules/fetchMenu.dart';
|
||||
import 'package:mensaapp/modules/ratingEmote.dart';
|
||||
import 'package:mensaapp/modules/ratingStars.dart';
|
||||
import 'package:mensaapp/providers/essenProvider.dart';
|
||||
import 'package:mensaapp/providers/pageProvider.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class PageEssen extends StatelessWidget {
|
||||
@@ -14,103 +16,112 @@ class PageEssen extends StatelessWidget {
|
||||
body: Stack(
|
||||
children: [
|
||||
// Hintergrundbild
|
||||
Container(
|
||||
width: 1600,
|
||||
height: 750,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/backgrounds/Essen.jpg"),
|
||||
fit: BoxFit.cover, // Deckt den gesamten Bildschirm ab
|
||||
colorFilter: ColorFilter.mode(
|
||||
Colors.white.withOpacity(0.2),
|
||||
BlendMode.dstATop,
|
||||
),
|
||||
Container(
|
||||
width: 1600,
|
||||
height: 750,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/backgrounds/Essen.jpg"),
|
||||
fit: BoxFit.cover, // Deckt den gesamten Bildschirm ab
|
||||
colorFilter: ColorFilter.mode(
|
||||
Colors.white.withOpacity(0.2),
|
||||
BlendMode.dstATop,
|
||||
),
|
||||
),
|
||||
),
|
||||
// Vordergrundinhalte
|
||||
Center(
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.8),
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(80),
|
||||
bottomRight: Radius.circular(80)
|
||||
)
|
||||
),
|
||||
height: 400,
|
||||
width: 600,
|
||||
padding: EdgeInsets.symmetric(horizontal: 20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"Geschmack*",
|
||||
style: TextStyle(fontSize: 35),
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return RatingStars(
|
||||
onRate: (value) {
|
||||
essenProvider.setRatingGeschmack(value);
|
||||
},
|
||||
initRating: essenProvider.ratingGeschmack,
|
||||
);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"Qualität*",
|
||||
style: TextStyle(fontSize: 35),
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return RatingStars(
|
||||
onRate: (value) {
|
||||
essenProvider.setRatingQuali(value);
|
||||
},
|
||||
initRating: essenProvider.ratingQuali,
|
||||
);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
const SizedBox(
|
||||
height: 50,
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return TextFormField(
|
||||
initialValue: essenProvider.freiText,
|
||||
onChanged: (value) {
|
||||
essenProvider.setFreiText(value);
|
||||
},
|
||||
autofocus: false,
|
||||
maxLength: 500,
|
||||
maxLines: 4,
|
||||
decoration: InputDecoration(
|
||||
labelText: "Dein Feedback (optional)",
|
||||
labelStyle: const TextStyle(fontSize: 20),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
),
|
||||
style: TextStyle(fontSize: 20),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
// Vordergrundinhalte
|
||||
|
||||
Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Consumer<PageProvider>(
|
||||
builder: (context, pageProvider, child) {
|
||||
return Text(pageProvider.selectedEssenName, style: const TextStyle(fontSize: 40),);
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 30,),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.8),
|
||||
borderRadius: const BorderRadius.only(
|
||||
topLeft: Radius.circular(80),
|
||||
bottomRight: Radius.circular(80))),
|
||||
height: 400,
|
||||
width: 600,
|
||||
padding: EdgeInsets.symmetric(horizontal: 20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"Geschmack*",
|
||||
style: TextStyle(fontSize: 35),
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return RatingStars(
|
||||
onRate: (value) {
|
||||
essenProvider.setRatingGeschmack(value);
|
||||
},
|
||||
initRating: essenProvider.ratingGeschmack,
|
||||
);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"Qualität*",
|
||||
style: TextStyle(fontSize: 35),
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return RatingStars(
|
||||
onRate: (value) {
|
||||
essenProvider.setRatingQuali(value);
|
||||
},
|
||||
initRating: essenProvider.ratingQuali,
|
||||
);
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
const SizedBox(
|
||||
height: 50,
|
||||
),
|
||||
Consumer<EssenProvider>(
|
||||
builder: (context, essenProvider, child) {
|
||||
return TextFormField(
|
||||
initialValue: essenProvider.freiText,
|
||||
onChanged: (value) {
|
||||
essenProvider.setFreiText(value);
|
||||
},
|
||||
autofocus: false,
|
||||
maxLength: 500,
|
||||
maxLines: 4,
|
||||
decoration: InputDecoration(
|
||||
labelText: "Dein Feedback (optional)",
|
||||
labelStyle: const TextStyle(fontSize: 20),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
),
|
||||
),
|
||||
style: TextStyle(fontSize: 20),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
],
|
||||
),
|
||||
);
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mensaapp/modules/fetchMenu.dart';
|
||||
import 'package:mensaapp/providers/pageProvider.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class PageEssenSelect extends StatelessWidget {
|
||||
const PageEssenSelect({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
List<String> menus = [];
|
||||
|
||||
Future<void> fetchMenu() async {
|
||||
menus = await FetchMenu.get();
|
||||
}
|
||||
|
||||
return FutureBuilder(
|
||||
future: fetchMenu(),
|
||||
builder: (context, snapshot) {
|
||||
return Scaffold(
|
||||
body: Stack(
|
||||
children: [
|
||||
Container(
|
||||
width: 1600,
|
||||
height: 750,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/backgrounds/Essen.jpg"),
|
||||
fit: BoxFit.cover, // Deckt den gesamten Bildschirm ab
|
||||
colorFilter: ColorFilter.mode(
|
||||
Colors.white.withOpacity(0.2),
|
||||
BlendMode.dstATop,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Center(
|
||||
child: Container(
|
||||
child: Wrap(
|
||||
direction: Axis.horizontal,
|
||||
alignment: WrapAlignment.center,
|
||||
runSpacing: 50,
|
||||
spacing: 50,
|
||||
children: [
|
||||
for (int i = 0; i < menus.length; i++)
|
||||
FilledButton.icon(
|
||||
style: ButtonStyle(padding: WidgetStatePropertyAll(EdgeInsets.all(60))),
|
||||
icon: const Icon(Icons.fastfood_outlined),
|
||||
label: Text("Essen ${i + 1}: ${menus[i]}", style: TextStyle(fontSize: 23),),
|
||||
onPressed: () {
|
||||
Provider.of<PageProvider>(context, listen: false).setSelectedEssen(i + 1, "Essen ${i + 1}: ${menus[i]}");
|
||||
},
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user