push gatway devices

2025-11-26 23:44:54 +00:00 · 2024-08-26 21:23:32 +03:00
parent 2777dc1a5f
commit 191801d9a8
17 changed files with 424 additions and 22 deletions
--- a/lib/pages/device_managment/gateway/view/gateway_view.dart
+++ b/lib/pages/device_managment/gateway/view/gateway_view.dart
@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:syncrow_web/pages/device_managment/gateway/bloc/gate_way_bloc.dart';
+import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
+import 'package:syncrow_web/pages/visitor_password/model/device_model.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/helpers/responsice_layout_helper/responsive_layout_helper.dart';
+
+class GateWayControls extends StatelessWidget with HelperResponsiveLayout {
+  const GateWayControls({super.key, required this.gatewayId});
+
+  final String gatewayId;
+
+  @override
+  Widget build(BuildContext context) {
+    final isLarge = isLargeScreenSize(context);
+    final isMedium = isMediumScreenSize(context);
+
+    return BlocProvider(
+      create: (context) => GateWayBloc()..add(GatWayById(gatewayId)),
+      child: BlocBuilder<GateWayBloc, GateWayState>(
+        builder: (context, state) {
+          if (state is GatewayLoadingState) {
+            return const Center(child: CircularProgressIndicator());
+          } else if (state is UpdateGatewayState) {
+            return GridView.builder(
+              padding: const EdgeInsets.symmetric(horizontal: 50),
+              shrinkWrap: true,
+              physics: const NeverScrollableScrollPhysics(),
+              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: isLarge
+                    ? 3
+                    : isMedium
+                        ? 2
+                        : 1,
+                mainAxisExtent: 150,
+                crossAxisSpacing: 12,
+                mainAxisSpacing: 12,
+              ),
+              itemCount: state.list.length,
+              itemBuilder: (context, index) {
+                final device = state.list[index];
+                return _DeviceItem(device: device);
+              },
+            );
+          } else {
+            return const Center(child: Text('Error fetching devices'));
+          }
+        },
+      ),
+    );
+  }
+}
+
+class _DeviceItem extends StatelessWidget {
+  const _DeviceItem({
+    required this.device,
+  });
+
+  final DeviceModel device;
+
+  @override
+  Widget build(BuildContext context) {
+    return DeviceControlsContainer(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            width: 60,
+            height: 60,
+            decoration: const BoxDecoration(
+              shape: BoxShape.circle,
+              color: ColorsManager.whiteColors,
+            ),
+            margin: const EdgeInsets.symmetric(horizontal: 4),
+            padding: const EdgeInsets.all(4),
+            child: ClipOval(
+              child: SvgPicture.asset(
+                device.icon,
+                fit: BoxFit.fill,
+              ),
+            ),
+          ),
+          const Spacer(),
+          Text(
+            device.name ?? 'Unknown Device',
+            textAlign: TextAlign.center,
+            style: const TextStyle(
+              fontWeight: FontWeight.bold,
+              fontSize: 14,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}