One UI in flutter
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

106 lines
3.9 KiB

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import '../model/ac_mou_response_model.dart';
import '../screen/md_lab_mitra/mitra_lookup_mou_provider.dart';
import 'fx_data_mitra.dart';
import 'fx_error_text.dart';
import 'provider/selectedCompanyProvider.dart';
class FxMitraMou extends HookConsumerWidget {
final double? width;
final String? errorValidation;
const FxMitraMou({
Key? key,
this.width,
this.errorValidation,
}) : super(key: key);
@override
Widget build(BuildContext context, WidgetRef ref) {
final listMou = useState<List<AcMouResponseModel>>(List.empty());
final companyModel = ref.watch(selectedAcCompanyProvider);
String companyName = companyModel?.mCompanyName ?? "";
ref.listen(mitraLookupMouProvider, (prev, next) {
if (next is MitraLookupMouStateDone) {
for (int idx = 0; idx < next.list.length; idx++) {
final mouID = next.list[idx].mMouID;
if (ref
.read(selectedMouProvider)
.indexWhere((m) => m.mMouID == mouID) ==
-1) {
next.list[idx].isCheck = false;
} else {
next.list[idx].isCheck = true;
}
}
listMou.value = next.list;
}
});
return Container(
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: errorValidation == null
? Colors.blue.shade700
: Colors.red.shade700,
),
color: Colors.blue.shade100.withOpacity(0.3),
),
child: ConstrainedBox(
constraints: BoxConstraints.loose(const Size(double.infinity, 150)),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
errorValidation == null
? FxNormalBlueText(
title: "Agreement $companyName",
isBold: true,
)
: FxErrorText(
title: "Agreement $companyName *) $errorValidation"),
const SizedBox(height: 10),
if (listMou.value.isNotEmpty)
ConstrainedBox(
constraints:
BoxConstraints.loose(const Size(double.infinity, 100)),
child: ListView.builder(
shrinkWrap: true,
itemCount: listMou.value.length,
itemBuilder: (context, idx) {
final model = listMou.value[idx];
return Row(
children: [
Checkbox(
value: model.isCheck,
onChanged: ((val) {
final List<AcMouResponseModel> list =
List.empty(growable: true);
list.addAll(listMou.value);
list[idx].isCheck = val ?? false;
listMou.value = list;
ref.read(selectedMouProvider.notifier).state =
list.where((el) => el.isCheck).toList();
}),
),
const SizedBox(width: 10),
Expanded(
child: FxNormalBlueText(title: model.mMouName),
),
],
);
}),
),
]),
),
),
);
}
}