Vacation rule added cont.
parent
60ed124873
commit
4edb19c2bb
@ -0,0 +1,224 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:mohem_flutter_app/api/worklist/worklist_api_client.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
||||
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
||||
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
||||
import 'package:mohem_flutter_app/models/get_action_history_list_model.dart';
|
||||
import 'package:mohem_flutter_app/models/worklist/get_favorite_replacements_model.dart';
|
||||
import 'package:mohem_flutter_app/models/worklist/replacement_list_model.dart';
|
||||
import 'package:mohem_flutter_app/widgets/button/default_button.dart';
|
||||
import 'package:mohem_flutter_app/widgets/circular_avatar.dart';
|
||||
import 'package:mohem_flutter_app/widgets/dynamic_forms/dynamic_textfield_widget.dart';
|
||||
|
||||
class SearchEmployeeBottomSheet extends StatefulWidget {
|
||||
int? notificationID;
|
||||
String title, apiMode;
|
||||
List<GetActionHistoryList>? actionHistoryList;
|
||||
Function(ReplacementList) onSelectEmployee;
|
||||
|
||||
SearchEmployeeBottomSheet({required this.title, required this.apiMode, this.notificationID, this.actionHistoryList, required this.onSelectEmployee});
|
||||
|
||||
@override
|
||||
State<SearchEmployeeBottomSheet> createState() => _SearchEmployeeBottomSheetState();
|
||||
}
|
||||
|
||||
class _SearchEmployeeBottomSheetState extends State<SearchEmployeeBottomSheet> {
|
||||
TextEditingController username = TextEditingController();
|
||||
String searchText = "";
|
||||
|
||||
List<String>? optionsList = [
|
||||
LocaleKeys.fullName.tr(),
|
||||
LocaleKeys.username.tr(),
|
||||
LocaleKeys.endDate.tr(),
|
||||
];
|
||||
List<GetFavoriteReplacements>? favUsersList;
|
||||
|
||||
List<ReplacementList>? replacementList;
|
||||
List<ReplacementList>? favouriteUserList;
|
||||
List<ReplacementList>? nonFavouriteUserList;
|
||||
|
||||
int _selectedSearchIndex = 0;
|
||||
|
||||
void fetchUserByInput({bool isNeedLoading = true}) async {
|
||||
try {
|
||||
Utils.showLoading(context);
|
||||
replacementList = await WorkListApiClient().searchUserByInput(
|
||||
userName: _selectedSearchIndex == 0 ? searchText : "",
|
||||
userId: _selectedSearchIndex == 1 ? searchText : "",
|
||||
email: _selectedSearchIndex == 2 ? searchText : "",
|
||||
);
|
||||
favouriteUserList = replacementList?.where((element) => element.isFavorite ?? false).toList();
|
||||
nonFavouriteUserList = replacementList?.where((element) => !(element.isFavorite ?? false)).toList();
|
||||
Utils.hideLoading(context);
|
||||
setState(() {});
|
||||
} catch (e) {
|
||||
Utils.hideLoading(context);
|
||||
Utils.handleException(e, context, null);
|
||||
}
|
||||
|
||||
if (isNeedLoading) Utils.hideLoading(context);
|
||||
setState(() {});
|
||||
return null;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height - 100,
|
||||
child: Column(
|
||||
children: [
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
widget.title.toText24(isBold: true),
|
||||
21.height,
|
||||
"Search".toText16(),
|
||||
11.height,
|
||||
Row(
|
||||
children: [
|
||||
radioOption("Name", 0, _selectedSearchIndex),
|
||||
radioOption("User Name", 1, _selectedSearchIndex),
|
||||
radioOption("Email", 2, _selectedSearchIndex),
|
||||
],
|
||||
),
|
||||
14.height,
|
||||
Row(
|
||||
children: [
|
||||
DynamicTextFieldWidget(
|
||||
"Search",
|
||||
"Search By Username",
|
||||
inputAction: TextInputAction.done,
|
||||
suffixIconData: Icons.search,
|
||||
onChange: (text) {
|
||||
searchText = text;
|
||||
setState(() {});
|
||||
},
|
||||
).expanded,
|
||||
IconButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () async {
|
||||
await SystemChannels.textInput.invokeMethod('TextInput.hide');
|
||||
fetchUserByInput();
|
||||
},
|
||||
icon: Icon(Icons.search))
|
||||
],
|
||||
),
|
||||
if (replacementList != null)
|
||||
replacementList!.isEmpty
|
||||
? Utils.getNoDataWidget(context).expanded
|
||||
: ListView(
|
||||
physics: const BouncingScrollPhysics(),
|
||||
padding: EdgeInsets.only(top: 21, bottom: 8),
|
||||
children: [
|
||||
if (favouriteUserList?.isNotEmpty ?? false) ...[
|
||||
"Favorites".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemBuilder: (cxt, index) => employeeItemView(favouriteUserList![index]),
|
||||
separatorBuilder: (cxt, index) => Container(
|
||||
height: 1,
|
||||
color: MyColors.borderE3Color,
|
||||
),
|
||||
itemCount: favouriteUserList?.length ?? 0),
|
||||
12.height,
|
||||
],
|
||||
if (nonFavouriteUserList?.isNotEmpty ?? false) ...[
|
||||
"Related".toText16(),
|
||||
12.height,
|
||||
ListView.separated(
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
itemBuilder: (cxt, index) => employeeItemView(nonFavouriteUserList![index]),
|
||||
separatorBuilder: (cxt, index) => Container(
|
||||
height: 1,
|
||||
color: MyColors.borderE3Color,
|
||||
),
|
||||
itemCount: nonFavouriteUserList?.length ?? 0),
|
||||
]
|
||||
],
|
||||
).expanded
|
||||
],
|
||||
).paddingOnly(left: 21, right: 21, bottom: 0, top: 21).expanded,
|
||||
Container(width: double.infinity, height: 1, color: MyColors.lightGreyEFColor),
|
||||
DefaultButton(
|
||||
LocaleKeys.cancel.tr(),
|
||||
() {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
textColor: MyColors.grey3AColor,
|
||||
colors: const [
|
||||
Color(0xffE6E6E6),
|
||||
Color(0xffE6E6E6),
|
||||
],
|
||||
).insideContainer
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget employeeItemView(ReplacementList replacement) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
Navigator.pop(context);
|
||||
widget.onSelectEmployee(replacement);
|
||||
},
|
||||
child: SizedBox(
|
||||
height: 50,
|
||||
child: Row(
|
||||
children: [
|
||||
CircularAvatar(
|
||||
url: replacement.employeeImage ?? "",
|
||||
height: 30,
|
||||
width: 30,
|
||||
isImageBase64: true,
|
||||
),
|
||||
16.width,
|
||||
Expanded(
|
||||
child: (replacement.employeeDisplayName ?? "").toText12(),
|
||||
),
|
||||
Icon(Icons.star, size: 16, color: replacement.isFavorite! ? MyColors.yellowFavColor : MyColors.borderCEColor),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget radioOption(String title, int value, int groupValue) {
|
||||
return Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 24,
|
||||
height: 24,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.transparent,
|
||||
border: Border.all(color: MyColors.borderColor, width: 1),
|
||||
borderRadius: const BorderRadius.all(Radius.circular(100)),
|
||||
),
|
||||
padding: const EdgeInsets.all(4),
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
color: value == groupValue ? MyColors.grey3AColor : Colors.transparent,
|
||||
borderRadius: BorderRadius.all(const Radius.circular(100)),
|
||||
),
|
||||
),
|
||||
),
|
||||
9.width,
|
||||
title.toText12(color: MyColors.grey57Color)
|
||||
],
|
||||
).onPress(() {
|
||||
_selectedSearchIndex = value;
|
||||
setState(() {});
|
||||
}).expanded;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue