agrilink/smartfarming-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add water pump status UI

Browse Source
This commit is contained in:
Syaroful 2024-11-12 10:54:42 +07:00
parent ff74888996
commit 6350a22b00
7 changed files with 222 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
agrilink_vocpro/assets/images/valve.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
agrilink_vocpro/assets/images/water_pump.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

52
agrilink_vocpro/lib/features/control/provider/control_provider.dart
View File

@ -1,4 +1,5 @@
import 'package:agrilink_vocpro/core/state/result_state.dart';
import 'package:agrilink_vocpro/data/model/relay_response.dart';
import 'package:agrilink_vocpro/domain/service/app_service.dart';
import 'package:flutter/foundation.dart';
@ -11,6 +12,18 @@ class ControlProvider extends ChangeNotifier {
bool _control_2 = false;
bool get control_2 => _control_2;
bool _control_3 = false;
bool get control_3 => _control_3;
Relay _relay1 = Relay();
Relay get relay1 => _relay1;
Relay _relay2 = Relay();
Relay get relay2 => _relay2;
Relay _relay3 = Relay();
Relay get relay3 => _relay3;
ControlProvider() {
getRelayStatus();
}
@ -28,10 +41,16 @@ class ControlProvider extends ChangeNotifier {
if (result.success == true) {
for (var element in result.data!) {
if (element.number == 1) {
switchControl1(element.currentStatus ?? false);
_relay1 = element;
switchControl(element.currentStatus ?? false, relayNumber: 1);
}
if (element.number == 2) {
switchControl2(element.currentStatus ?? false);
_relay2 = element;
switchControl(element.currentStatus ?? false, relayNumber: 2);
}
if (element.number == 3) {
_relay3 = element;
switchControl(element.currentStatus ?? false, relayNumber: 3);
}
}
relayState = ResultState.hasData;
@ -53,15 +72,13 @@ class ControlProvider extends ChangeNotifier {
relayState = ResultState.loading;
notifyListeners();
final int stateConverted;
if (state == true) {
stateConverted = 1;
} else {
stateConverted = 0;
}
final int stateConverted = state ? 1 : 0;
try {
final result = await _appService.switchRelay(
relayNumber: relayNumber, state: stateConverted);
relayNumber: relayNumber,
state: stateConverted,
);
if (result.success == true) {
relayState = ResultState.hasData;
notifyListeners();
@ -82,13 +99,20 @@ class ControlProvider extends ChangeNotifier {
}
}
void switchControl1(bool value) {
void switchControl(bool value, {required int relayNumber}) {
switch (relayNumber) {
case 1:
_control_1 = value;
notifyListeners();
}
void switchControl2(bool value) {
break;
case 2:
_control_2 = value;
break;
case 3:
_control_3 = value;
break;
default:
return;
}
notifyListeners();
}
}

118
agrilink_vocpro/lib/features/control/view/control_screen.dart
View File

@ -1,11 +1,18 @@
import 'dart:math';
import 'package:agrilink_vocpro/core/constant/app_color.dart';
import 'package:agrilink_vocpro/core/constant/app_theme.dart';
import 'package:agrilink_vocpro/core/extension/extention.dart';
import 'package:agrilink_vocpro/core/state/result_state.dart';
import 'package:agrilink_vocpro/features/control/provider/control_provider.dart';
import 'package:agrilink_vocpro/features/control/widgets/control_button_widget.dart';
import 'package:agrilink_vocpro/features/control/widgets/pump_status_widget.dart';
import 'package:agrilink_vocpro/features/control/widgets/relay_status_history_widget.dart';
import 'package:bootstrap_icons/bootstrap_icons.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:gauge_indicator/gauge_indicator.dart';
import 'package:provider/provider.dart';
class ControlScreen extends StatelessWidget {
@ -34,7 +41,7 @@ class ControlScreen extends StatelessWidget {
return const StatusBarWidget(
text: 'Memuat...',
icon: BootstrapIcons.cloud,
color: Colors.cyan,
color: Colors.grey,
isLoading: true,
);
case ResultState.hasData:
@ -59,6 +66,12 @@ class ControlScreen extends StatelessWidget {
);
}
}),
PumpStatusWidget(
title: 'Pompa Air',
subtitle: 'Relay 3',
isActive: provider.control_3,
onTap: () {},
),
SizedBox(height: 16.h),
GridView(
padding: EdgeInsets.all(16.r),
@ -76,12 +89,11 @@ class ControlScreen extends StatelessWidget {
subtitle: 'Relay 1',
isActive: provider.control_1,
onTap: () async {
final result = provider.control_1 != true
? await provider.switchRelay(1, true)
: await provider.switchRelay(1, false);
result == true
? provider.switchControl1(!provider.control_1)
: provider.switchControl1(provider.control_1);
await _changeRelayStateAction(
provider: provider,
relayOn: 1,
relayOff: 2,
);
},
),
ControlButtonWidget(
@ -89,22 +101,102 @@ class ControlScreen extends StatelessWidget {
subtitle: 'Relay 2',
isActive: provider.control_2,
onTap: () async {
final result = provider.control_2 != true
? await provider.switchRelay(2, true)
: await provider.switchRelay(2, false);
result == true
? provider.switchControl2(!provider.control_2)
: provider.switchControl2(provider.control_2);
await _changeRelayStateAction(
provider: provider,
relayOn: 2,
relayOff: 1,
);
},
),
],
),
SizedBox(height: 16.h),
Padding(
padding: EdgeInsets.fromLTRB(16.r, 0, 16.r, 16.h),
child: Row(
children: [
Icon(
BootstrapIcons.clock,
size: 20.r,
),
SizedBox(width: 8.w),
Text(
'Terakhir Diperbarui',
style: AppTheme.labelMedium,
),
],
),
),
Consumer<ControlProvider>(builder: (context, provider, child) {
return Column(
children: [
RelayStatusHistoryWidget(
name: 'Katup Nutrisi',
imageUrl: 'assets/images/valve.png',
enabledAt: provider.relay1.enabledAt,
disabledAt: provider.relay1.disabledAt,
),
RelayStatusHistoryWidget(
name: 'Katup Air',
imageUrl: 'assets/images/valve.png',
enabledAt: provider.relay2.enabledAt,
disabledAt: provider.relay2.disabledAt,
),
RelayStatusHistoryWidget(
name: 'Pompa Air',
imageUrl: 'assets/images/water_pump.png',
enabledAt: provider.relay3.enabledAt,
disabledAt: provider.relay3.disabledAt,
),
],
);
}),
],
),
),
),
);
}
Future<void> _changeRelayStateAction({
required ControlProvider provider,
required int relayOn,
required int relayOff,
}) async {
if (relayOn == 1) {
// Aktifkan relay 1 dan relay 3, matikan relay 2
if (provider.control_1 == false) {
await provider.switchRelay(relayOff, false); // Matikan relay 2
await provider.switchRelay(3, true); // Aktifkan relay 3
await provider.switchRelay(relayOn, true); // Aktifkan relay 1
provider.switchControl(true, relayNumber: 1);
provider.switchControl(true, relayNumber: 3);
provider.switchControl(false, relayNumber: 2);
} else {
// Matikan semua relay jika relay 1 dimatikan
await provider.switchRelay(3, false);
await provider.switchRelay(relayOn, false);
provider.switchControl(false, relayNumber: 1);
provider.switchControl(false, relayNumber: 3);
}
} else if (relayOn == 2) {
// Aktifkan relay 2 dan relay 3, matikan relay 1
if (provider.control_2 == false) {
await provider.switchRelay(relayOff, false); // Matikan relay 1
await provider.switchRelay(3, true); // Aktifkan relay 3
await provider.switchRelay(relayOn, true); // Aktifkan relay 2
provider.switchControl(true, relayNumber: 2);
provider.switchControl(true, relayNumber: 3);
provider.switchControl(false, relayNumber: 1);
} else {
// Matikan semua relay jika relay 2 dimatikan
await provider.switchRelay(3, false);
await provider.switchRelay(relayOn, false);
provider.switchControl(false, relayNumber: 2);
provider.switchControl(false, relayNumber: 3);
}
}
}
}
class StatusBarWidget extends StatelessWidget {

75
agrilink_vocpro/lib/features/control/widgets/pump_status_widget.dart Normal file
View File

@ -0,0 +1,75 @@
import 'package:agrilink_vocpro/core/constant/app_color.dart';
import 'package:agrilink_vocpro/core/constant/app_theme.dart';
import 'package:agrilink_vocpro/core/state/result_state.dart';
import 'package:agrilink_vocpro/features/control/provider/control_provider.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:provider/provider.dart';
class PumpStatusWidget extends StatelessWidget {
const PumpStatusWidget({
super.key,
required this.title,
required this.subtitle,
required this.isActive,
required this.onTap,
});
final String title;
final String subtitle;
final bool isActive;
final Function() onTap;
@override
Widget build(BuildContext context) {
return Container(
height: 100.h,
padding: EdgeInsets.all(16.r),
margin: EdgeInsets.symmetric(horizontal: 16.r),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16.r),
boxShadow: [
BoxShadow(
color: isActive
? AppColor.secondary.withOpacity(0.2)
: Colors.grey.withOpacity(0.2),
spreadRadius: 1.r,
blurRadius: 16.r,
offset: Offset(0, 12.r),
),
],
),
child: Row(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(title, style: AppTheme.labelMedium),
Text(subtitle, style: AppTheme.labelSmall),
],
),
Spacer(),
Consumer<ControlProvider>(
builder: (context, provider, child) {
switch (provider.relayState) {
case ResultState.loading:
return Image.asset(
'assets/images/water_pump.png',
width: 80.r,
color: AppColor.textDisable,
);
default:
return Image.asset(
'assets/images/water_pump.png',
width: 80.r,
color: isActive ? AppColor.secondary : AppColor.textDisable,
);
}
},
)
],
),
);
}
}

1
agrilink_vocpro/lib/features/home/view/home_screen.dart
View File

@ -126,6 +126,7 @@ class _HomeScreenState extends State<HomeScreen> {
),
),
body: DefaultTabController(
initialIndex: 1,
length: 3,
child: Stack(
children: [

2
agrilink_vocpro/lib/features/splash/view/splash_screen.dart
View File

@ -58,7 +58,7 @@ class _SplashScreenState extends State<SplashScreen> {
}
void _navigateAfterSplash(bool isLoggedIn) {
Timer(const Duration(seconds: 2), () {
Timer(const Duration(seconds: 1), () {
if (isLoggedIn == true) {
context.go(AppRoute.dashboard);
} else {