ammar/syncrow-app
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/syncrow-app.git synced 2025-11-27 02:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add smart door widgets

Browse Source 
Added new widgets for a smart door feature including a door button, grid, status bar, and interface. Also included assets and functionality for door lock buttons.
This commit is contained in:
Mohammad Salameh
2024-04-16 14:51:18 +03:00
parent 9904a8cc0b
commit cbe4fb285b
4 changed files with 261 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
lib/features/devices/view/widgets/smart_door/door_button.dart Normal file
View File

@ -0,0 +1,107 @@
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:syncrow_app/generated/assets.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
class DoorLockButton extends StatefulWidget {
const DoorLockButton({
super.key,
});
@override
State<DoorLockButton> createState() => _DoorLockButtonState();
}
class _DoorLockButtonState extends State<DoorLockButton>
with SingleTickerProviderStateMixin {
late AnimationController _animationController;
late Animation<double> _animation;
@override
void initState() {
super.initState();
_animationController = AnimationController(
vsync: this,
duration: const Duration(seconds: 2),
);
_animation = Tween<double>(begin: 0, end: 1.0).animate(_animationController)
..addListener(() {
if (_animation.status == AnimationStatus.completed) {
//TODO send a request to lock the door but check if the door is already locked
} else if (_animation.status == AnimationStatus.dismissed) {
//TODO send a request to unlock the door but check if the door is already unlocked
}
setState(() {});
});
}
@override
void dispose() {
_animationController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return ConstrainedBox(
constraints: const BoxConstraints(maxHeight: 290, minHeight: 290),
child: InkWell(
overlayColor: MaterialStateProperty.all(
ColorsManager.primaryColor.withOpacity(.06)),
borderRadius: BorderRadius.circular(500),
onTapDown: (details) {
if (_animationController.status == AnimationStatus.dismissed) {
_animationController.forward();
} else if (_animationController.status == AnimationStatus.completed) {
_animationController.reverse();
} else if (_animationController.status == AnimationStatus.forward) {
_animationController.reverse();
} else if (_animationController.status == AnimationStatus.reverse) {
_animationController.forward();
}
},
onTapUp: (details) {
if (_animationController.status == AnimationStatus.forward) {
_animationController.reverse();
} else if (_animationController.status == AnimationStatus.reverse) {
_animationController.forward();
}
},
child: Stack(
alignment: Alignment.center,
children: [
Container(
width: 250,
decoration: const ShapeDecoration(
shadows: [
BoxShadow(
color: Colors.grey,
blurRadius: 18,
offset: Offset(6, 7),
blurStyle: BlurStyle.outer,
),
],
color: Color(0xFFEBECED),
shape: CircleBorder(),
),
),
SizedBox.square(
dimension: 215,
child: CircularProgressIndicator(
value: _animation.value,
backgroundColor: Colors.transparent,
valueColor: const AlwaysStoppedAnimation<Color>(
ColorsManager.primaryColor,
),
strokeWidth: 10,
),
),
const Image(
image: AssetImage(Assets.doorlockAssetsDoorlockButtonTwo),
),
],
),
),
);
}
}

49
lib/features/devices/view/widgets/smart_door/door_grid.dart Normal file
View File

@ -0,0 +1,49 @@
import 'package:flutter/material.dart';
import 'package:syncrow_app/features/devices/view/widgets/smart_door/door_interface.dart';
import 'package:syncrow_app/features/shared_widgets/default_container.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
class DoorLockGrid extends StatelessWidget {
const DoorLockGrid({
super.key,
});
@override
Widget build(BuildContext context) {
return ConstrainedBox(
constraints: const BoxConstraints(maxHeight: 270),
child: GridView.builder(
// shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
mainAxisSpacing: 10,
crossAxisSpacing: 10,
childAspectRatio: 1.75 / 1,
),
itemCount: 4,
itemBuilder: (context, index) => DefaultContainer(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
ConstrainedBox(
constraints: const BoxConstraints(maxHeight: 46, maxWidth: 50),
child: Image(
image: AssetImage(doorLockButtons.values.elementAt(index)),
),
),
const SizedBox(
height: 15,
),
BodySmall(
text: doorLockButtons.keys.elementAt(index),
textAlign: TextAlign.center,
),
],
),
),
),
);
}
}

174
lib/features/devices/view/widgets/smart_door/door_interface.dart
View File

@ -1,92 +1,88 @@
// import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
// import 'package:flutter/services.dart'; import 'package:flutter/services.dart';
// import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_svg/flutter_svg.dart';
// import 'package:syncrow_app/features/devices/model/device_model.dart'; import 'package:syncrow_app/features/devices/model/device_model.dart';
// import 'package:syncrow_app/features/shared_widgets/default_container.dart'; import 'package:syncrow_app/features/devices/view/widgets/smart_door/door_button.dart';
// import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart'; import 'package:syncrow_app/features/devices/view/widgets/smart_door/door_grid.dart';
// import 'package:syncrow_app/generated/assets.dart'; import 'package:syncrow_app/features/devices/view/widgets/smart_door/door_status_bar.dart';
// import 'package:syncrow_app/utils/resource_manager/color_manager.dart'; import 'package:syncrow_app/features/shared_widgets/default_container.dart';
// import 'package:syncrow_app/utils/resource_manager/constants.dart'; import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
// import 'package:syncrow_app/utils/resource_manager/font_manager.dart'; import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
import 'package:syncrow_app/generated/assets.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
import 'package:syncrow_app/utils/resource_manager/constants.dart';
import 'package:syncrow_app/utils/resource_manager/font_manager.dart';
// class DoorInterface extends StatelessWidget { class DoorInterface extends StatelessWidget {
// const DoorInterface({super.key, required this.doorlock}); const DoorInterface({super.key, required this.doorlock});
// final DeviceModel doorlock; final DeviceModel doorlock;
// @override @override
// Widget build(BuildContext context) { Widget build(BuildContext context) {
// return AnnotatedRegion( return AnnotatedRegion(
// value: SystemUiOverlayStyle( value: SystemUiOverlayStyle(
// statusBarColor: ColorsManager.primaryColor.withOpacity(0.5), statusBarColor: ColorsManager.primaryColor.withOpacity(0.5),
// statusBarIconBrightness: Brightness.light, statusBarIconBrightness: Brightness.light,
// ), ),
// child: SafeArea( child: SafeArea(
// child: Scaffold( child: Scaffold(
// backgroundColor: ColorsManager.backgroundColor, backgroundColor: ColorsManager.backgroundColor,
// extendBodyBehindAppBar: true, extendBodyBehindAppBar: true,
// extendBody: true, extendBody: true,
// appBar: AppBar( appBar: AppBar(
// backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
// centerTitle: true, centerTitle: true,
// title: BodyLarge( title: BodyLarge(
// text: doorlock.name ?? "", text: doorlock.name ?? "",
// fontColor: ColorsManager.primaryColor, fontColor: ColorsManager.primaryColor,
// fontWeight: FontsManager.bold, fontWeight: FontsManager.bold,
// ), ),
// ), ),
// body: Container( body: Container(
// width: MediaQuery.sizeOf(context).width, width: MediaQuery.sizeOf(context).width,
// height: MediaQuery.sizeOf(context).height, height: MediaQuery.sizeOf(context).height,
// decoration: const BoxDecoration( decoration: const BoxDecoration(
// image: DecorationImage( image: DecorationImage(
// image: AssetImage( image: AssetImage(
// Assets.imagesBackground, Assets.imagesBackground,
// ), ),
// fit: BoxFit.cover, fit: BoxFit.cover,
// opacity: 0.4, opacity: 0.4,
// ), ),
// ), ),
// child: Padding( child: Padding(
// padding: EdgeInsets.only( padding: EdgeInsets.only(
// top: Constants.appBarHeight, top: Constants.appBarHeight,
// left: Constants.defaultPadding, left: Constants.defaultPadding,
// right: Constants.defaultPadding, right: Constants.defaultPadding,
// bottom: Constants.bottomNavBarHeight, // bottom: Constants.bottomNavBarHeight / 2,
// ), ),
// child: Column( child: const Column(
// children: [ children: [
// Row( DoorLockStatusBar(),
// mainAxisAlignment: MainAxisAlignment.spaceBetween, Column(
// children: [ mainAxisAlignment: MainAxisAlignment.center,
// SvgPicture.asset(Assets.iconsWifi), children: [
// SvgPicture.asset(Assets.iconsBatteryIndicator), DoorLockButton(),
// ], DoorLockGrid(),
// ), SizedBox(
// SizedBox.square( height: 50,
// dimension: 255, ),
// ), ],
// SizedBox( )
// height: 80, ],
// ), )),
// GridView.builder( ),
// shrinkWrap: true, ),
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( ),
// crossAxisCount: 2, );
// mainAxisSpacing: 10, }
// crossAxisSpacing: 10, }
// ),
// itemBuilder: (context, index) => DefaultContainer( Map<String, String> doorLockButtons = {
// child: SizedBox.shrink(), 'Unlocking Records': Assets.doorlockAssetsUnlockingRecords,
// width: 175, 'Memebers Managment': Assets.doorlockAssetsMembersManagement,
// height: 100, 'Temporary Password': Assets.doorlockAssetsTemporaryPassword,
// ), 'Smart Linkage': Assets.doorlockAssetsSmartLinkage,
// ), };
// ],
// )),
// ),
// ),
// ),
// );
// }
// }

20
lib/features/devices/view/widgets/smart_door/door_status_bar.dart Normal file
View File

@ -0,0 +1,20 @@
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:syncrow_app/generated/assets.dart';
class DoorLockStatusBar extends StatelessWidget {
const DoorLockStatusBar({
super.key,
});
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SvgPicture.asset(Assets.iconsWifi),
SvgPicture.asset(Assets.dmOffPerOnchargOfflowOffpmOffstDefaultdmOff),
],
);
}
}