changed premium directories to plus

2024-04-07 19:59:38 +02:00
parent 6a7087d4f5
commit 23563bc4f9
35 changed files with 39 additions and 399 deletions
--- a/refilc_mobile_ui/lib/plus/components/goal_card.dart
+++ b/refilc_mobile_ui/lib/plus/components/goal_card.dart
@@ -0,0 +1,80 @@
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+
+class PremiumGoalCard extends StatelessWidget {
+  const PremiumGoalCard({super.key, this.progress = 100, this.target = 1});
+
+  final double progress;
+  final double target;
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: EdgeInsets.zero,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20.0)),
+      child: Padding(
+        padding: const EdgeInsets.all(20.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              "Cél: ${target.round()} támogató",
+              style:
+                  const TextStyle(fontWeight: FontWeight.bold, fontSize: 18.0),
+            ),
+            const SizedBox(height: 8.0),
+            Stack(
+              alignment: Alignment.center,
+              children: [
+                Container(
+                  height: 12,
+                  decoration: BoxDecoration(
+                    color: Colors.black.withOpacity(.2),
+                    borderRadius: BorderRadius.circular(45.0),
+                  ),
+                ),
+                LayoutBuilder(
+                  builder: (context, size) {
+                    return Align(
+                      alignment: Alignment.centerLeft,
+                      child: Row(
+                        children: [
+                          Container(
+                            height: 12,
+                            width: size.maxWidth * (progress / 100),
+                            decoration: BoxDecoration(
+                              gradient: const LinearGradient(colors: [
+                                Color(0xFFFF2A9D),
+                                Color(0xFFFF37F7)
+                              ]),
+                              borderRadius: BorderRadius.circular(45.0),
+                            ),
+                          ),
+                          Transform.translate(
+                            offset: const Offset(-15.0, 0),
+                            child: Stack(
+                              children: [
+                                ImageFiltered(
+                                  imageFilter:
+                                      ImageFilter.blur(sigmaX: 5, sigmaY: 5),
+                                  child: Image.asset("assets/images/heart.png",
+                                      color: Colors.black.withOpacity(.3)),
+                                ),
+                                Image.asset("assets/images/heart.png"),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    );
+                  },
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}