import 'package:flutter/material.dart'; import 'package:test_sa/controllers/api_routes/urls.dart'; import 'package:test_sa/extensions/context_extension.dart'; import 'package:test_sa/extensions/int_extensions.dart'; import 'package:test_sa/extensions/text_extensions.dart'; import 'package:test_sa/extensions/widget_extensions.dart'; import 'package:test_sa/models/device/asset.dart'; import '../../../new_views/app_style/app_color.dart'; class AssetItemGridView extends StatelessWidget { final Asset device; final Function(Asset) onPressed; const AssetItemGridView({Key? key,required this.device,required this.onPressed}) : super(key: key); @override Widget build(BuildContext context) { return Column( children: [ AspectRatio( aspectRatio: 159 / 94, child: Container( width: 95, height: 95, decoration: ShapeDecoration( color: context.isDark ? AppColor.neutral50 : AppColor.neutral30, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), image: DecorationImage( fit: BoxFit.cover, image: NetworkImage(device.assetPhoto != null ? URLs.getFileUrl(device.assetPhoto!)! : "https://www.lasteelcraft.com/images/no-image-available.png"), )), ), ), 6.height, Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( device.modelDefinition!.assetName!.cleanupWhitespace.capitalizeFirstOfEach, maxLines: 2, overflow: TextOverflow.ellipsis, style: AppTextStyles.bodyText.copyWith(color: context.isDark ? AppColor.neutral30 : AppColor.neutral50), ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ "${context.translation.assetNumber} : ${device.assetNumber}".bodyText2(context), "${context.translation.modelName} : ${device.modelDefinition!.modelName}".cleanupWhitespace.capitalizeFirstOfEach.bodyText2(context), Text( "${context.translation.serialNo} : ${device.assetSerialNo}", maxLines: 2, overflow: TextOverflow.ellipsis, style: AppTextStyles.bodyText2.copyWith(color: context.isDark ? AppColor.neutral10 : AppColor.neutral20), ).expanded, ], ).expanded, Row( mainAxisSize: MainAxisSize.min, children: [ Text( 'View Details', style: AppTextStyles.bodyText2.copyWith(color: AppColor.blueStatus(context)), ), 4.width, Icon(Icons.arrow_forward, color: AppColor.blueStatus(context), size: 14) ], ), ], ).expanded ], ).onPress(() => onPressed(device)).toShadowContainer(context,padding: 12); } }