ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-07-10 07:07:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

add sensor type icons, and help description icon

Browse Source
This commit is contained in:
ashrafzarkanisala
2024-08-27 19:54:52 +03:00
parent 76b3b6a432
commit 5daf7228af
10 changed files with 221 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
lib/pages/device_managment/ceiling_sensor/view/ceiling_sensor_controls.dart
View File

@ -6,6 +6,7 @@ import 'package:syncrow_web/pages/device_managment/ceiling_sensor/bloc/event.dar
import 'package:syncrow_web/pages/device_managment/ceiling_sensor/bloc/state.dart';
import 'package:syncrow_web/pages/device_managment/ceiling_sensor/model/ceiling_sensor_model.dart';
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_display_data.dart';
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_space_type.dart';
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_static_widget.dart';
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_status.dart';
import 'package:syncrow_web/pages/device_managment/shared/sensors_widgets/presence_update_data.dart';
@ -99,6 +100,16 @@ class CeilingSensorControls extends StatelessWidget
postfix: 'm',
description: 'Detection Range',
),
const PresenceSpaceType(
listOfIcons: [
Assets.office,
Assets.parlour,
Assets.dyi,
Assets.bathroom,
Assets.bedroom,
],
description: 'Space Type',
),
PresenceUpdateData(
value: model.sensitivity.toDouble(),
title: 'Sensitivity:',
@ -153,11 +164,11 @@ class CeilingSensorControls extends StatelessWidget
GestureDetector(
onTap: () {
context.read<CeilingSensorBloc>().add(GetCeilingDeviceReportsEvent(
code: 'presence_record', deviceUuid: device.uuid!));
code: '', deviceUuid: device.uuid!));
},
child: const PresenceStaticWidget(
icon: Assets.presenceRecordIcon,
description: 'Presence Record',
icon: Assets.helpDescriptionIcon,
description: 'Help Description',
),
),
],

2
lib/pages/device_managment/shared/device_controls_container.dart
View File

@ -13,7 +13,7 @@ class DeviceControlsContainer extends StatelessWidget {
color: ColorsManager.greyColor.withOpacity(0.2),
border: Border.all(color: ColorsManager.boxDivider),
),
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(12),
child: child,
);
}

50
lib/pages/device_managment/shared/sensors_widgets/presence_space_type.dart Normal file
View File

@ -0,0 +1,50 @@
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_web/core/extension/build_context_x.dart';
import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
import 'package:syncrow_web/utils/color_manager.dart';
class PresenceSpaceType extends StatelessWidget {
const PresenceSpaceType({
super.key,
required this.listOfIcons,
required this.description,
});
final List<String> listOfIcons;
final String description;
@override
Widget build(BuildContext context) {
return DeviceControlsContainer(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
description,
style: context.textTheme.bodySmall!.copyWith(
color: ColorsManager.blackColor,
fontWeight: FontWeight.w400,
fontSize: 10,
),
),
const SizedBox(
height: 8,
),
Wrap(
runSpacing: 8,
spacing: 16,
children: [
...listOfIcons.map((icon) => SvgPicture.asset(
icon,
width: 40,
height: 40,
)),
],
),
],
),
);
}
}

7
lib/utils/constants/assets.dart
View File

@ -135,6 +135,11 @@ class Assets {
static const String doorUnlock = 'assets/icons/door_un_look_ic.svg';
//assets/icons/lockIcon.svg
static const String lockIcon = 'assets/icons/lockIcon.svg';
static const String bathroom = 'assets/icons/bathroom.svg';
static const String bedroom = 'assets/icons/bedroom.svg';
static const String dyi = 'assets/icons/dyi.svg';
static const String office = 'assets/icons/office.svg';
static const String parlour = 'assets/icons/parlour.svg';
}