step 12 : proses edit rekaman

This commit is contained in:
sindhu
2025-02-22 13:20:07 +07:00
parent 1206d7de24
commit a80b2b4ec0
4 changed files with 185 additions and 14 deletions

View File

@@ -14,7 +14,7 @@ class VoiceToTextRepository extends BaseRepository {
}) async { }) async {
// final service = "${Constant.baseUrl}xauth/login"; // final service = "${Constant.baseUrl}xauth/login";
final service = final service =
"http://${host}/one-api/scan-ktp/Voicetotext/listRiwayatRekaman"; "http://${host}/one-api/voice_2text/Voicetotext/listRiwayatRekaman";
final resp = await post(param: {"userId": userId}, service: service); final resp = await post(param: {"userId": userId}, service: service);
final result = List<VoiceToTextModel>.empty(growable: true); final result = List<VoiceToTextModel>.empty(growable: true);
@@ -34,7 +34,8 @@ class VoiceToTextRepository extends BaseRepository {
required String qrCodeStr, required String qrCodeStr,
}) async { }) async {
// final service = "${Constant.baseUrl}xauth/login"; // final service = "${Constant.baseUrl}xauth/login";
final service = "http://${host}/one-api/scan-ktp/Voicetotext/uploadRekaman"; final service =
"http://${host}/one-api/voice_2text/Voicetotext/uploadRekaman";
FormData formData = FormData.fromMap({ FormData formData = FormData.fromMap({
"audio": await MultipartFile.fromFile( "audio": await MultipartFile.fromFile(
@@ -42,7 +43,7 @@ class VoiceToTextRepository extends BaseRepository {
filename: "rekaman.mp3", filename: "rekaman.mp3",
), ),
"userId": userId, "userId": userId,
"qrCodeStr":qrCodeStr, "qrCodeStr": qrCodeStr,
}); });
final resp = await postAudio( final resp = await postAudio(
@@ -58,4 +59,30 @@ class VoiceToTextRepository extends BaseRepository {
return result; return result;
} }
// edit
Future<String> prosesEdit({
required String host,
required String Voice2text_ID,
required String Voice2text_Note,
required String Voice2text_Text,
}) async {
final service = "http://${host}/one-api/voice_2text/Voicetotext/editRekaman";
final resp = await post(
param: {
"Voice2text_ID": Voice2text_ID,
"Voice2text_Note": Voice2text_Note,
"Voice2text_Text": Voice2text_Text,
},
service: service,
);
if (resp['status'] == "OK") {
return "Sukses Update Data";
} else {
resp['message'];
}
return resp['message'];
}
} }

View File

@@ -0,0 +1,75 @@
import 'package:dio/dio.dart';
import 'package:equatable/equatable.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:fluttervoice2text/model/voice_to_text_model.dart';
import 'package:fluttervoice2text/repository/voice_to_text_repository.dart';
import '../../provider/dio_provider.dart';
import '../../repository/base_repository.dart';
// 3. state provider
final editRekamProvider = StateNotifierProvider<EditRekamNotifier, EditRekamState>(
(ref) => EditRekamNotifier(ref: ref));
// 2. notifier
class EditRekamNotifier extends StateNotifier<EditRekamState> {
final Ref ref;
EditRekamNotifier({required this.ref}) : super(EditRekamStateInit());
void editRekam({
required String host,
required String Voice2text_ID,
required String Voice2text_Note,
required String Voice2text_Text,
}) async {
try {
state = EditRekamStateLoading();
final resp = await VoiceToTextRepository(
dio: ref.read(dioProvider),
).prosesEdit(
host: host,
Voice2text_Note: Voice2text_Note,
Voice2text_ID: Voice2text_ID,
Voice2text_Text:Voice2text_Text,
);
// print(resp);
state = EditRekamStateDone(pesan: resp);
} catch (e) {
if (e is BaseRepositoryException) {
state = EditRekamStateError(message: e.message);
} else {
state = EditRekamStateError(message: e.toString());
}
}
}
}
// 1. state
abstract class EditRekamState extends Equatable {
final DateTime date;
const EditRekamState(this.date);
@override
List<Object?> get props => [date];
}
class EditRekamStateInit extends EditRekamState {
EditRekamStateInit() : super(DateTime.now());
}
class EditRekamStateLoading extends EditRekamState {
EditRekamStateLoading() : super(DateTime.now());
}
class EditRekamStateError extends EditRekamState {
final String message;
EditRekamStateError({
required this.message,
}) : super(DateTime.now());
}
class EditRekamStateDone extends EditRekamState {
final String pesan;
EditRekamStateDone({
required this.pesan,
}) : super(DateTime.now());
}

View File

@@ -6,8 +6,11 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:toastification/toastification.dart'; import 'package:toastification/toastification.dart';
import '../../app/constant.dart'; import '../../app/constant.dart';
import '../../app/route.dart';
import '../../provider/current_user_provider.dart'; import '../../provider/current_user_provider.dart';
import '../../provider/voice_to_text_provider.dart'; import '../../provider/voice_to_text_provider.dart';
import '../home/list_riwayat_rekaman_provider.dart';
import 'edit_rekam_provider.dart';
class EditRekamScreen extends HookConsumerWidget { class EditRekamScreen extends HookConsumerWidget {
const EditRekamScreen({super.key}); const EditRekamScreen({super.key});
@@ -28,6 +31,7 @@ class EditRekamScreen extends HookConsumerWidget {
final player = useState(AudioPlayer()); final player = useState(AudioPlayer());
final urlRekaman = baseUrl + editData.Voice2text_Url; final urlRekaman = baseUrl + editData.Voice2text_Url;
final isPlaying = useState(false); final isPlaying = useState(false);
final isLoading = useState(false);
useEffect(() { useEffect(() {
WidgetsBinding.instance.addPostFrameCallback((timestamp) { WidgetsBinding.instance.addPostFrameCallback((timestamp) {
@@ -84,10 +88,10 @@ class EditRekamScreen extends HookConsumerWidget {
if (urlRekaman.isNotEmpty) { if (urlRekaman.isNotEmpty) {
try { try {
if (isPlaying.value) { if (isPlaying.value) {
await player.value.pause(); // Pause jika sedang diputar await player.value.stop(); // Jika sedang diputar, maka stop
} else { } else {
await player.value.setSourceUrl(urlRekaman); await player.value.setSourceUrl(urlRekaman);
await player.value.resume(); // Putar jika tidak sedang diputar await player.value.resume(); // Jika tidak diputar, mulai pemutaran
} }
isPlaying.value = !isPlaying.value; isPlaying.value = !isPlaying.value;
} catch (e) { } catch (e) {
@@ -110,6 +114,52 @@ class EditRekamScreen extends HookConsumerWidget {
} }
} }
// list Riwayat Rekam
ref.listen(listRiwayatRekamanProvider, (prev, next) {
if (next is ListRiwayatRekamanStateLoading) {
// isLoading.value = true;
} else if (next is ListRiwayatRekamanStateError) {
// isLoading.value = false;
// errorMessage.value = next.message;
showLongToast(
'Error',
next.message,
'error',
Duration(seconds: 3),
);
} else if (next is ListRiwayatRekamanStateDone) {
// isLoading.value = false;
Navigator.of(context).pop();
Navigator.of(context).pushNamedAndRemoveUntil(
homeRoute,
(route) => false,
);
}
});
// proses edit
ref.listen(editRekamProvider, (prev, next) {
if (next is EditRekamStateLoading) {
isLoading.value = true;
} else if (next is EditRekamStateError) {
isLoading.value = false;
// errorMessage.value = next.message;
showLongToast(
'Error',
next.message,
'error',
Duration(seconds: 3),
);
} else if (next is EditRekamStateDone) {
isLoading.value = false;
ref.read(listRiwayatRekamanProvider.notifier).listRiwayatRekaman(
host: host,
userId: userId,
);
}
});
return GestureDetector( return GestureDetector(
onTap: () { onTap: () {
FocusManager.instance.primaryFocus!.unfocus(); FocusManager.instance.primaryFocus!.unfocus();
@@ -144,7 +194,17 @@ class EditRekamScreen extends HookConsumerWidget {
), ),
const Spacer(), const Spacer(),
ElevatedButton( ElevatedButton(
onPressed: playRekaman, onPressed: isLoading.value
? null
: () async {
isLoading.value = true;
ref.read(editRekamProvider.notifier).editRekam(
host: host,
Voice2text_ID: editData.Voice2text_ID,
Voice2text_Note: ref.read(noteCtr).text,
Voice2text_Text: ref.read(textCtr).text,
);
},
style: ElevatedButton.styleFrom( style: ElevatedButton.styleFrom(
backgroundColor: Constant.bgButton, backgroundColor: Constant.bgButton,
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
@@ -155,19 +215,28 @@ class EditRekamScreen extends HookConsumerWidget {
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Text( isLoading.value
'SAVE', ? Text(
style: Constant.titleButton500(context: context).copyWith( 'LOADING',
color: Constant.textWhite, style: Constant.titleButton500(context: context)
), .copyWith(
), color: Constant.textWhite,
),
)
: Text(
'SAVE',
style: Constant.titleButton500(context: context)
.copyWith(
color: Constant.textWhite,
),
),
], ],
), ),
), ),
], ],
), ),
), ),
body: Column( body: ListView(
children: [ children: [
// atas // atas
Image.asset( Image.asset(

View File

@@ -373,7 +373,7 @@ class RekamScreen extends HookConsumerWidget {
), ),
body: Padding( body: Padding(
padding: EdgeInsets.symmetric(horizontal: 20), padding: EdgeInsets.symmetric(horizontal: 20),
child: Column( child: ListView(
children: [ children: [
if (awalan.value == "Info :") if (awalan.value == "Info :")
SizedBox( SizedBox(