mirror of
https://github.com/SyncrowIOT/web.git
synced 2025-07-09 22:57:21 +00:00
344 lines
15 KiB
Dart
344 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:syncrow_web/pages/access_management/bloc/access_bloc.dart';
|
|
import 'package:syncrow_web/pages/access_management/bloc/access_event.dart';
|
|
import 'package:syncrow_web/pages/access_management/bloc/access_state.dart';
|
|
import 'package:syncrow_web/pages/common/custom_table.dart';
|
|
import 'package:syncrow_web/pages/common/date_time_widget.dart';
|
|
import 'package:syncrow_web/pages/common/default_button.dart';
|
|
import 'package:syncrow_web/pages/visitor_password/view/visitor_password_dialog.dart';
|
|
import 'package:syncrow_web/utils/color_manager.dart';
|
|
import 'package:syncrow_web/utils/constants/const.dart';
|
|
import 'package:syncrow_web/utils/style.dart';
|
|
import 'package:syncrow_web/web_layout/web_scaffold.dart';
|
|
|
|
class AccessManagementPage extends StatelessWidget {
|
|
const AccessManagementPage({super.key});
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Size size = MediaQuery.of(context).size;
|
|
return WebScaffold(
|
|
enableMenuSideba: false,
|
|
appBarTitle: Row(
|
|
children: [
|
|
Text(
|
|
'Access Management',
|
|
style: Theme.of(context).textTheme.headlineLarge,
|
|
)
|
|
],
|
|
),
|
|
appBarBody: [
|
|
Text(
|
|
'Physical Access',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.headlineMedium!
|
|
.copyWith(color: Colors.white),
|
|
),
|
|
],
|
|
scaffoldBody: BlocProvider(create: (BuildContext context) => AccessBloc()..add(FetchTableData()),
|
|
child: BlocConsumer<AccessBloc, AccessState>(listener: (context, state) {
|
|
if (state is FailedState) {
|
|
// CustomSnackBar.displaySnackBar(
|
|
// state.errorMessage
|
|
// );
|
|
}
|
|
}, builder: (context, state) {
|
|
final accessBloc = BlocProvider.of<AccessBloc>(context);
|
|
return Container(
|
|
padding: EdgeInsets.all(30),
|
|
height: size.height,
|
|
width: size.width,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
decoration: containerDecoration,
|
|
height: size.height * 0.05,
|
|
child: Flexible(
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: BlocProvider.of<AccessBloc>(context).tabs.length,
|
|
shrinkWrap: true,
|
|
itemBuilder: (context, index) {
|
|
final isSelected = index ==
|
|
BlocProvider.of<AccessBloc>(context).selectedIndex;
|
|
return InkWell(
|
|
onTap: () {
|
|
BlocProvider.of<AccessBloc>(context).add(TabChangedEvent(index));
|
|
},
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: ColorsManager.boxColor,
|
|
border: Border.all(
|
|
color: isSelected ? Colors.blue : Colors.transparent,
|
|
width: 2.0,),
|
|
borderRadius: index == 0
|
|
? const BorderRadius.only(
|
|
topLeft: Radius.circular(10),
|
|
bottomLeft: Radius.circular(10))
|
|
: index == 3
|
|
? const BorderRadius.only(
|
|
topRight: Radius.circular(10),
|
|
bottomRight: Radius.circular(10))
|
|
: null),
|
|
padding: const EdgeInsets.only(left: 10,right: 10),
|
|
child: Center(
|
|
child: Text(
|
|
BlocProvider.of<AccessBloc>(context).tabs[index],
|
|
style: TextStyle(
|
|
color: isSelected
|
|
? Colors.blue
|
|
: Colors.black,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
Row(
|
|
children: [
|
|
Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
const Text('Name'),
|
|
Container(
|
|
width: size.width * 0.15,
|
|
decoration: containerDecoration,
|
|
child: TextFormField(
|
|
controller: accessBloc.passwordName,
|
|
style: const TextStyle(color: Colors.black),
|
|
decoration: textBoxDecoration()!
|
|
.copyWith(hintText: 'Please enter'),
|
|
)),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
width: 15,
|
|
),
|
|
DateTimeWebWidget(
|
|
isRequired: false,
|
|
title: 'Access Time',
|
|
size: size,
|
|
endTime: () {
|
|
accessBloc.add(SelectTime(context: context, isStart: false));
|
|
},
|
|
startTime: () {
|
|
accessBloc.add(SelectTime(context: context, isStart: true));
|
|
},
|
|
firstString:BlocProvider.of<AccessBloc>(context).startTime ,
|
|
secondString:BlocProvider.of<AccessBloc>(context).endTime ,
|
|
) ,
|
|
const SizedBox(
|
|
width: 15,
|
|
),
|
|
|
|
SizedBox(
|
|
width: size.width * 0.06,
|
|
child: Column(
|
|
children: [
|
|
Text(''),
|
|
Container(
|
|
decoration: containerDecoration,
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
accessBloc.add(FilterDataEvent(
|
|
passwordName: accessBloc.passwordName.text,
|
|
startTime: accessBloc.effectiveTimeTimeStamp,
|
|
endTime: accessBloc.expirationTimeTimeStamp
|
|
));
|
|
}, borderRadius: 9,
|
|
child: const Text('Search'))),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(
|
|
width: 10,
|
|
),
|
|
SizedBox(
|
|
width: size.width * 0.06,
|
|
child: Column(
|
|
children: [
|
|
Text(''),
|
|
Container(
|
|
decoration: containerDecoration,
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
accessBloc.add(ResetSearch());
|
|
},
|
|
backgroundColor: ColorsManager.whiteColors,
|
|
borderRadius: 9,
|
|
child: Text(
|
|
'Reset',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodySmall!
|
|
.copyWith(color: Colors.black),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
Wrap(
|
|
children: [
|
|
Container(
|
|
width: size.width * 0.15,
|
|
decoration: containerDecoration,
|
|
child: DefaultButton(
|
|
onPressed: () {
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return const VisitorPasswordDialog();
|
|
},
|
|
);
|
|
},
|
|
borderRadius: 8,
|
|
child: const Text('+ Create Visitor Password ')),
|
|
),
|
|
const SizedBox(
|
|
width: 10,
|
|
),
|
|
Container(
|
|
width: size.width * 0.12,
|
|
decoration: containerDecoration,
|
|
child: DefaultButton(
|
|
borderRadius: 8,
|
|
backgroundColor: ColorsManager.whiteColors,
|
|
child: Text(
|
|
'Admin Password',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodySmall!
|
|
.copyWith(color: Colors.black),
|
|
)))
|
|
],
|
|
),
|
|
const SizedBox(
|
|
height: 20,
|
|
),
|
|
Expanded(
|
|
child: state is TableLoaded
|
|
? DynamicTable(
|
|
withCheckBox: false,
|
|
size: size,
|
|
// cellDecoration: containerDecoration,
|
|
headers: const [
|
|
'Name',
|
|
'Access Type',
|
|
'Access Period',
|
|
'Device Id',
|
|
'Authorizer',
|
|
'Authorization Date & Time',
|
|
'Access Status'
|
|
],
|
|
data: state.data.map((item) {
|
|
return [
|
|
item.passwodName.toString(),
|
|
item.passwordType.value,
|
|
('${accessBloc.timestampToDate(item.effectiveTime)} - ${accessBloc.timestampToDate(item.invalidTime)}'),
|
|
item.deviceUuid.toString(),
|
|
'',
|
|
'',
|
|
''
|
|
];
|
|
}).toList(),
|
|
)
|
|
: const Center(child: CircularProgressIndicator()),
|
|
)
|
|
|
|
],
|
|
),
|
|
);
|
|
})));
|
|
}
|
|
|
|
|
|
// Container TableWidget(Size size, TableLoaded state,AccessBloc accessBloc) {
|
|
// return Container(
|
|
// decoration: containerDecoration,
|
|
// width: size.width,
|
|
// child: Padding(
|
|
// padding: const EdgeInsets.all(10.0),
|
|
// child: ListView(
|
|
// scrollDirection: Axis.horizontal,
|
|
// children: [
|
|
// Container(
|
|
// width: size.width,
|
|
// height: size.height,
|
|
// child: Column(
|
|
// children: [
|
|
// Container(
|
|
// color: ColorsManager.boxColor,
|
|
// child: Row(
|
|
// children: [
|
|
// _buildTableHeaderCell('Password name'),
|
|
// _buildTableHeaderCell(' Password Type'),
|
|
// _buildTableHeaderCell('Start Time'),
|
|
// _buildTableHeaderCell('End Time'),
|
|
// _buildTableHeaderCell('Device Id'),
|
|
// // _buildTableHeaderCell('Authorization Source'),
|
|
// // _buildTableHeaderCell('Authorizer'),
|
|
// _buildTableHeaderCell('Password Created'),
|
|
// // _buildTableHeaderCell('Access Status'),
|
|
// _buildTableHeaderCell('Password Status'),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// Expanded(
|
|
// child: Container(
|
|
// width: size.width,
|
|
// color: ColorsManager.whiteColors,
|
|
// child: ListView(
|
|
// shrinkWrap: true,
|
|
// children: [
|
|
// Column(
|
|
// children: state.data.map((item) {
|
|
// return Row(
|
|
// children: [
|
|
// _buildTableCell(item.passwodName),
|
|
// _buildTableCell(item.passwordType),
|
|
//
|
|
// _buildTableCell(accessBloc.timestampToDateTime(item.effectiveTime).toString()),
|
|
// _buildTableCell(accessBloc.timestampToDateTime(item.invalidTime).toString()),
|
|
// _buildTableCell(item.deviceUuid.toString()),
|
|
// // _buildTableCell(item.authorizationSource),
|
|
// // _buildTableCell(item.authorizer),
|
|
// _buildTableCell(item.passwordCreated!=null?accessBloc.timestampToDateTime(item.passwordCreated).toString():'no data'),
|
|
// // _buildTableCell(item.accessStatus),
|
|
// _buildTableCell(item.passwordStatus.toString()),
|
|
// ],
|
|
// );
|
|
// }).toList(),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// );
|
|
// }
|
|
}
|
|
|
|
|