Added SmartLinkage page

2025-07-16 10:06:16 +00:00 · 2024-04-25 13:15:35 +03:00
parent 1e8fb49b45
commit b9c181c944
7 changed files with 122 additions and 1 deletions
--- a/assets/icons/linkageIcons/doorLockAlarm.svg
+++ b/assets/icons/linkageIcons/doorLockAlarm.svg
@ -0,0 +1,11 @@
+<svg width="45" height="39" viewBox="0 0 45 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.5233 38.287H9.4765C8.76168 38.287 8.18213 37.7074 8.18213 36.9926C8.18213 36.2778 8.76177 35.6982 9.4765 35.6982H35.5234C36.2382 35.6982 36.8177 36.2778 36.8177 36.9926C36.8177 37.7074 36.2381 38.287 35.5233 38.287Z" fill="#585A60"/>
+<path d="M35.5234 36.9924H9.47658C8.99784 36.9924 8.5808 36.7318 8.35685 36.3452C7.8579 37.2064 8.48122 38.2868 9.47658 38.2868H35.5235C36.5168 38.2868 37.143 37.2082 36.6432 36.3452C36.4192 36.7318 36.0021 36.9924 35.5234 36.9924Z" fill="#414356"/>
+<path d="M22.5001 13.021C16.3816 13.021 11.4219 17.9808 11.4219 24.0992V35.9694H33.5781V24.0992C33.5781 17.9808 28.6183 13.021 22.5001 13.021Z" fill="#F74C48"/>
+<path d="M26.3394 13.7048C25.1432 13.2628 23.8499 13.021 22.5001 13.021C16.3816 13.021 11.4219 17.9808 11.4219 24.0992V35.9695H19.1008V24.0993C19.1008 19.3308 22.1135 15.2663 26.3394 13.7048Z" fill="#D63322"/>
+<path d="M7.37685 23.7943H1.29437C0.57964 23.7943 0 23.2148 0 22.4999C0 21.785 0.57964 21.2056 1.29437 21.2056H7.37676C8.09158 21.2056 8.67113 21.7851 8.67113 22.4999C8.67122 23.2148 8.09158 23.7943 7.37685 23.7943Z" fill="#C6271A"/>
+<path d="M43.7058 23.7947H37.6235C36.9085 23.7947 36.3291 23.2152 36.3291 22.5004C36.3291 21.7855 36.9086 21.2061 37.6235 21.2061H43.7057C44.4207 21.2061 45.0001 21.7856 45.0001 22.5004C45.0001 23.2152 44.4207 23.7947 43.7058 23.7947Z" fill="#C6271A"/>
+<path d="M38.4101 8.42057L34.1091 12.7215C33.6035 13.2271 32.784 13.2271 32.2787 12.7215C31.773 12.216 31.773 11.3965 32.2787 10.891L36.5796 6.59007C37.085 6.08452 37.9045 6.08461 38.4101 6.59007C38.9155 7.09561 38.9155 7.91511 38.4101 8.42057Z" fill="#C6271A"/>
+<path d="M23.7945 1.29437V7.37685C23.7945 8.09175 23.2148 8.67122 22.5002 8.67122C21.7853 8.67113 21.2058 8.09175 21.2058 7.37685V1.29437C21.2058 0.579552 21.7854 0.000175782 22.5002 0C23.2149 0.000175782 23.7945 0.579552 23.7945 1.29437Z" fill="#C6271A"/>
+<path d="M8.4206 6.58997L12.7214 10.8909C13.2269 11.3965 13.2269 12.216 12.7214 12.7214C12.2158 13.2269 11.3964 13.227 10.891 12.7214L6.5901 8.42047C6.08446 7.9151 6.08464 7.09551 6.5901 6.58997C7.09547 6.08459 7.91505 6.08459 8.4206 6.58997Z" fill="#C6271A"/>
+</svg>
--- a/assets/icons/linkageIcons/familyHome.svg
+++ b/assets/icons/linkageIcons/familyHome.svg
@ -0,0 +1,6 @@
+<svg width="45" height="43" viewBox="0 0 45 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5062 4.0995C22.9572 3.52803 22.0431 3.52803 21.4942 4.0995L5.99316 20.2354V40.4401C5.99316 41.57 6.90916 42.486 8.03908 42.486H36.9612C38.0911 42.486 39.0071 41.57 39.0071 40.4401C39.0071 40.0232 39.0071 21.2067 39.0071 20.2353L23.5062 4.0995Z" fill="#D8ECFE"/>
+<path d="M16.9824 42.4858V34.1179C16.9824 31.0704 19.4529 28.6001 22.5002 28.6001C25.5476 28.6001 28.018 31.0705 28.018 34.1179V42.4858C27.4389 42.4858 17.6149 42.4858 16.9824 42.4858Z" fill="#3C87D0"/>
+<path d="M23.5059 4.0995C22.9569 3.52803 22.0429 3.52803 21.4939 4.0995L18.698 7.00991C19.1308 6.94355 19.5886 7.07934 19.9164 7.42062L35.4174 23.5566V42.4861H36.9609C38.0908 42.4861 39.0068 41.5701 39.0068 40.4402C39.0068 40.0233 39.0068 21.2068 39.0068 20.2354L23.5059 4.0995Z" fill="#C4E2FF"/>
+<path d="M21.494 6.66578L3.44219 25.4571C3.08131 25.8327 2.48224 25.8388 2.11398 25.4704L0.272409 23.6289C-0.0856571 23.2708 -0.0914579 22.6921 0.259314 22.327L21.1587 0.571443C21.8906 -0.190481 23.1094 -0.190481 23.8413 0.571443L44.7407 22.327C45.0915 22.6922 45.0857 23.2708 44.7276 23.6289L42.8861 25.4704C42.5178 25.8388 41.9188 25.8327 41.5579 25.4571L23.506 6.66578C22.9571 6.09432 22.043 6.09432 21.494 6.66578Z" fill="#60B7FF"/>
+</svg>
--- a/lib/features/devices/view/widgets/smart_door/door_grid.dart
+++ b/lib/features/devices/view/widgets/smart_door/door_grid.dart
@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:syncrow_app/features/devices/view/widgets/smart_door/members_management_view.dart';
+import 'package:syncrow_app/features/devices/view/widgets/smart_door/smart_linkage_view.dart';
 import 'package:syncrow_app/features/devices/view/widgets/smart_door/unlocking_records_view.dart';
 import 'package:syncrow_app/features/shared_widgets/default_container.dart';
 import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
@ -84,6 +85,6 @@ List<Map<String, dynamic>> doorLockButtons = [
  {
    'title': 'Smart Linkage',
    'image': Assets.doorlockAssetsSmartLinkage,
-    'page': null,
+    'page': const SmartLinkgeView()
  },
 ];
--- a/lib/features/devices/view/widgets/smart_door/smart_linkage_view.dart
+++ b/lib/features/devices/view/widgets/smart_door/smart_linkage_view.dart
@ -0,0 +1,97 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:syncrow_app/features/shared_widgets/default_container.dart';
+import 'package:syncrow_app/features/shared_widgets/default_scaffold.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
+import 'package:syncrow_app/generated/assets.dart';
+
+class SmartLinkgeView extends StatelessWidget {
+  const SmartLinkgeView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultScaffold(
+      title: 'Scene',
+      child: Column(
+        children: [
+          DefaultContainer(
+            padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
+            child: Row(
+              children: [
+                SizedBox(
+                  width: 45,
+                  height: 40,
+                  child: SvgPicture.asset(Assets.linkageIconsFamilyHome),
+                ),
+                const SizedBox(width: 15),
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      BodyLarge(
+                        text: 'Family go home',
+                        fontWeight: FontWeight.bold,
+                      ),
+                      BodySmall(
+                        text: 'Trigger linkage when family member go home.',
+                      )
+                    ],
+                  ),
+                ),
+                const SizedBox(width: 10),
+                Transform.scale(
+                  scale: 1,
+                  child: CupertinoSwitch(
+                    value: false,
+                    onChanged: (value) {},
+                    applyTheme: true,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: 10),
+          DefaultContainer(
+            padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
+            child: Row(
+              children: [
+                SizedBox(
+                  width: 45,
+                  height: 40,
+                  child: SvgPicture.asset(Assets.linkageIconsDoorLockAlarm),
+                ),
+                const SizedBox(width: 15),
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      BodyLarge(
+                        text: 'Door Lock Alarm',
+                        fontWeight: FontWeight.bold,
+                      ),
+                      BodySmall(
+                        text: 'When door lock alarms, trigger linkage.',
+                      )
+                    ],
+                  ),
+                ),
+                const SizedBox(width: 10),
+                Transform.scale(
+                  scale: 1,
+                  child: CupertinoSwitch(
+                    value: false,
+                    onChanged: (value) {},
+                    applyTheme: true,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
--- a/lib/features/shared_widgets/text_widgets/custom_text_widget.dart
+++ b/lib/features/shared_widgets/text_widgets/custom_text_widget.dart
@ -30,6 +30,7 @@ class CustomText extends StatelessWidget {
  Widget build(BuildContext context) {
    //was SelectableText
    return Text(
+      softWrap: true,
      text,
      style: style,
      textAlign: textAlign,
--- a/lib/generated/assets.dart
+++ b/lib/generated/assets.dart
@ -158,6 +158,10 @@ class Assets {
  static const String imagesTestDash2 = 'assets/images/test_dash2.png';
  static const String imagesVector = 'assets/images/Vector.png';
  static const String imagesWhiteLogo = 'assets/images/white-logo.png';
+  static const String linkageIconsDoorLockAlarm =
+      'assets/icons/linkageIcons/doorLockAlarm.svg';
+  static const String linkageIconsFamilyHome =
+      'assets/icons/linkageIcons/familyHome.svg';
  static const String presenceSensorAssetsDistance =
      'assets/icons/presence-sensor-assets/Distance.svg';
  static const String presenceSensorAssetsEmpty =
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -55,6 +55,7 @@ flutter:
    - assets/icons/battery/dmOff/
    - assets/icons/battery/dmOn/
    - assets/icons/unlockingMethodsIcons/
+    - assets/icons/linkageIcons/

  fonts:
    - family: Aftika