step 12 : proses edit rekaman
This commit is contained in:
@@ -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'];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
75
lib/screen/rekaman/edit_rekam_provider.dart
Normal file
75
lib/screen/rekaman/edit_rekam_provider.dart
Normal 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());
|
||||||
|
}
|
||||||
@@ -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(
|
||||||
|
|||||||
@@ -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(
|
||||||
|
|||||||
Reference in New Issue
Block a user