passo_mobile_app/lib/screens/superadmin/stations/stations_screen.dart

290 lines
13 KiB
Dart
Raw Normal View History

import 'package:app_popup_menu/app_popup_menu.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_form_builder/flutter_form_builder.dart';
import 'package:flutter_progress_hud/flutter_progress_hud.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:form_builder_validators/form_builder_validators.dart';
import 'package:searchfield/searchfield.dart';
import 'package:unit2/bloc/rbac/rbac_operations/role/role_bloc.dart';
import 'package:unit2/bloc/rbac/rbac_operations/station/station_bloc.dart';
import 'package:unit2/model/rbac/rbac_station.dart';
import 'package:unit2/screens/superadmin/role/shared_pop_up_menu.dart';
import 'package:unit2/widgets/Leadings/add_leading.dart';
import 'package:unit2/widgets/error_state.dart';
import '../../../model/utils/agency.dart';
import '../../../theme-data.dart/box_shadow.dart';
import '../../../theme-data.dart/btn-style.dart';
import '../../../theme-data.dart/colors.dart';
import '../../../theme-data.dart/form-style.dart';
import '../../../utils/alerts.dart';
import '../../../utils/formatters.dart';
import '../../../utils/global.dart';
import '../../../widgets/empty_data.dart';
class RbacStationScreen extends StatelessWidget {
final int id;
const RbacStationScreen({super.key, required this.id});
@override
Widget build(BuildContext context) {
final agencyFocusNode = FocusNode();
List<RbacStation> stations = [];
final formKey = GlobalKey<FormBuilderState>();
Agency selectedAgency;
return Scaffold(
appBar: AppBar(
centerTitle: true,
backgroundColor: primary,
title: const Text("Station Screen"),
actions: [
AddLeading(onPressed: () {
BuildContext parent = context;
// showDialog(
// context: context,
// builder: (BuildContext context) {
// return AlertDialog(
// title: const Text("Add New Station"),
// content: FormBuilder(
// key: formKey,
// child: Column(
// mainAxisSize: MainAxisSize.min,
// children: [
// FormBuilderTextField(
// name: "object_name",
// decoration: normalTextFieldStyle(
// "Role name *", "Role name "),
// validator: FormBuilderValidators.required(
// errorText: "This field is required"),
// ),
// const SizedBox(
// height: 8,
// ),
// FormBuilderTextField(
// name: "slug",
// decoration: normalTextFieldStyle("Slug ", "Slug"),
// ),
// const SizedBox(
// height: 8,
// ),
// FormBuilderTextField(
// validator: FormBuilderValidators.maxLength(50,
// errorText: "Max characters only 50"),
// name: "shorthand",
// decoration:
// normalTextFieldStyle("Shorthand ", "Shorthand"),
// ),
// const SizedBox(
// height: 12,
// ),
// SizedBox(
// width: double.infinity,
// height: 50,
// child: ElevatedButton(
// style: mainBtnStyle(
// primary, Colors.transparent, second),
// onPressed: () {
// if (formKey.currentState!
// .saveAndValidate()) {
// String name = formKey
// .currentState!.value['object_name'];
// String? slug =
// formKey.currentState!.value['slug'];
// String? short = formKey
// .currentState!.value['shorthand'];
// parent.read<RoleBloc>().add(AddRbacRole(
// id: id,
// name: name,
// shorthand: short,
// slug: slug));
// Navigator.pop(context);
// }
// },
// child: const Text("Add"))),
// ],
// ),
// ),
// );
// });
})
],
),
body: ProgressHUD(
padding: const EdgeInsets.all(24),
backgroundColor: Colors.black87,
indicatorWidget: const SpinKitFadingCircle(color: Colors.white),
child: BlocConsumer<StationBloc, StationState>(
listener: (context, state) {},
builder: (context, state) {
final parent = context;
if (state is StationLoadedState) {
stations = state.stations;
if (state.stations.isNotEmpty) {
return Column(
children: [
Padding(
padding: const EdgeInsets.all(8),
child: SearchField(
inputFormatters: [UpperCaseTextFormatter()],
itemHeight: 70,
focusNode: agencyFocusNode,
suggestions: state.agencies
.map((Agency agency) =>
SearchFieldListItem(agency.name!,
item: agency,
child: ListTile(
title: Text(
agency.name!,
overflow: TextOverflow.visible,
),
)))
.toList(),
searchInputDecoration:
normalTextFieldStyle("Filter", "").copyWith(
prefixIcon: const Icon(Icons.filter_list),
suffixIcon: IconButton(
icon: const Icon(Icons.arrow_drop_down),
onPressed: () {
agencyFocusNode.unfocus();
},
)),
onSuggestionTap: (agency) {
agencyFocusNode.unfocus();
selectedAgency = agency.item!;
parent.read<StationBloc>().add(
FilterStation(agencyId: selectedAgency.id!));
},
validator: (agency) {
if (agency!.isEmpty) {
return "This field is required";
}
return null;
},
emptyWidget: const Center(
child: Text("No result found..."),
)),
),
Expanded(
child: ListView.builder(
padding: const EdgeInsets.symmetric(
vertical: 8, horizontal: 10),
itemCount: state.stations.length,
itemBuilder: (BuildContext context, int index) {
return Column(
children: [
Container(
width: screenWidth,
decoration: box1(),
padding: const EdgeInsets.symmetric(
horizontal: 12, vertical: 8),
child: Row(
children: [
Expanded(
child: Row(
children: [
CircleAvatar(
child: Text('${index + 1}'),
),
const SizedBox(
width: 12,
),
Flexible(
child: Text(
state.stations[index]
.stationName!,
style: Theme.of(context)
.textTheme
.titleMedium!
.copyWith(
fontWeight:
FontWeight.w500,
color: primary)),
),
],
)),
],
),
),
const SizedBox(
height: 3,
)
],
);
}),
),
],
);
} else {
return Column(
children: [
Padding(
padding: const EdgeInsets.all(8),
child: SearchField(
inputFormatters: [UpperCaseTextFormatter()],
itemHeight: 70,
focusNode: agencyFocusNode,
suggestions: state.agencies
.map((Agency agency) =>
SearchFieldListItem(agency.name!,
item: agency,
child: ListTile(
title: Text(
agency.name!,
overflow: TextOverflow.visible,
),
)))
.toList(),
searchInputDecoration:
normalTextFieldStyle("Filter", "").copyWith(
prefixIcon: const Icon(Icons.filter_list),
suffixIcon: IconButton(
icon: const Icon(Icons.arrow_drop_down),
onPressed: () {
agencyFocusNode.unfocus();
},
)),
onSuggestionTap: (agency) {
agencyFocusNode.unfocus();
selectedAgency = agency.item!;
parent.read<StationBloc>().add(
FilterStation(agencyId: selectedAgency.id!));
},
validator: (agency) {
if (agency!.isEmpty) {
return "This field is required";
}
return null;
},
emptyWidget: const Center(
child: Text("No result found..."),
)),
),
const SizedBox(
height: 20,
),
const EmptyData(
message:
"No Station available. Please click + to add."),
],
);
}
}
if (state is StationErrorState) {
return SomethingWentWrong(
message: state.message,
onpressed: () {
context.read<RoleBloc>().add(GetRoles());
});
}
if (state is StationLoadingState) {
return CircularProgressIndicator();
}
return Container();
},
),
),
);
}
}