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