josiadmin/flutter_tank_web_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pre final ad services and correct call the services async

Browse Source
This commit is contained in:
Josef Seiringer
2026-02-20 09:51:03 +01:00
parent 8349e2b496
commit 46f7416781
7 changed files with 479 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
lib/pages/gasstations_view.dart
View File

@@ -1,6 +1,7 @@
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../controller/gasstations_controller.dart';
import '../widgets/gasstation_card_widget.dart';
class GasstationsPage extends GetView<GasstationsController> {
static const String namedRoute = '/gasstations-page';
@@ -9,43 +10,161 @@ class GasstationsPage extends GetView<GasstationsController> {
@override
Widget build(BuildContext context) {
var staCtrl = controller;
return Scaffold(
appBar: AppBar(
toolbarHeight: 100,
backgroundColor: Colors.blueGrey,
foregroundColor: Colors.white,
title: const Text('Gas Stations'),
),
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.blueGrey[800]!,
Colors.blueGrey[600]!,
Colors.blueGrey[300]!,
Colors.blue[100]!,
return SafeArea(
child: Scaffold(
appBar: AppBar(
backgroundColor: Colors.blueGrey[800],
foregroundColor: Colors.white,
elevation: 0,
title: const Row(
children: [
Icon(Icons.local_gas_station, size: 28),
SizedBox(width: 12),
Text(
'Tankstellen',
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22),
),
],
),
),
child: Center(
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.blueGrey[800]!,
Colors.blueGrey[600]!,
Colors.blueGrey[400]!,
Colors.blueGrey[200]!,
],
),
),
child: Obx(() {
if (staCtrl.isLoading.value) {
return const CircularProgressIndicator();
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
strokeWidth: 3,
),
const SizedBox(height: 20),
Text(
'Lade Tankstellen...',
style: TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
],
),
);
} else if (staCtrl.eControlData.isEmpty) {
return const Text('No gas stations found.');
return Center(
child: Container(
margin: const EdgeInsets.all(24),
padding: const EdgeInsets.all(32),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 10,
offset: const Offset(0, 5),
),
],
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.search_off,
size: 64,
color: Colors.blueGrey[300],
),
const SizedBox(height: 16),
Text(
'Keine Tankstellen gefunden',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
color: Colors.blueGrey[800],
),
),
const SizedBox(height: 8),
Text(
'Bitte überprüfen Sie Ihre Standortfreigabe',
style: TextStyle(fontSize: 14, color: Colors.grey[600]),
textAlign: TextAlign.center,
),
],
),
),
);
} else {
return ListView.builder(
itemCount: staCtrl.eControlData.length,
itemBuilder: (context, index) {
final station = staCtrl.eControlData[index];
return ListTile(
title: Text(station.name ?? 'Unknown Station'),
subtitle: Text(station.location?.address ?? 'No address'),
trailing: Text(station.open == true ? 'Open' : 'Closed'),
);
},
return Column(
children: [
// Info Header
Container(
padding: const EdgeInsets.all(16),
child: Container(
padding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.95),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.info_outline,
color: Colors.blueGrey[700],
size: 20,
),
const SizedBox(width: 8),
Text(
'Top 5 von ${staCtrl.eControlData.length} Tankstellen',
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: Colors.blueGrey[800],
),
),
],
),
),
),
// List
Expanded(
child: ListView.builder(
padding: const EdgeInsets.only(bottom: 16),
itemCount: staCtrl.eControlData.length > 5
? 5
: staCtrl.eControlData.length,
itemBuilder: (context, index) {
return GasStationCard(
station: staCtrl.eControlData[index],
index: index,
);
},
),
),
],
);
}
}),