324 lines
14 KiB
Dart
324 lines
14 KiB
Dart
import 'package:fforte/screens/addCam/add_cam_main.dart';
|
|
import 'package:fforte/methods/db_helper.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
import 'package:flutter_map/flutter_map.dart';
|
|
import 'package:flutter_slidable/flutter_slidable.dart';
|
|
import 'package:latlong2/latlong.dart';
|
|
// * Site that shows all entries in the databases
|
|
|
|
class ViewCams extends StatefulWidget {
|
|
const ViewCams({super.key});
|
|
|
|
@override
|
|
State<ViewCams> createState() => _ViewCamsState();
|
|
}
|
|
|
|
class _ViewCamsState extends State<ViewCams> {
|
|
// var declaration
|
|
late Future<List<Map<String, dynamic>>> place;
|
|
late Future<List<Map<String, dynamic>>> templates;
|
|
late List<Marker> markers;
|
|
|
|
// loads the entries
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
place = DBHelper().getPlace();
|
|
templates = DBHelper().getTemplates();
|
|
}
|
|
|
|
// functions to delete all entries LOCALLY
|
|
void delAllPlaces() async {
|
|
return showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
title: Text(AppLocalizations.of(context)!.deleteEverything),
|
|
content: SingleChildScrollView(
|
|
child: ListBody(children: <Widget>[
|
|
Text(AppLocalizations.of(context)!.deleteEverythingContent)
|
|
]),
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
onPressed: () {
|
|
var placeDB = DBHelper();
|
|
placeDB.deleteAllPlaces();
|
|
setState(() {
|
|
place = DBHelper().getPlace();
|
|
});
|
|
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: Text(AppLocalizations.of(context)!.deleteEverything)),
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: Text(AppLocalizations.of(context)!.cancel))
|
|
],
|
|
);
|
|
});
|
|
}
|
|
|
|
void delSinglePlace(int id) async {
|
|
DBHelper().deletePlace(id.toString());
|
|
setState(() {
|
|
place = DBHelper().getPlace();
|
|
});
|
|
}
|
|
|
|
void delAllTemplates() async {
|
|
return showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
title: Text(AppLocalizations.of(context)!.deleteEverything),
|
|
content: SingleChildScrollView(
|
|
child: ListBody(children: <Widget>[
|
|
Text(AppLocalizations.of(context)!.deleteEverythingContent)
|
|
]),
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
onPressed: () {
|
|
var placeDB = DBHelper();
|
|
placeDB.deleteAllTemplates();
|
|
setState(() {
|
|
templates = DBHelper().getTemplates();
|
|
});
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: Text(AppLocalizations.of(context)!.deleteEverything)),
|
|
TextButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: Text(AppLocalizations.of(context)!.cancel))
|
|
],
|
|
);
|
|
});
|
|
}
|
|
|
|
// The widet tree with taps to differentiate between templates and finished entries
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DefaultTabController(
|
|
length: 3,
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
bottom: TabBar(tabs: [
|
|
Tab(text: AppLocalizations.of(context)!.completed),
|
|
Tab(
|
|
text: AppLocalizations.of(context)!.uncompleted,
|
|
),
|
|
Tab(
|
|
text: AppLocalizations.of(context)!.map,
|
|
),
|
|
]),
|
|
title: Text(AppLocalizations.of(context)!.viewplacesappbar)),
|
|
body: TabBarView(
|
|
children: [
|
|
FutureBuilder<List<Map<String, dynamic>>>(
|
|
future: place,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const CircularProgressIndicator();
|
|
} else if (snapshot.hasError) {
|
|
return Text('Error: ${snapshot.error}');
|
|
} else {
|
|
List<Map<String, dynamic>> placeList =
|
|
List.of(snapshot.data!);
|
|
return Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.delete),
|
|
onPressed: () {
|
|
delAllPlaces();
|
|
},
|
|
),
|
|
body: Column(
|
|
children: [
|
|
const SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const SizedBox(
|
|
width: 10,
|
|
),
|
|
Text(
|
|
style: const TextStyle(
|
|
decoration: TextDecoration.underline),
|
|
AppLocalizations.of(context)!.placedata),
|
|
],
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
style: const TextStyle(
|
|
decoration: TextDecoration.underline),
|
|
AppLocalizations.of(context)!.sent),
|
|
const SizedBox(
|
|
width: 10,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 15,
|
|
),
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: placeList.length,
|
|
itemBuilder: (context, index) {
|
|
Map<String, dynamic> place =
|
|
snapshot.data![index];
|
|
return Slidable(
|
|
startActionPane: ActionPane(
|
|
motion: const ScrollMotion(),
|
|
children: [
|
|
SlidableAction(
|
|
onPressed: (context) {
|
|
delSinglePlace(
|
|
place['ID'.toString()]);
|
|
},
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
icon: Icons.delete,
|
|
label: AppLocalizations.of(context)!
|
|
.justdelete,
|
|
)
|
|
]),
|
|
child: ListTile(
|
|
title: Text('Standort ${index + 1}'),
|
|
subtitle: Text(
|
|
'ID: ${place['ID']} DATUM: ${place['Datum']}'),
|
|
trailing: Checkbox(
|
|
value: place['Sent'] == 0 ? false : true,
|
|
onChanged: null,
|
|
),
|
|
onTap: () async {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => AddCamMain(
|
|
isSent: place['Sent'] == 1 ? true : false,
|
|
isFinished: true,
|
|
existingData: place,
|
|
)));
|
|
},
|
|
),
|
|
);
|
|
},
|
|
))
|
|
],
|
|
),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
FutureBuilder<List<Map<String, dynamic>>>(
|
|
future: templates,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const CircularProgressIndicator();
|
|
} else if (snapshot.hasError) {
|
|
return Text('Error: ${snapshot.error}');
|
|
} else {
|
|
return Scaffold(
|
|
floatingActionButton: FloatingActionButton(
|
|
child: const Icon(Icons.delete),
|
|
onPressed: () {
|
|
delAllTemplates();
|
|
},
|
|
),
|
|
body: Column(
|
|
children: [
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: snapshot.data!.length,
|
|
itemBuilder: (context, index) {
|
|
Map<String, dynamic> templates =
|
|
snapshot.data![index];
|
|
return ListTile(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
AddCamMain(
|
|
isTemplate: true,
|
|
isFinished: false,
|
|
existingData: templates,
|
|
)));
|
|
},
|
|
title: Text('Place ${index + 1}'),
|
|
subtitle: Text(
|
|
'ID: ${templates['CID']} DATUM: ${templates['Datum']} RUDEL: ${templates['Rudel']} STATUS: ${templates['Status']}'),
|
|
);
|
|
}),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}),
|
|
FutureBuilder(
|
|
future: place,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const CircularProgressIndicator();
|
|
} else if (snapshot.hasError) {
|
|
return Text("Error ${snapshot.error}");
|
|
} else {
|
|
markers = snapshot.data!.map((e) {
|
|
return Marker(
|
|
width: 80.0,
|
|
height: 80.0,
|
|
point: LatLng(double.parse(e['DECLAT'].toString()),
|
|
double.parse(e['DECLNG'].toString())),
|
|
child: Column(
|
|
children: [
|
|
const Icon(
|
|
Icons.location_on,
|
|
color: Colors.red,
|
|
),
|
|
Text(
|
|
"ID: ${e['ID'].toString()}",
|
|
style: const TextStyle(color: Colors.black),
|
|
)
|
|
],
|
|
));
|
|
}).toList();
|
|
return FlutterMap(
|
|
options: MapOptions(
|
|
initialCenter: markers.isEmpty
|
|
? const LatLng(50, 10)
|
|
: markers.first.point,
|
|
interactionOptions: const InteractionOptions(
|
|
flags: InteractiveFlag.pinchZoom |
|
|
InteractiveFlag.drag |
|
|
InteractiveFlag.pinchMove)),
|
|
children: [
|
|
TileLayer(
|
|
urlTemplate:
|
|
'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
|
userAgentPackageName: 'com.example.app',
|
|
),
|
|
MarkerLayer(markers: markers)
|
|
]);
|
|
}
|
|
})
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
}
|