124 lines
4.5 KiB
Dart
124 lines
4.5 KiB
Dart
import 'dart:developer';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:rogapp/pages/destination/destination_controller.dart';
|
|
import 'package:rogapp/pages/index/index_controller.dart';
|
|
import 'package:rogapp/routes/app_pages.dart';
|
|
import 'package:timeline_tile/timeline_tile.dart';
|
|
|
|
|
|
class DestinationPage extends StatefulWidget {
|
|
DestinationPage({ Key? key }) : super(key: key);
|
|
|
|
@override
|
|
State<DestinationPage> createState() => _DestinationPageState();
|
|
}
|
|
|
|
class _DestinationPageState extends State<DestinationPage> {
|
|
final DestinationController destinationController = Get.find<DestinationController>();
|
|
|
|
final IndexController indexController = Get.find<IndexController>();
|
|
|
|
final List<int> _items = List<int>.generate(50, (int index) => index);
|
|
|
|
Image getImage(int index){
|
|
if(destinationController.destinations[index]["location"]["properties"]["photos"] == null || destinationController.destinations[index]["location"]["properties"]["photos"] == ""){
|
|
return Image(image: AssetImage('assets/images/empty_image.png'));
|
|
}
|
|
else{
|
|
return Image(image: NetworkImage(destinationController.destinations[index]["location"]["properties"]["photos"]));
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final ColorScheme colorScheme = Theme.of(context).colorScheme;
|
|
final Color oddItemColor = colorScheme.primary.withOpacity(0.05);
|
|
final Color evenItemColor = colorScheme.primary.withOpacity(0.15);
|
|
return Scaffold(
|
|
bottomNavigationBar: BottomAppBar(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Expanded(child: IconButton(icon: const Icon(Icons.camera_enhance), onPressed: (){},),),
|
|
const Expanded(child: Text('')),
|
|
Expanded(child: IconButton(icon: const Icon(Icons.travel_explore), onPressed: (){
|
|
if(indexController.currentUser.isNotEmpty){
|
|
Get.toNamed(AppPages.TRAVEL);
|
|
}
|
|
else{
|
|
Get.toNamed(AppPages.LOGIN);
|
|
}
|
|
}),),
|
|
],
|
|
),
|
|
),
|
|
floatingActionButton: FloatingActionButton(
|
|
onPressed: (){
|
|
indexController.toggleMode();
|
|
if(indexController.currentCat.isNotEmpty){
|
|
print("###############");
|
|
print(indexController.currentCat[0].toString());
|
|
}
|
|
|
|
},
|
|
tooltip: 'Increment',
|
|
child: const Icon(Icons.document_scanner),
|
|
elevation: 4.0,
|
|
),
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
|
|
appBar:AppBar(
|
|
title: Text("Iternery"),
|
|
),
|
|
body:Obx(() =>
|
|
ReorderableListView.builder(
|
|
itemCount: destinationController.destinations.length,
|
|
onReorder: (int oldIndex, int newIndex){
|
|
int action_id = destinationController.destinations[oldIndex]["id"] as int;
|
|
//print(action_id);
|
|
if(oldIndex > newIndex){
|
|
destinationController.makeOrder(context, action_id, newIndex, "up");
|
|
}
|
|
else if(oldIndex < newIndex){
|
|
destinationController.makeOrder(context, action_id, newIndex, "down");
|
|
}
|
|
|
|
},
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return TimelineTile(
|
|
alignment: TimelineAlign.manual,
|
|
lineXY: 0.2,
|
|
isFirst: index == 0 ? true : false,
|
|
indicatorStyle: IndicatorStyle(
|
|
color: Colors.red //index == 0 ? (Colors.red)! : (Colors.grey[400])!
|
|
),
|
|
key: Key(index.toString()),
|
|
endChild: Card(
|
|
child: Container(
|
|
constraints: const BoxConstraints(
|
|
minHeight: 80,
|
|
),
|
|
child: ListTile(
|
|
leading: getImage(index),
|
|
title: Text(destinationController.destinations[index]["location"]["properties"]["location_name"]),
|
|
subtitle: Text(destinationController.destinations[index]["location"]["properties"]["category"]),
|
|
),
|
|
),
|
|
|
|
),
|
|
startChild: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
Text(destinationController.matrix["rows"][0]["elements"][index]["distance"]["text"].toString()),
|
|
Text(destinationController.matrix["rows"][0]["elements"][index]["duration"]["text"].toString())
|
|
],
|
|
),
|
|
);
|
|
}
|
|
)
|
|
)
|
|
);
|
|
|
|
}
|
|
} |