update gitignore
This commit is contained in:
kicap
263
lib/ui/views/log_data/log_data_view.dart
Normal file
263
lib/ui/views/log_data/log_data_view.dart
Normal file
@ -0,0 +1,263 @@
|
||||
import 'package:electric_app/app/themes/app_text.dart';
|
||||
import 'package:electric_app/ui/widgets/my_textformfield.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:stacked/stacked.dart';
|
||||
|
||||
import '../../../app/themes/app_colors.dart';
|
||||
import '../../../model/electric_model.dart';
|
||||
import './log_data_view_model.dart';
|
||||
|
||||
class LogDataView extends StatelessWidget {
|
||||
const LogDataView({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ViewModelBuilder<LogDataViewModel>.reactive(
|
||||
viewModelBuilder: () => LogDataViewModel(),
|
||||
onViewModelReady: (LogDataViewModel model) async {
|
||||
await model.init();
|
||||
},
|
||||
builder: (
|
||||
BuildContext context,
|
||||
LogDataViewModel model,
|
||||
Widget? child,
|
||||
) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
automaticallyImplyLeading: false,
|
||||
backgroundColor: mainColor,
|
||||
title: const Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Image(
|
||||
image: AssetImage("assets/logo.png"),
|
||||
width: 30,
|
||||
height: 30,
|
||||
),
|
||||
SizedBox(width: 10),
|
||||
Text(
|
||||
'Log Data',
|
||||
style: TextStyle(
|
||||
color: backgroundColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
body: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 10),
|
||||
MyTextFormField(
|
||||
controller: model.dateController,
|
||||
hintText: "Pencarian Tanggal",
|
||||
suffixIcon: const Icon(
|
||||
Icons.calendar_month,
|
||||
color: mainColor,
|
||||
),
|
||||
readOnly: true,
|
||||
onTap: () async {
|
||||
model.log.wtf("Pencarian Tanggal");
|
||||
await model.changeDate(context);
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 15),
|
||||
_ContainerData(
|
||||
name: "Fase R",
|
||||
data: model.listFaseR,
|
||||
color: Colors.red,
|
||||
),
|
||||
const SizedBox(height: 15),
|
||||
_ContainerData(
|
||||
name: "Fase S",
|
||||
data: model.listFaseS,
|
||||
color: Colors.yellow,
|
||||
),
|
||||
const SizedBox(height: 15),
|
||||
_ContainerData(
|
||||
name: "Fase T",
|
||||
data: model.listFaseT,
|
||||
color: Colors.green,
|
||||
),
|
||||
const SizedBox(height: 15),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ContainerData extends StatelessWidget {
|
||||
const _ContainerData({
|
||||
required this.name,
|
||||
required this.data,
|
||||
required this.color,
|
||||
});
|
||||
|
||||
final String name;
|
||||
final List<ElectricModel> data;
|
||||
final Color color;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.grey.withOpacity(0.5),
|
||||
spreadRadius: 5,
|
||||
blurRadius: 7,
|
||||
offset: const Offset(0, 3),
|
||||
)
|
||||
]),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Data Log$name",
|
||||
style: boldTextStyle.copyWith(
|
||||
color: color,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 5),
|
||||
if (data.isNotEmpty)
|
||||
Table(
|
||||
border: TableBorder.all(),
|
||||
children: [
|
||||
const TableRow(
|
||||
children: [
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'Waktu',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'Voltage',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'Current',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'Power',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'Energy',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
'PF',
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
...data.map(
|
||||
(data) {
|
||||
// add 1 day to the date
|
||||
var theDate = DateTime.parse(data.date!);
|
||||
theDate = theDate.add(const Duration(days: 1));
|
||||
// get the date in the format dd-mm-yyyy
|
||||
String formattedDate =
|
||||
theDate.toIso8601String().split('T')[0];
|
||||
return TableRow(
|
||||
children: [
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
"$formattedDate\n${data.time!}",
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
data.voltage! == ' NAN'
|
||||
? '-'
|
||||
: '${data.voltage!} V',
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
data.current! == ' NAN'
|
||||
? '-'
|
||||
: '${data.current!} A',
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
data.power! == ' NAN' ? '-' : '${data.power!} W',
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
data.energy! == ' NAN'
|
||||
? '-'
|
||||
: '${data.energy!} KWh',
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
TableCell(
|
||||
child: Center(
|
||||
child: Text(
|
||||
data.pf! == ' NAN' ? '-' : '${data.pf!} %',
|
||||
style: italicTextStyle.copyWith(fontSize: 12),
|
||||
)),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
if (data.isEmpty)
|
||||
const Center(
|
||||
child: Text(
|
||||
"Tidak ada data",
|
||||
style: boldTextStyle,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
65
lib/ui/views/log_data/log_data_view_model.dart
Normal file
65
lib/ui/views/log_data/log_data_view_model.dart
Normal file
@ -0,0 +1,65 @@
|
||||
import 'package:date_picker_plus/date_picker_plus.dart';
|
||||
import 'package:electric_app/model/electric_model.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../../../app/app.logger.dart';
|
||||
import '../../../app/core/custom_base_view_model.dart';
|
||||
|
||||
class LogDataViewModel extends CustomBaseViewModel {
|
||||
final log = getLogger('LogDataViewModel');
|
||||
List<ElectricModel> listFaseR = [];
|
||||
List<ElectricModel> listFaseS = [];
|
||||
List<ElectricModel> listFaseT = [];
|
||||
TextEditingController dateController = TextEditingController();
|
||||
DateTime selectedDate = DateTime.now().subtract(const Duration(days: 1));
|
||||
|
||||
Future<void> init() async {
|
||||
await getData(null);
|
||||
}
|
||||
|
||||
getData(String? param) async {
|
||||
try {
|
||||
var response = await httpService.get('?date=${param ?? ''}');
|
||||
var data = response.data;
|
||||
var faseR = data['result_fase_r'];
|
||||
var faseS = data['result_fase_s'];
|
||||
var faseT = data['result_fase_t'];
|
||||
|
||||
listFaseR.clear();
|
||||
listFaseS.clear();
|
||||
listFaseT.clear();
|
||||
|
||||
listFaseR = faseR
|
||||
.map<ElectricModel>((json) => ElectricModel.fromJson(json))
|
||||
.toList();
|
||||
listFaseS = faseS
|
||||
.map<ElectricModel>((json) => ElectricModel.fromJson(json))
|
||||
.toList();
|
||||
listFaseT = faseT
|
||||
.map<ElectricModel>((json) => ElectricModel.fromJson(json))
|
||||
.toList();
|
||||
notifyListeners();
|
||||
} catch (e) {
|
||||
log.e(e);
|
||||
}
|
||||
}
|
||||
|
||||
changeDate(BuildContext context) async {
|
||||
var date = await showDatePickerDialog(
|
||||
context: context,
|
||||
minDate: DateTime(2024, 1, 1),
|
||||
// maxdate = yesterday
|
||||
maxDate: DateTime.now(),
|
||||
);
|
||||
|
||||
// only get the date in the format yyyy-mm-dd
|
||||
if (date != null) {
|
||||
String formattedDate = date.toIso8601String().split('T')[0];
|
||||
dateController.text = formattedDate;
|
||||
log.wtf(formattedDate);
|
||||
getData(formattedDate);
|
||||
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user