change the main list to row

This commit is contained in:
kicap
2024-07-27 20:06:56 +08:00
parent 1607b6eb00
commit fb63a2b177
20 changed files with 15114 additions and 225 deletions

View File

@ -1,19 +1,20 @@
import 'package:flutter/material.dart';
import 'package:kamus_kesehatan/model/istilah_model.dart';
import 'package:stacked/stacked.dart';
import 'package:stacked_services/stacked_services.dart';
import '../../../model/istilah_model1.dart';
import './action_dialog_view_model.dart';
class ActionDialogView extends StatelessWidget {
final DialogRequest<IstilahModel> request;
final DialogRequest<IstilahModel1> request;
final Function(DialogResponse) completer;
const ActionDialogView({
Key? key,
required this.request,
required DialogRequest request,
required this.completer,
}) : super(key: key);
}) : request = request as DialogRequest<IstilahModel1>,
super(key: key);
@override
Widget build(BuildContext context) {

View File

@ -2,15 +2,15 @@ import '../../../app/app.dialogs.dart';
import '../../../app/app.locator.dart';
import '../../../app/app.logger.dart';
import '../../../app/core/custom_base_view_model.dart';
import '../../../model/istilah_model.dart';
import '../../../model/istilah_model1.dart';
import '../../../services/my_storage.dart';
class ActionDialogViewModel extends CustomBaseViewModel {
final log = getLogger('ActionDialogViewModel');
final myStorage = locator<MyStorage>();
IstilahModel? data;
IstilahModel1? data;
Future<void> init(IstilahModel? data) async {
Future<void> init(IstilahModel1? data) async {
// log.i('init');
// log.i(data!.istilah.toString());
// log.i(data.arti.toString());
@ -18,7 +18,7 @@ class ActionDialogViewModel extends CustomBaseViewModel {
// await myStorage.clear();
}
addBookmark(IstilahModel istilahModel) async {
addBookmark(IstilahModel1 istilahModel) async {
List<dynamic>? listBookmark;
listBookmark = await myStorage.read('listBookmark');

View File

@ -4,16 +4,23 @@ import 'package:url_launcher/url_launcher.dart';
import '../../../app/app.logger.dart';
import '../../../app/core/custom_base_view_model.dart';
import '../../../model/istilah_model.dart';
import '../../../model/istilah_model1.dart';
class NomorTelponDialogViewModel extends CustomBaseViewModel {
final log = getLogger('NomorTelponDialogViewModel');
TextEditingController nomorTelponController = TextEditingController();
final formKey = GlobalKey<FormState>();
IstilahModel? data;
Future<void> init(IstilahModel data) async {
log.i('init');
log.i(data.istilah.toString());
log.i(data.arti.toString());
Future<void> init(dynamic data) async {
log.i(data);
if (data is IstilahModel1) {
log.i("data is IstilahModel1");
// change data to IstilahModel
data = IstilahModel(
istilah: data.istilah,
arti: data.arti,
);
}
this.data = data;
// await myStorage.clear();
}

View File

@ -0,0 +1,107 @@
import 'package:flutter/material.dart';
import 'package:kamus_kesehatan/app/themes/app_text.dart';
import 'package:stacked/stacked.dart';
import '../list_detail_istilah/list_detail_istilah_view.dart';
import './halaman_utama_view_model.dart';
class HalamanUtamaView extends StatelessWidget {
const HalamanUtamaView({super.key});
@override
Widget build(BuildContext context) {
return ViewModelBuilder<HalamanUtamaViewModel>.reactive(
viewModelBuilder: () => HalamanUtamaViewModel(),
onViewModelReady: (HalamanUtamaViewModel model) async {
await model.init();
},
builder: (
BuildContext context,
HalamanUtamaViewModel model,
Widget? child,
) {
return Scaffold(
body: Padding(
padding: const EdgeInsets.all(20),
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
for (var element in model.kategoriIstilah)
Padding(
padding: const EdgeInsets.only(bottom: 20),
child: GestureDetector(
onTap: () {
model.navigationService
.navigateToView(ListDetailIstilahView(
kategori: element['kategori'],
));
},
child: Container(
padding: const EdgeInsets.all(10),
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: element['color'],
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
element['icon'],
const SizedBox(height: 10),
Text(
model.myFunction
.capitalize(element['kategori']),
style: boldTextStyle.copyWith(
color: Colors.white,
fontSize: 15,
),
),
const SizedBox(height: 10),
if (element['kategori'] == 'anggota tubuh')
ForCount(
count: model.anggotaTubuhCount.toString()),
if (element['kategori'] == 'penyakit')
ForCount(count: model.penyakitCount.toString()),
if (element['kategori'] == 'obat')
ForCount(count: model.obatCount.toString()),
if (element['kategori'] == 'alat')
ForCount(count: model.alatCount.toString()),
if (element['kategori'] == 'umum')
ForCount(count: model.umumCount.toString()),
if (element['kategori'] == 'hormon')
ForCount(count: model.hormonCount.toString()),
],
),
),
),
),
],
),
),
),
);
},
);
}
}
class ForCount extends StatelessWidget {
const ForCount({
super.key,
required this.count,
});
final String count;
@override
Widget build(BuildContext context) {
return Text(
count,
style: boldTextStyle.copyWith(
color: Colors.white,
fontSize: 13,
),
);
}
}

View File

@ -0,0 +1,83 @@
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../../../app/app.logger.dart';
import '../../../../app/core/custom_base_view_model.dart';
import '../../../../model/istilah_model1.dart';
class HalamanUtamaViewModel extends CustomBaseViewModel {
final log = getLogger('HalamanUtamaViewModel');
List<IstilahModel1> listIstilah = [];
List<Map<String, dynamic>> kategoriIstilah = [];
int penyakitCount = 0;
int anggotaTubuhCount = 0;
int obatCount = 0;
int alatCount = 0;
int umumCount = 0;
int hormonCount = 0;
Future<void> init() async {
setBusy(true);
listIstilah = await rootBundle.loadString('assets/dataset1.json').then(
(String data) {
final List<dynamic> jsonData = json.decode(data);
return jsonData.map((dynamic item) {
return IstilahModel1.fromJson(item as Map<String, dynamic>);
}).toList();
},
);
log.i(listIstilah.length);
for (var element in listIstilah) {
Icon? icon;
Color? color;
switch (element.kategori) {
case 'penyakit':
icon = const Icon(Icons.health_and_safety, color: Colors.white);
color = Colors.red;
penyakitCount++;
break;
case 'anggota tubuh':
icon = const Icon(Icons.heart_broken, color: Colors.white);
color = Colors.red;
anggotaTubuhCount++;
break;
case 'obat':
icon = const Icon(Icons.medication_liquid, color: Colors.white);
color = Colors.blue;
obatCount++;
break;
case 'alat':
icon = const Icon(Icons.medical_information, color: Colors.white);
color = Colors.blue;
alatCount++;
case 'umum':
icon = const Icon(Icons.medical_information, color: Colors.white);
color = Colors.blue;
umumCount++;
case 'hormon':
icon = const Icon(Icons.medical_information, color: Colors.white);
color = Colors.blue;
hormonCount++;
default:
break;
}
// add to kategoriIstilah and if the kategori is not in the list, add it
if (!kategoriIstilah.any((k) => k['kategori'] == element.kategori)) {
kategoriIstilah.add({
'icon': icon,
'color': color,
'kategori': element.kategori,
});
}
// add count to the kategoriIstilah
}
kategoriIstilah.sort((a, b) => a['kategori'].compareTo(b['kategori']));
setBusy(false);
}
}

View File

@ -0,0 +1,99 @@
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import '../../../../app/themes/app_colors.dart';
import '../../../../app/themes/app_text.dart';
import '../../../widgets/my_textformfield.dart';
import './list_detail_istilah_view_model.dart';
class ListDetailIstilahView extends StatelessWidget {
const ListDetailIstilahView({super.key, required this.kategori});
final String kategori;
@override
Widget build(BuildContext context) {
return ViewModelBuilder<ListDetailIstilahViewModel>.reactive(
viewModelBuilder: () => ListDetailIstilahViewModel(),
onViewModelReady: (ListDetailIstilahViewModel model) async {
await model.init(kategori);
},
builder: (
BuildContext context,
ListDetailIstilahViewModel model,
Widget? child,
) {
return Scaffold(
appBar: AppBar(
backgroundColor: mainColor,
title: Text(
'List ${model.myFunction.capitalize(kategori)}',
),
),
body: Padding(
padding: const EdgeInsets.all(25),
child: Column(
children: [
MyTextFormField(
hintText: 'Cari istilah',
labelText: 'Cari istilah',
controller: model.searchController,
suffixIcon: const Icon(Icons.search),
onChanged: (String value) {
model.searchIstilah();
},
),
const SizedBox(
height: 20,
),
Expanded(
child: model.listIstilah.isEmpty
? const Center(
child: CircularProgressIndicator(),
)
: ListView.builder(
itemCount: model.listIstilah.length,
itemBuilder: (
BuildContext context,
int index,
) {
return Card(
child: ListTile(
title: Text(
model.listIstilah[index].istilah!
.toUpperCase(),
style: boldTextStyle,
),
subtitle: Text(model.listIstilah[index].arti!),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
GestureDetector(
onTap: () {
model
.cekSuara(model.listIstilah[index]);
},
child: const Icon(Icons.volume_up),
),
IconButton(
onPressed: () {
model.bukaDialogAksi(
model.listIstilah[index]);
},
icon: const Icon(Icons.info),
),
],
),
),
);
},
),
),
],
),
),
);
},
);
}
}

View File

@ -0,0 +1,72 @@
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../../../../app/app.dialogs.dart';
import '../../../../app/app.locator.dart';
import '../../../../app/app.logger.dart';
import '../../../../app/core/custom_base_view_model.dart';
import '../../../../model/istilah_model1.dart';
import '../../../../services/my_tts.dart';
class ListDetailIstilahViewModel extends CustomBaseViewModel {
final log = getLogger('ListDetailIstilahViewModel');
final myTts = locator<MyTts>();
TextEditingController searchController = TextEditingController();
List<IstilahModel1> listIstilah = [];
List<IstilahModel1> allListIstilah = [];
Future<void> init(String kategori) async {
// await myTts.init();
// myTts.getVoices();
var data = await rootBundle.loadString('assets/dataset1.json');
final List<dynamic> jsonData = json.decode(data);
listIstilah = jsonData
.map((dynamic item) =>
IstilahModel1.fromJson(item as Map<String, dynamic>))
.where((IstilahModel1 istilah) => istilah.kategori == kategori)
.toList();
allListIstilah = listIstilah;
notifyListeners();
}
cekSuara(IstilahModel1 listIstilah) {
myTts.stop();
// speak the listIstilah.istilah and wait 2 seconds then speak the listIstilah.arti
myTts.speak(listIstilah.istilah!);
Future.delayed(const Duration(seconds: 2), () {
myTts.speak(listIstilah.arti!);
});
}
searchIstilah() {
if (searchController.text.isEmpty) {
listIstilah = allListIstilah;
} else {
listIstilah = allListIstilah
.where((IstilahModel1 istilah) => istilah.istilah!
.toLowerCase()
.contains(searchController.text.toLowerCase()))
.toList();
}
notifyListeners();
}
bukaDialogAksi(IstilahModel1 listIstilah) async {
var res = await dialogService.showCustomDialog(
variant: DialogType.actionDialogView,
title: 'Form Aksi',
data: listIstilah,
barrierDismissible: true,
);
if (res!.confirmed) {
log.i('confirmed');
// do something
}
}
}

View File

@ -20,64 +20,69 @@ class ListKamusKesehatanView extends StatelessWidget {
ListKamusKesehatanViewModel model,
Widget? child,
) {
return Padding(
padding: const EdgeInsets.all(25),
child: Column(
children: [
MyTextFormField(
hintText: 'Cari istilah',
labelText: 'Cari istilah',
controller: model.searchController,
suffixIcon: const Icon(Icons.search),
onChanged: (String value) {
model.searchIstilah();
},
),
const SizedBox(
height: 20,
),
Expanded(
child: model.listIstilah.isEmpty
? const Center(
child: CircularProgressIndicator(),
)
: ListView.builder(
itemCount: model.listIstilah.length,
itemBuilder: (
BuildContext context,
int index,
) {
return Card(
child: ListTile(
title: Text(
model.listIstilah[index].istilah!.toUpperCase(),
style: boldTextStyle,
return WillPopScope(
onWillPop: () async => false,
child: Padding(
padding: const EdgeInsets.all(25),
child: Column(
children: [
MyTextFormField(
hintText: 'Cari istilah',
labelText: 'Cari istilah',
controller: model.searchController,
suffixIcon: const Icon(Icons.search),
onChanged: (String value) {
model.searchIstilah();
},
),
const SizedBox(
height: 20,
),
Expanded(
child: model.listIstilah.isEmpty
? const Center(
child: CircularProgressIndicator(),
)
: ListView.builder(
itemCount: model.listIstilah.length,
itemBuilder: (
BuildContext context,
int index,
) {
return Card(
child: ListTile(
title: Text(
model.listIstilah[index].istilah!
.toUpperCase(),
style: boldTextStyle,
),
subtitle: Text(model.listIstilah[index].arti!),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
GestureDetector(
onTap: () {
model
.cekSuara(model.listIstilah[index]);
},
child: const Icon(Icons.volume_up),
),
IconButton(
onPressed: () {
model.bukaDialogAksi(
model.listIstilah[index]);
},
icon: const Icon(Icons.info),
),
],
),
),
subtitle: Text(model.listIstilah[index].arti!),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
GestureDetector(
onTap: () {
model.cekSuara(model.listIstilah[index]);
},
child: const Icon(Icons.volume_up),
),
IconButton(
onPressed: () {
model.bukaDialogAksi(
model.listIstilah[index]);
},
icon: const Icon(Icons.info),
),
],
),
),
);
},
),
),
],
);
},
),
),
],
),
),
);
},

View File

@ -20,72 +20,82 @@ class ProfilUserView extends StatelessWidget {
ProfilUserViewModel model,
Widget? child,
) {
return Padding(
padding: const EdgeInsets.all(25),
child: Column(
children: [
// MyTextFormField(
// hintText: 'Cari istilah',
// labelText: 'Cari istilah',
// controller: model.searchController,
// suffixIcon: const Icon(Icons.search),
// onChanged: (String value) {
// model.searchIstilah();
// },
// ),
// const SizedBox(
// height: 20,
// ),
Expanded(
child: model.listIstilah == null
? const Center(
child: CircularProgressIndicator(),
)
: model.listIstilah!.isEmpty
? const Center(
child: Text('Belum ada bookmark'),
)
: ListView.builder(
itemCount: model.listIstilah!.length,
itemBuilder: (
BuildContext context,
int index,
) {
return Card(
child: ListTile(
onTap: () =>
model.cekSuara(model.listIstilah![index]),
title: Text(
model.listIstilah![index].istilah!
.toUpperCase(),
style: boldTextStyle,
return WillPopScope(
onWillPop: () async => false,
child: Padding(
padding: const EdgeInsets.all(25),
child: Column(
children: [
// MyTextFormField(
// hintText: 'Cari istilah',
// labelText: 'Cari istilah',
// controller: model.searchController,
// suffixIcon: const Icon(Icons.search),
// onChanged: (String value) {
// model.searchIstilah();
// },
// ),
// const SizedBox(
// height: 20,
// ),
Expanded(
child: model.listIstilah == null
? const Center(
child: CircularProgressIndicator(),
)
: model.listIstilah!.isEmpty
? const Center(
child: Text('Belum ada bookmark'),
)
: ListView.builder(
itemCount: model.listIstilah!.length,
itemBuilder: (
BuildContext context,
int index,
) {
return Card(
child: ListTile(
onTap: () => model
.cekSuara(model.listIstilah![index]),
title: Text(
model.listIstilah![index].istilah!
.toUpperCase(),
style: boldTextStyle,
),
subtitle:
Text(model.listIstilah![index].arti!),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
GestureDetector(
onTap: () {
// model.cekSuara(model.listIstilah[index]);
model.openWhatsapp(
model.listIstilah![index],
);
},
child: const Icon(Icons.phone),
),
IconButton(
onPressed: () {
// model.bukaDialogAksi(
// model.listIstilah[index]);
model.deleteBookmark(
model.listIstilah![index],
);
},
icon:
const Icon(Icons.delete_forever),
),
],
),
),
subtitle:
Text(model.listIstilah![index].arti!),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
GestureDetector(
onTap: () {
// model.cekSuara(model.listIstilah[index]);
},
child: const Icon(Icons.phone),
),
IconButton(
onPressed: () {
// model.bukaDialogAksi(
// model.listIstilah[index]);
},
icon: const Icon(Icons.delete_forever),
),
],
),
),
);
},
),
),
],
);
},
),
),
],
),
),
);
// return const Scaffold(

View File

@ -1,5 +1,6 @@
import 'package:kamus_kesehatan/model/istilah_model.dart';
import '../../../../app/app.dialogs.dart';
import '../../../../app/app.locator.dart';
import '../../../../app/app.logger.dart';
import '../../../../app/core/custom_base_view_model.dart';
@ -41,4 +42,23 @@ class ProfilUserViewModel extends CustomBaseViewModel {
myTts.speak(listIstilah.arti!);
});
}
deleteBookmark(IstilahModel listIstilah) async {
List<dynamic> listBookmark = await myStorage.read('listBookmark');
log.i('ini listBookmark $listBookmark');
listBookmark.removeWhere(
(element) => element['istilah'] == listIstilah.istilah,
);
log.i('ini listBookmark $listBookmark');
await myStorage.write('listBookmark', listBookmark);
await init();
notifyListeners();
}
openWhatsapp(IstilahModel data) async {
await dialogService.showCustomDialog(
variant: DialogType.nomorTelponDialogView,
data: data,
);
}
}

View File

@ -25,66 +25,69 @@ class UserTrackingIndexView extends StatelessWidget {
Widget? child,
) {
return SafeArea(
child: Scaffold(
appBar: AppBar(
backgroundColor: mainColor,
title: Text(
model.header,
style: const TextStyle(
color: fontColor,
fontSize: 20,
),
),
elevation: 0,
automaticallyImplyLeading: false,
actions: [
IconButton(
onPressed: () {
model.exitApp();
},
icon: const Icon(Icons.logout, color: fontColor),
),
],
),
extendBody: false,
body: ExtendedNavigator(
router: UserTrackingIndexViewRouter(),
navigatorKey: StackedService.nestedNavigationKey(2),
initialRoute: UserTrackingIndexViewRoutes.listKamusKesehatanView,
),
bottomNavigationBar: StylishBottomBar(
items: [
for (var item in model.bottomNavBarList)
BottomBarItem(
icon: Icon(item['icon'],
color: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? mainColor
: fontColor),
title: Text(
item['name'],
style: regularTextStyle.copyWith(
color: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? mainColor
: fontColor,
),
// textAlign: TextAlign.l,
),
backgroundColor: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? fontColor
: fontColor,
child: WillPopScope(
onWillPop: () async => false,
child: Scaffold(
appBar: AppBar(
backgroundColor: mainColor,
title: Text(
model.header,
style: const TextStyle(
color: fontColor,
fontSize: 20,
),
],
currentIndex: model.currentIndex,
option: BubbleBarOptions(),
hasNotch: true,
backgroundColor: mainColor,
onTap: (value) {
model.handleNavigation(value);
},
// fabLocation: StylishBarFabLocation.center,
),
elevation: 0,
automaticallyImplyLeading: false,
actions: [
IconButton(
onPressed: () {
model.exitApp();
},
icon: const Icon(Icons.logout, color: fontColor),
),
],
),
extendBody: false,
body: ExtendedNavigator(
router: UserTrackingIndexViewRouter(),
navigatorKey: StackedService.nestedNavigationKey(2),
initialRoute: UserTrackingIndexViewRoutes.halamanUtamaView,
),
bottomNavigationBar: StylishBottomBar(
items: [
for (var item in model.bottomNavBarList)
BottomBarItem(
icon: Icon(item['icon'],
color: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? mainColor
: fontColor),
title: Text(
item['name'],
style: regularTextStyle.copyWith(
color: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? mainColor
: fontColor,
),
// textAlign: TextAlign.l,
),
backgroundColor: model.currentIndex ==
model.bottomNavBarList.indexOf(item)
? fontColor
: fontColor,
),
],
currentIndex: model.currentIndex,
option: BubbleBarOptions(),
hasNotch: true,
backgroundColor: mainColor,
onTap: (value) {
model.handleNavigation(value);
},
// fabLocation: StylishBarFabLocation.center,
),
),
),
);

View File

@ -32,7 +32,8 @@ class UserTrackingIndexViewModel extends IndexTrackingViewModel {
final List<String> _views = [
// UserTrackingIndexViewRoutes.tampilkanListView,
UserTrackingIndexViewRoutes.listKamusKesehatanView,
// UserTrackingIndexViewRoutes.listKamusKesehatanView,
UserTrackingIndexViewRoutes.halamanUtamaView,
UserTrackingIndexViewRoutes.profilUserView,
];