first commit

2025-07-30 22:38:44 +07:00
commit 73320561b0
444 changed files with 64633 additions and 0 deletions
@@ -0,0 +1,130 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+
+import '../assets/assets.gen.dart';
+import '../constants/colors.dart';
+import '../constants/variables.dart';
+import 'buttons.dart';
+import 'spaces.dart';
+
+class ImagePickerWidget extends StatefulWidget {
+  final String label;
+  final void Function(XFile? file) onChanged;
+  final bool showLabel;
+  final String? initialImageUrl;
+
+  const ImagePickerWidget({
+    super.key,
+    required this.label,
+    required this.onChanged,
+    this.showLabel = true,
+    this.initialImageUrl,
+  });
+
+  @override
+  State<ImagePickerWidget> createState() => _ImagePickerWidgetState();
+}
+
+class _ImagePickerWidgetState extends State<ImagePickerWidget> {
+  String? imagePath;
+  bool hasInitialImage = false;
+
+  @override
+  void initState() {
+    super.initState();
+    hasInitialImage = widget.initialImageUrl != null;
+  }
+
+  Future<void> _pickImage() async {
+    final pickedFile = await ImagePicker().pickImage(
+      source: ImageSource.gallery,
+    );
+
+    setState(() {
+      if (pickedFile != null) {
+        imagePath = pickedFile.path;
+        hasInitialImage = false; // Clear initial image when new image is picked
+        widget.onChanged(pickedFile);
+      } else {
+        debugPrint('No image selected.');
+        widget.onChanged(null);
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (widget.showLabel) ...[
+          Text(
+            widget.label,
+            style: const TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+          const SpaceHeight(12.0),
+        ],
+        Container(
+          padding: const EdgeInsets.all(6.0),
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(16.0),
+            border: Border.all(color: AppColors.primary),
+          ),
+          child: Row(
+            children: [
+              SizedBox(
+                width: 80.0,
+                height: 80.0,
+                child: ClipRRect(
+                  borderRadius: BorderRadius.circular(10.0),
+                  child: imagePath != null
+                      ? Image.file(
+                          File(imagePath!),
+                          fit: BoxFit.cover,
+                        )
+                      : hasInitialImage && widget.initialImageUrl != null
+                          ? CachedNetworkImage(
+                              imageUrl: widget.initialImageUrl!.contains('http')
+                                  ? widget.initialImageUrl!
+                                  : '${Variables.baseUrl}/${widget.initialImageUrl}',
+                              placeholder: (context, url) =>
+                                  const Center(child: CircularProgressIndicator()),
+                              errorWidget: (context, url, error) => Container(
+                                padding: const EdgeInsets.all(16.0),
+                                color: AppColors.black.withOpacity(0.05),
+                                child: Assets.icons.image.svg(),
+                              ),
+                              fit: BoxFit.cover,
+                            )
+                          : Container(
+                              padding: const EdgeInsets.all(16.0),
+                              color: AppColors.black.withOpacity(0.05),
+                              child: Assets.icons.image.svg(),
+                            ),
+                ),
+              ),
+              const Spacer(),
+              Padding(
+                padding: const EdgeInsets.only(right: 10.0),
+                child: Button.filled(
+                  height: 30.0,
+                  width: 140.0,
+                  onPressed: _pickImage,
+                  label: 'Choose Photo',
+                  fontSize: 12.0,
+                  borderRadius: 5.0,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}