214 lines
9.5 KiB
Dart
214 lines
9.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:geojson_vi/geojson_vi.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:gifunavi/model/destination.dart';
|
|
import 'package:gifunavi/pages/destination/destination_controller.dart';
|
|
import 'package:gifunavi/pages/index/index_controller.dart';
|
|
import 'package:gifunavi/services/maxtrix_service.dart';
|
|
import 'package:gifunavi/utils/const.dart';
|
|
//import 'package:gifunavi/widgets/bottom_sheets/bottom_sheet_start.dart';
|
|
//import 'package:gifunavi/widgets/bottom_sheets/bottom_sheet_goal.dart';
|
|
//import 'package:gifunavi/widgets/bottom_sheets/bottom_sheet_normal_point.dart';
|
|
import 'package:gifunavi/widgets/bottom_sheet_new.dart';
|
|
|
|
class ListWidget extends StatefulWidget {
|
|
const ListWidget({super.key});
|
|
|
|
@override
|
|
State<ListWidget> createState() => _ListWidgetState();
|
|
}
|
|
|
|
// IndexControllerから目的地のリストを取得し、ListView.builderを使用してリストを表示します。
|
|
// 各リストアイテムは、目的地の画像、名前、カテゴリ、サブロケーションID、現在地からの距離を表示します。
|
|
// リストアイテムがタップされると、changeCurrentFeatureメソッドを呼び出して現在の目的地を更新し、 BottomSheetウィジェットを表示します。
|
|
// 主なロジック：
|
|
// IndexControllerから目的地のリストを取得し、ListView.builderを使用してリストを構築します。
|
|
// getImageメソッドを使用して、目的地の画像を取得し表示します。画像が存在しない場合は、デフォルトの画像を表示します。
|
|
// matrixDistanceメソッドを使用して、現在地から目的地までの距離を計算し表示します。
|
|
// リストアイテムがタップされると、changeCurrentFeatureメソッドを呼び出して現在の目的地を更新し、showModalBottomSheetを使用してBottomSheetウィジェットを表示します。
|
|
//
|
|
class _ListWidgetState extends State<ListWidget> {
|
|
final IndexController indexController = Get.find<IndexController>();
|
|
|
|
final DestinationController destinationController =
|
|
Get.find<DestinationController>();
|
|
|
|
Image getImage(int index) {
|
|
if (indexController.locations[0].features[index]!.properties!["photos"] ==
|
|
null ||
|
|
indexController.locations[0].features[index]!.properties!["photos"] ==
|
|
"") {
|
|
return const Image(image: AssetImage('assets/images/empty_image.png'));
|
|
} else {
|
|
//print("==== photo index is $index ===");
|
|
String serverUrl = ConstValues.currentServer();
|
|
GeoJSONFeature gf = indexController.locations[0].features[index]!;
|
|
String photo = gf.properties!["photos"];
|
|
return Image(
|
|
image: NetworkImage('$serverUrl/media/compressed/$photo'),
|
|
errorBuilder:
|
|
(BuildContext context, Object exception, StackTrace? stackTrace) {
|
|
return Image.asset("assets/images/empty_image.png");
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
// 未使用？
|
|
void changeCurrentFeature(GeoJSONFeature fs) {
|
|
if (indexController.currentFeature.isNotEmpty) {
|
|
indexController.currentFeature.clear();
|
|
}
|
|
indexController.currentFeature.add(fs);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
Destination createDestination(GeoJSONFeature feature) {
|
|
final props = feature.properties;
|
|
GeoJSONMultiPoint pt = feature.geometry as GeoJSONMultiPoint;
|
|
|
|
return Destination(
|
|
cp: props!['cp'],
|
|
lat: pt.coordinates[0][1],
|
|
lon: pt.coordinates[0][0],
|
|
);
|
|
}
|
|
|
|
Future<String> matrixDistance(int i) async {
|
|
// Create two destinations directly from indexController.locations[0].collection
|
|
Destination desCurr = Destination(
|
|
lat: indexController.currentLat, lon: indexController.currentLon);
|
|
//Destination dest1 = createDestination(indexController.locations[0].collection[0]);
|
|
Destination dest2 =
|
|
createDestination(indexController.locations[0].features[i]!);
|
|
|
|
// Get the distance between these two destinations
|
|
final res = await MatrixService.getDestinations([desCurr, dest2]);
|
|
|
|
return res["routes"][0]["legs"][0]["distance"]["text"];
|
|
//print("matrix result is ${i} : ${res["routes"][0]["legs"][0]["distance"]["text"]} ");
|
|
}
|
|
|
|
Future<void> _pullRefresh() async {
|
|
//print("pull to refesh");
|
|
indexController.locations[0].features.sort((a, b) =>
|
|
(a!.properties!['cp'] as Comparable)
|
|
.compareTo(b!.properties!['cp'] as Comparable));
|
|
setState(() {});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
debugPrint("_ListWidgetState");
|
|
return Obx(
|
|
() => indexController.locations.isNotEmpty
|
|
? RefreshIndicator(
|
|
onRefresh: _pullRefresh,
|
|
child: ListView.builder(
|
|
itemCount: indexController.locations[0].features.length,
|
|
shrinkWrap: true,
|
|
itemBuilder: (_, index) {
|
|
bool isFound = false;
|
|
for (Destination d in destinationController.destinations) {
|
|
if (indexController.locations[0].features[index]!
|
|
.properties!['location_id'] ==
|
|
d.location_id) {
|
|
isFound = true;
|
|
break;
|
|
}
|
|
}
|
|
return Card(
|
|
child: ListTile(
|
|
selected: isFound,
|
|
selectedTileColor: Colors.yellow.shade200,
|
|
onTap: () {
|
|
GeoJSONFeature gf =
|
|
indexController.locations[0].features[index]!;
|
|
Destination des =
|
|
destinationController.festuretoDestination(gf);
|
|
changeCurrentFeature(gf);
|
|
|
|
Widget bottomSheet = BottomSheetNew(destination: des);
|
|
/*
|
|
if (des.cp == -1 || des.cp == 0) {
|
|
bottomSheet = BottomSheetStart(destination: des);
|
|
} else if (des.cp == -2 || des.cp == 0) {
|
|
bottomSheet = BottomSheetGoal(destination: des);
|
|
} else {
|
|
bottomSheet = BottomSheetNormalPoint(destination: des);
|
|
}
|
|
*/
|
|
|
|
showModalBottomSheet(
|
|
constraints: BoxConstraints.loose(
|
|
Size(Get.width, Get.height * 0.85)),
|
|
isScrollControlled: true,
|
|
context: context,
|
|
builder: ((context) => bottomSheet ),
|
|
);
|
|
},
|
|
leading: getImage(index),
|
|
title: indexController.locations[0].features[index]!
|
|
.properties!['location_name'] !=
|
|
null
|
|
? Text(indexController.locations[0].features[index]!
|
|
.properties!['location_name']
|
|
.toString())
|
|
: const Text(""),
|
|
subtitle: indexController.locations[0].features[index]!
|
|
.properties!['category'] !=
|
|
null
|
|
? Text(indexController.locations[0].features[index]!
|
|
.properties!['category'])
|
|
: const Text(""),
|
|
trailing: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
indexController.locations[0].features[index]!
|
|
.properties!['sub_loc_id'] !=
|
|
null
|
|
? Text(indexController.locations[0]
|
|
.features[index]!.properties!['sub_loc_id'])
|
|
: const Text(""),
|
|
SizedBox(
|
|
width: 100,
|
|
child: FutureBuilder<String>(
|
|
future: matrixDistance(index),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState ==
|
|
ConnectionState.waiting) {
|
|
return const Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
if (snapshot.hasError) {
|
|
return const Text("-");
|
|
} else {
|
|
return Text(
|
|
snapshot.data ?? '',
|
|
style: const TextStyle(
|
|
color: Colors.red,
|
|
fontWeight: FontWeight.bold),
|
|
);
|
|
}
|
|
},
|
|
),
|
|
)
|
|
],
|
|
)),
|
|
);
|
|
},
|
|
),
|
|
)
|
|
: const SizedBox(
|
|
width: 0,
|
|
height: 0,
|
|
),
|
|
);
|
|
}
|
|
}
|