maddy/Kifi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web approach - basic look and feel done

Browse Source
This commit is contained in:
Narayanan Madaswamy
2026-08-29 21:52:11 +05:30
parent 364961c9de
commit 372c2bc14d
71 changed files with 2209 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
kifi-app/lib/features/inventory/presentation/add_product_screen.dart
View File

@@ -1,14 +1,17 @@
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:image_picker/image_picker.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart' as import_storage;
import '../../../core/network/dio_client.dart';
import '../../../../core/widgets/smart_search_dropdown.dart';
import '../../../core/widgets/responsive_layout.dart';
import '../domain/product.dart';
import '../providers/products_provider.dart';
import '../providers/product_categories_provider.dart';
import '../providers/uoms_provider.dart';
import '../../business/providers/business_provider.dart';
import '../../transactions/presentation/widgets/attachment_gallery_screen.dart';
@@ -113,7 +116,11 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
}
}
for (final file in _images) {
allImages.add(FileImage(File(file.path)));
if (kIsWeb) {
allImages.add(NetworkImage(file.path));
} else {
allImages.add(FileImage(File(file.path)));
}
}
Navigator.push(
@@ -169,6 +176,7 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
@override
Widget build(BuildContext context) {
final categoriesState = ref.watch(productCategoriesProvider);
final uomsState = ref.watch(uomsProvider);
return Scaffold(
backgroundColor: Theme.of(context).colorScheme.surface,
@@ -177,9 +185,12 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
backgroundColor: Colors.transparent,
elevation: 0,
),
body: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: Column(
body: MaxContentWidth(
maxWidth: 900,
child: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () => FocusScope.of(context).unfocus(),
child: Column(
children: [
Expanded(
child: Form(
@@ -209,16 +220,21 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
const Text('Category & Unit', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
const SizedBox(height: 12),
categoriesState.when(
loading: () => const CircularProgressIndicator(),
error: (err, stack) => Text('Error loading categories: $err'),
loading: () => const Padding(
padding: EdgeInsets.symmetric(vertical: 8),
child: LinearProgressIndicator(),
),
error: (err, stack) => Text('Error loading categories: $err', style: const TextStyle(color: Colors.red)),
data: (categories) {
final leafCategories = categories.where((c) => !categories.any((child) => child.parentCategoryId == c.id)).toList();
return leafCategories.isEmpty
final activeCategories = categories.where((c) => c.isActive).toList();
final uoms = uomsState.value ?? [];
return activeCategories.isEmpty
? const Text('No categories found. Manage categories in Business Hub.', style: TextStyle(color: Colors.orange))
: SmartSearchDropdown<ProductCategory>(
hintText: 'Select Category*',
value: _selectedCategory,
items: leafCategories,
items: activeCategories,
itemAsString: (c) => c.name,
itemBuilder: (context, item) {
List<String> path = [];
@@ -232,12 +248,13 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
}
}
return Padding(
padding: const EdgeInsets.all(12.0),
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(item.name, style: const TextStyle(fontWeight: FontWeight.bold)),
Text(path.join(' -> '), style: TextStyle(fontSize: 12, color: Colors.grey.shade600)),
if (path.length > 1)
Text(path.join(' -> '), style: TextStyle(fontSize: 12, color: Colors.grey.shade600)),
],
),
);
@@ -258,6 +275,15 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
if (val.makingChargeType != null && val.makingChargeType!.isNotEmpty) {
_makingChargesType = val.makingChargeType!;
}
if (_uomId == null && uoms.isNotEmpty) {
final match = uoms.where((u) =>
u.abbreviation?.toLowerCase() == val.baseUnit.toLowerCase() ||
u.name.toLowerCase() == val.baseUnit.toLowerCase()
).firstOrNull;
if (match != null) {
_uomId = match.id;
}
}
}
});
},
@@ -265,15 +291,28 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
},
),
const SizedBox(height: 16),
DropdownButtonFormField<int>(
decoration: const InputDecoration(labelText: 'Unit of Measure (Optional)'),
value: _uomId,
items: const [
DropdownMenuItem(value: 1, child: Text('Grams (g)')),
DropdownMenuItem(value: 2, child: Text('Kilograms (kg)')),
DropdownMenuItem(value: 3, child: Text('Pieces (pcs)')),
],
onChanged: (val) => setState(() => _uomId = val),
uomsState.when(
loading: () => const Padding(
padding: EdgeInsets.symmetric(vertical: 8),
child: LinearProgressIndicator(),
),
error: (err, stack) => Text('Error loading units: $err', style: const TextStyle(color: Colors.red)),
data: (uoms) {
final effectiveValue = uoms.any((u) => u.id == _uomId) ? _uomId : null;
return DropdownButtonFormField<int>(
decoration: const InputDecoration(
labelText: 'Unit of Measure (Optional)',
),
isExpanded: true,
hint: const Text('None (Optional)'),
value: effectiveValue,
items: uoms.map((u) => DropdownMenuItem<int>(
value: u.id,
child: Text(u.displayName),
)).toList(),
onChanged: (val) => setState(() => _uomId = val),
);
},
),
const SizedBox(height: 24),
@@ -314,6 +353,7 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
Expanded(
child: DropdownButtonFormField<String>(
value: _makingChargesType,
isExpanded: true,
decoration: const InputDecoration(labelText: 'Charge Type'),
items: const [
DropdownMenuItem(value: 'PER_GRAM', child: Text('Per Gram')),
@@ -364,7 +404,7 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
final localIndex = index - _existingImageIds.length;
return _buildImageThumbnail(
isNetwork: false,
file: File(_images[localIndex].path),
xFile: _images[localIndex],
onTap: () => _previewImage(index),
onDelete: () => _removeImage(localIndex),
);
@@ -379,8 +419,8 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
width: double.infinity,
padding: const EdgeInsets.symmetric(vertical: 24),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary.withOpacity(0.05),
border: Border.all(color: Theme.of(context).colorScheme.primary.withOpacity(0.3)),
color: Theme.of(context).colorScheme.primary.withValues(alpha: 0.05),
border: Border.all(color: Theme.of(context).colorScheme.primary.withValues(alpha: 0.3)),
borderRadius: BorderRadius.circular(16),
),
child: Column(
@@ -403,6 +443,7 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
],
),
),
),
);
}
@@ -428,7 +469,13 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
);
}
Widget _buildImageThumbnail({required bool isNetwork, String? url, File? file, required VoidCallback onDelete, required VoidCallback onTap}) {
Widget _buildImageThumbnail({
required bool isNetwork,
String? url,
XFile? xFile,
required VoidCallback onDelete,
required VoidCallback onTap,
}) {
return Stack(
fit: StackFit.expand,
children: [
@@ -437,7 +484,7 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
border: Border.all(color: Colors.grey.withOpacity(0.2)),
border: Border.all(color: Colors.grey.withValues(alpha: 0.2)),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(16),
@@ -452,7 +499,9 @@ class _AddProductScreenState extends ConsumerState<AddProductScreen> {
headers: {'Authorization': 'Bearer $_token'},
errorBuilder: (ctx, err, stack) => const Icon(LucideIcons.imageOff, color: Colors.grey),
))
: Image.file(file!, fit: BoxFit.cover),
: (kIsWeb
? Image.network(xFile!.path, fit: BoxFit.cover)
: Image.file(File(xFile!.path), fit: BoxFit.cover)),
),
),
),

2
kifi-app/lib/features/inventory/presentation/category_management_screen.dart
View File

@@ -4,7 +4,7 @@ import '../providers/product_categories_provider.dart';
import '../../../core/theme/nature_colors.dart';
import '../../business/providers/business_mode_provider.dart';
import '../../../core/theme/app_theme.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'dart:ui';
import '../../../core/utils/purity_utils.dart';

2
kifi-app/lib/features/inventory/presentation/daily_rates_screen.dart
View File

@@ -1,6 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:intl/intl.dart';
import '../providers/product_categories_provider.dart';
import '../providers/commodity_rates_provider.dart';

26
kifi-app/lib/features/inventory/presentation/product_list_screen.dart
View File

@@ -1,12 +1,13 @@
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import '../providers/products_provider.dart';
import '../providers/product_categories_provider.dart';
import 'add_product_screen.dart';
import 'product_detail_screen.dart';
import '../../../core/network/dio_client.dart';
import '../../../core/widgets/responsive_layout.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
class ProductListScreen extends ConsumerStatefulWidget {
@@ -66,7 +67,9 @@ class _ProductListScreenState extends ConsumerState<ProductListScreen> {
foregroundColor: Colors.black,
centerTitle: true,
),
body: Column(
body: MaxContentWidth(
maxWidth: 1000,
child: Column(
children: [
Container(
color: Colors.white,
@@ -138,13 +141,10 @@ class _ProductListScreenState extends ConsumerState<ProductListScreen> {
}
final p = products[index];
final catName =
categoriesState.value
?.firstWhere(
(c) => c.id == p.categoryId,
orElse: () => categoriesState.value!.first,
)
.name ??
final catName = categoriesState.value
?.where((c) => c.id == p.categoryId)
.firstOrNull
?.name ??
'No Category';
return Container(
@@ -267,12 +267,16 @@ class _ProductListScreenState extends ConsumerState<ProductListScreen> {
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
onPressed: () async {
await Navigator.push(
context,
MaterialPageRoute(builder: (_) => const AddProductScreen()),
);
if (mounted) {
ref.read(productsProvider.notifier).refresh();
}
},
backgroundColor: Theme.of(context).colorScheme.primary,
child: const Icon(LucideIcons.plus, color: Colors.white),

2
kifi-app/lib/features/inventory/presentation/quick_adjust_stock_screen.dart
View File

@@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:kifi_app/features/inventory/providers/products_provider.dart';
import 'package:kifi_app/features/inventory/presentation/widgets/adjust_stock_sheet.dart';
import 'package:kifi_app/core/network/dio_client.dart';

2
kifi-app/lib/features/inventory/presentation/stock_ledger_tab.dart
View File

@@ -7,7 +7,7 @@ import 'package:kifi_app/features/inventory/providers/product_categories_provide
import 'package:kifi_app/features/inventory/providers/commodity_rates_provider.dart';
import 'package:kifi_app/core/network/dio_client.dart';
import 'package:intl/intl.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:kifi_app/features/vendor/presentation/purchase_order_details_screen.dart';
import 'package:kifi_app/features/vendor/providers/purchase_orders_provider.dart';
import 'package:kifi_app/core/utils/purity_utils.dart';