snag issues resolve
Sikander Saleem
2 years ago
parent
b6c08450fe
commit
60639620c6
@ -0,0 +1,109 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:test_sa/extensions/context_extension.dart';
|
||||||
|
import 'package:test_sa/extensions/int_extensions.dart';
|
||||||
|
import 'package:test_sa/extensions/text_extensions.dart';
|
||||||
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||||
|
import 'package:test_sa/new_views/app_style/app_color.dart';
|
||||||
|
import 'package:test_sa/new_views/common_widgets/app_filled_button.dart';
|
||||||
|
|
||||||
|
typedef SelectionBuilderString = String Function(dynamic);
|
||||||
|
|
||||||
|
class SelectionBottomSheet<T> extends StatefulWidget {
|
||||||
|
List<T> items;
|
||||||
|
T selectedItem;
|
||||||
|
String title;
|
||||||
|
|
||||||
|
final SelectionBuilderString builderString;
|
||||||
|
|
||||||
|
SelectionBottomSheet({Key key, this.items = const [], this.selectedItem, this.title = "", @required this.builderString}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_SelectionBottomSheetState createState() {
|
||||||
|
return _SelectionBottomSheetState();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class _SelectionBottomSheetState<T> extends State<SelectionBottomSheet> {
|
||||||
|
T _selectedValue;
|
||||||
|
|
||||||
|
String query = "";
|
||||||
|
|
||||||
|
List<T> get filteredList => widget.items.where((element) => element.name.toString().toLowerCase().contains(query.toLowerCase())).toList();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
_selectedValue = widget.selectedItem;
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
FocusNode searchFocusNode = FocusNode();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
height: MediaQuery.of(context).size.height * .7,
|
||||||
|
padding: const EdgeInsets.all(21),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
widget.title.heading5(context),
|
||||||
|
16.height,
|
||||||
|
TextField(
|
||||||
|
onChanged: (queryString) {
|
||||||
|
query = queryString;
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
style: TextStyle(fontSize: 14),
|
||||||
|
focusNode: searchFocusNode,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: 'Search by name',
|
||||||
|
labelText: 'Search',
|
||||||
|
hintStyle: TextStyle(fontSize: 14),
|
||||||
|
focusedBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(color: AppColor.blueStatus(context), width: 2.0),
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
||||||
|
),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(color: AppColor.blueStatus(context), width: 1.0),
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
||||||
|
),
|
||||||
|
contentPadding: EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
8.height,
|
||||||
|
ListView.builder(
|
||||||
|
itemCount: filteredList.length,
|
||||||
|
padding: EdgeInsets.only(top: 8),
|
||||||
|
itemBuilder: (cxt, index) => RadioListTile(
|
||||||
|
value: filteredList[index],
|
||||||
|
dense: true,
|
||||||
|
contentPadding: EdgeInsets.zero,
|
||||||
|
groupValue: _selectedValue,
|
||||||
|
activeColor: Colors.black87,
|
||||||
|
onChanged: (value) {
|
||||||
|
_selectedValue = value;
|
||||||
|
searchFocusNode.unfocus();
|
||||||
|
setState(() {});
|
||||||
|
},
|
||||||
|
title: Text(
|
||||||
|
widget.builderString(filteredList[index]).cleanupWhitespace?.capitalizeFirstOfEach ?? "",
|
||||||
|
style: Theme.of(context).textTheme.bodyLarge,
|
||||||
|
))).expanded,
|
||||||
|
8.height,
|
||||||
|
if (_selectedValue != null)
|
||||||
|
AppFilledButton(
|
||||||
|
label: context.translation.select,
|
||||||
|
maxWidth: true,
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context, _selectedValue);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,88 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_typeahead/flutter_typeahead.dart';
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:test_sa/controllers/providers/api/devices_provider.dart';
|
||||||
|
import 'package:test_sa/controllers/providers/api/user_provider.dart';
|
||||||
|
import 'package:test_sa/controllers/providers/settings/setting_provider.dart';
|
||||||
|
import 'package:test_sa/extensions/context_extension.dart';
|
||||||
|
import 'package:test_sa/extensions/int_extensions.dart';
|
||||||
|
import 'package:test_sa/extensions/widget_extensions.dart';
|
||||||
|
import 'package:test_sa/models/lookup.dart';
|
||||||
|
import 'package:test_sa/views/app_style/sizing.dart';
|
||||||
|
import 'package:test_sa/views/widgets/equipment/pick_asset.dart';
|
||||||
|
|
||||||
|
import '../../../../extensions/text_extensions.dart';
|
||||||
|
import '../../../../models/device/asset.dart';
|
||||||
|
import '../../../../models/device/asset_search.dart';
|
||||||
|
import '../../../../new_views/app_style/app_color.dart';
|
||||||
|
import '../../../../new_views/app_style/app_text_style.dart';
|
||||||
|
|
||||||
|
class CalibrationToolAssetPicker extends StatefulWidget {
|
||||||
|
final Lookup initialValue;
|
||||||
|
final int hospitalId;
|
||||||
|
final Function(Lookup) onPick;
|
||||||
|
|
||||||
|
const CalibrationToolAssetPicker({Key key, this.initialValue, this.onPick, this.hospitalId}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<CalibrationToolAssetPicker> createState() => _CalibrationToolAssetPickerState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CalibrationToolAssetPickerState extends State<CalibrationToolAssetPicker> {
|
||||||
|
SettingProvider _settingProvider;
|
||||||
|
AssetProvider _devicesProvider;
|
||||||
|
UserProvider _userProvider;
|
||||||
|
TextEditingController _controller;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
_controller = TextEditingController(text: widget.initialValue?.name);
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didUpdateWidget(covariant CalibrationToolAssetPicker oldWidget) {
|
||||||
|
if (widget.initialValue != oldWidget.initialValue) {
|
||||||
|
_controller = TextEditingController(text: widget.initialValue?.name);
|
||||||
|
}
|
||||||
|
super.didUpdateWidget(oldWidget);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_controller.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
_settingProvider = Provider.of<SettingProvider>(context);
|
||||||
|
_userProvider = Provider.of<UserProvider>(context);
|
||||||
|
_devicesProvider = Provider.of<AssetProvider>(context);
|
||||||
|
final border = UnderlineInputBorder(borderSide: BorderSide.none, borderRadius: BorderRadius.circular(10));
|
||||||
|
return Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: AppColor.background(context),
|
||||||
|
borderRadius: BorderRadius.circular(AppStyle.borderRadius * AppStyle.getScaleFactor(context)),
|
||||||
|
boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 10)],
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
PickAsset(
|
||||||
|
showAssetInfo: false,
|
||||||
|
forPPM: true,
|
||||||
|
device: widget.initialValue == null
|
||||||
|
? null
|
||||||
|
: Asset(
|
||||||
|
id: widget.initialValue.id,
|
||||||
|
assetNumber: widget.initialValue.name,
|
||||||
|
),
|
||||||
|
onPickAsset: (device) {
|
||||||
|
widget.onPick(Lookup(id: device.id, name: device.assetNumber));
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue