1 files changed, 110 insertions, 0 deletions
diff --git a/lib/Buttons/fresh_air.dart b/lib/Buttons/fresh_air.dart
new file mode 100644
index 0000000..3858cba
--- /dev/null
+++ b/lib/Buttons/fresh_air.dart
@@ -0,0 +1,110 @@
+// SPDX-License-Identifier: Apache-2.0
+
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_svg_provider/flutter_svg_provider.dart';
+import 'package:flutter_hvac/kuksa-server/vehicle-provider.dart';
+
+import '../size.dart';
+
+class FreshAir extends ConsumerStatefulWidget {
+  WebSocket socket;
+  String serverPath;
+  String img;
+  FreshAir({
+    Key? key,
+    required this.serverPath,
+    required this.socket,
+    required this.img,
+  }) : super(key: key);
+
+  @override
+  _FreshAirState createState() => _FreshAirState();
+}
+
+class _FreshAirState extends ConsumerState<FreshAir> with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late bool isFreshAirCirculateActive;
+  late Animation<Color?> _colorAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _controller = AnimationController(
+      duration: Duration(milliseconds: 500),
+      vsync: this,
+    );
+
+    _colorAnimation =
+        ColorTween(begin: Colors.lightBlueAccent, end: Colors.green)
+            .animate(_controller);
+
+    _controller.addListener(() {
+
+    });
+
+
+  }
+
+  // dismiss the animation when widget exits screen
+  @override
+  void dispose() {
+    super.dispose();
+    _controller.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    isFreshAirCirculateActive = ref.watch(vehicleProvider).isFreshAirCirculateActive;
+    return AnimatedBuilder(
+        animation: _controller,
+        builder: (BuildContext context, _) {
+          return InkWell(
+            child: AnimatedContainer(
+              constraints: BoxConstraints(
+                maxHeight: SizeConfig.screenHeight*0.10,
+                maxWidth: SizeConfig.screenWidth*0.15,
+              ),
+
+
+              decoration: BoxDecoration(
+                gradient: isFreshAirCirculateActive
+                    ? RadialGradient(
+                  colors: [Colors.black, Colors.lightBlue],
+                  radius: 2,
+                )
+                    : null,
+
+                // color: _colorAnimation2.value,
+                border: Border.all(
+                  color: Colors.white,
+                  width: 2,
+                ),
+                borderRadius: BorderRadius.circular(SizeConfig.safeBlockVertical*2),
+              ),
+              duration: const Duration(milliseconds: 500),
+              child: AnimatedContainer(
+                duration: Duration(milliseconds: 100),
+                margin: const EdgeInsets.all(10),
+                child: Image(
+                  width: SizeConfig.screenWidth*0.15,
+                  height: SizeConfig.screenHeight*0.10,
+                  image: Svg(widget.img),
+                  color: _colorAnimation.value,
+                ),
+              ),
+            ),
+            onTap: () {
+              isFreshAirCirculateActive ? _controller.reverse() : _controller.forward();
+              ref
+                  .read(vehicleProvider.notifier)
+                  .update(isFreshAirCirculateActive: !isFreshAirCirculateActive);
+            },
+          );
+
+        });
+  }
+}