228 lines
9.5 KiB
Dart
228 lines
9.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:rogapp/model/destination.dart';
|
|
import 'package:rogapp/model/gps_data.dart';
|
|
import 'package:rogapp/pages/destination/destination_controller.dart';
|
|
import 'package:rogapp/pages/drawer/drawer_page.dart';
|
|
import 'package:rogapp/pages/index/index_controller.dart';
|
|
import 'package:rogapp/routes/app_pages.dart';
|
|
import 'package:rogapp/services/DatabaseService.dart';
|
|
import 'package:rogapp/utils/database_gps.dart';
|
|
import 'package:rogapp/utils/database_helper.dart';
|
|
import 'package:rogapp/widgets/list_widget.dart';
|
|
import 'package:rogapp/widgets/map_widget.dart';
|
|
import 'package:rogapp/utils/location_controller.dart';
|
|
|
|
// index_page.dartファイルの主な内容です。
|
|
// このファイルは、アプリのメインページのUIを構築し、各機能へのナビゲーションを提供しています。
|
|
// また、IndexControllerとDestinationControllerを使用して、状態管理と各種機能の実装を行っています。
|
|
//
|
|
// MapWidgetとListWidgetは、それぞれ別のファイルで定義されているウィジェットであり、マップモードとリストモードの表示を担当しています。
|
|
//
|
|
// 全体的に、index_page.dartはアプリのメインページの構造を定義し、他のコンポーネントやページへの橋渡しを行っているファイルです。
|
|
//
|
|
|
|
|
|
// IndexPageクラスは、GetView<IndexController>を継承したStatelessWidgetです。このクラスは、アプリのメインページを表すウィジェットです。
|
|
//
|
|
class IndexPage extends GetView<IndexController> {
|
|
IndexPage({Key? key}) : super(key: key);
|
|
|
|
// IndexControllerとDestinationControllerのインスタンスを取得しています。
|
|
//
|
|
final LocationController locationController = Get.find<LocationController>();
|
|
final IndexController indexController = Get.find<IndexController>();
|
|
final DestinationController destinationController =
|
|
Get.find<DestinationController>();
|
|
|
|
// buildメソッドは、ウィジェットのUIを構築するメソッドです。
|
|
// ここでは、WillPopScopeウィジェットを使用して、端末の戻るボタンが押された際の動作を制御しています。
|
|
//
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return WillPopScope(
|
|
onWillPop: () async => false,
|
|
child: Scaffold(
|
|
//
|
|
// Scaffoldウィジェットを使用して、アプリのメインページのレイアウトを構築しています。
|
|
//
|
|
drawer: DrawerPage(),
|
|
appBar: AppBar(
|
|
title: Text("add_location".tr),
|
|
actions: [
|
|
// IconButton(
|
|
// onPressed: () {
|
|
// DatabaseService ds = DatabaseService();
|
|
// ds.updateDatabase();
|
|
// },
|
|
// icon: const Icon(Icons.ten_k_sharp)),
|
|
|
|
//
|
|
// AppBarには、タイトルとアクションアイコンが含まれています。
|
|
// アクションアイコンには、GPSデータの表示、履歴の表示、マップの更新、検索などの機能が含まれています。
|
|
//
|
|
IconButton(
|
|
onPressed: () async {
|
|
// GpsDatabaseHelper db = GpsDatabaseHelper.instance;
|
|
// List<GpsData> data = await db.getGPSData(
|
|
// indexController.currentUser[0]["user"]['team_name'],
|
|
// indexController.currentUser[0]["user"]["event_code"]);
|
|
// print("GPS data is ${data.length}");
|
|
Get.toNamed(AppPages.GPS);
|
|
},
|
|
icon: const Icon(Icons.telegram)),
|
|
IconButton(
|
|
onPressed: () {
|
|
Get.toNamed(AppPages.HISTORY);
|
|
},
|
|
icon: const Icon(Icons.history)),
|
|
IconButton(
|
|
onPressed: () {
|
|
final tk = indexController.currentUser[0]["token"];
|
|
if (tk != null) {
|
|
destinationController.fixMapBound(tk);
|
|
}
|
|
},
|
|
icon: const Icon(Icons.refresh)),
|
|
InkWell(
|
|
onTap: () {
|
|
Get.toNamed(AppPages.SEARCH);
|
|
},
|
|
child: Container(
|
|
height: 32,
|
|
width: 75,
|
|
decoration: BoxDecoration(
|
|
color: Colors.blue,
|
|
borderRadius: BorderRadius.circular(25),
|
|
),
|
|
child: const Center(
|
|
child: Icon(Icons.search),
|
|
),
|
|
),
|
|
),
|
|
//CatWidget(indexController: indexController,),
|
|
//
|
|
// デバッグ時のみリロードボタンの横にGPS信号レベルの設定ボタンを設置し、
|
|
// タップすることでGPS信号の強弱をシミュレーションできるようにする
|
|
// Akira 2024-4-5
|
|
//
|
|
Obx(
|
|
() => destinationController.isSimulationMode.value
|
|
? DropdownButton<String>(
|
|
value: locationController.getSimulatedSignalStrength(),
|
|
onChanged: (value) {
|
|
locationController.setSimulatedSignalStrength(value!);
|
|
},
|
|
items: ['high', 'medium', 'low']
|
|
.map<DropdownMenuItem<String>>((String value) {
|
|
return DropdownMenuItem<String>(
|
|
value: value,
|
|
child: Text(value),
|
|
);
|
|
}).toList(),
|
|
)
|
|
: Container(),
|
|
),
|
|
],
|
|
),
|
|
// bottomNavigationBar: BottomAppBar(
|
|
// child: Row(
|
|
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
// children: <Widget>[
|
|
// Obx(
|
|
// () => destinationController.isInRog.value == true
|
|
// ? IconButton(
|
|
// onPressed: () {},
|
|
// icon: const Icon(
|
|
// Icons.run_circle,
|
|
// size: 44,
|
|
// color: Colors.green,
|
|
// ))
|
|
// : IconButton(
|
|
// onPressed: () {},
|
|
// icon: const Icon(
|
|
// Icons.run_circle,
|
|
// size: 44,
|
|
// color: Colors.black12,
|
|
// )),
|
|
// ),
|
|
// Padding(
|
|
// padding:
|
|
// const EdgeInsets.only(right: 10.0, top: 4.0, bottom: 4.0),
|
|
// child: InkWell(
|
|
// child: Obx(() => destinationController
|
|
// .isGpsSelected.value ==
|
|
// true
|
|
// ? Padding(
|
|
// padding: const EdgeInsets.only(
|
|
// right: 10.0, top: 4.0, bottom: 4.0),
|
|
// child: InkWell(
|
|
// child: const Image(
|
|
// image:
|
|
// AssetImage('assets/images/route3_off.png'),
|
|
// width: 35,
|
|
// height: 35,
|
|
// ),
|
|
// onTap: () {
|
|
// //indexController.switchPage(AppPages.TRAVEL);
|
|
// },
|
|
// ),
|
|
// )
|
|
// : Padding(
|
|
// padding: const EdgeInsets.only(
|
|
// right: 10.0, top: 4.0, bottom: 4.0),
|
|
// child: InkWell(
|
|
// child: const Image(
|
|
// image:
|
|
// AssetImage('assets/images/route2_on.png'),
|
|
// width: 35,
|
|
// height: 35,
|
|
// ),
|
|
// onTap: () {
|
|
// //indexController.switchPage(AppPages.TRAVEL);
|
|
// },
|
|
// ),
|
|
// ))),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
|
|
//
|
|
// マップモードとリストモードを切り替えるためのボタンです。
|
|
//
|
|
floatingActionButton: FloatingActionButton(
|
|
onPressed: () {
|
|
indexController.toggleMode();
|
|
},
|
|
elevation: 1.0,
|
|
//
|
|
// Obxウィジェットを使用して、indexController.mode.valueの値に基づいて、MapWidgetまたはListWidgetを表示しています。
|
|
//
|
|
child: Obx(
|
|
() => indexController.mode.value == 0
|
|
? const Image(image: AssetImage('assets/images/list2.png'))
|
|
: const Image(image: AssetImage('assets/images/map.png')),
|
|
),
|
|
),
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
|
//
|
|
// bodyには、SafeAreaウィジェットを使用して、画面の安全な領域内にUIを構築しています。
|
|
//
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
Expanded(
|
|
child: Obx(
|
|
() => indexController.mode.value == 0
|
|
? MapWidget()
|
|
: const ListWidget(),
|
|
))
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|