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 'package:test_sa/new_views/app_style/app_color.dart'; class AssetItemGridView extends StatelessWidget { final Asset device; final Function(Asset) onPressed; const AssetItemGridView({Key key, this.device, 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: const Color(0xFFEAF1F4), 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, maxLines: 2, style: AppTextStyles.bodyText.copyWith(color: context.isDark? AppColor.neutral30: Color(0xFF3B3D4A)), ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ "${context.translation.assetNumber} : ${device.assetNumber}".bodyText2(context), "${context.translation.model} : ${device.modelDefinition.modelDefCode}".bodyText2(context), Text( "${context.translation.serialNo} : ${device.assetSerialNo}", maxLines: 2, overflow: TextOverflow.fade, style: AppTextStyles.bodyText2.copyWith( color: context.isDark? AppColor.neutral10: Color(0xFF757575), ), ), ], ), Row( mainAxisSize: MainAxisSize.min, children: [ Text( 'View Details', style: AppTextStyles.bodyText2.copyWith(color: const Color(0xFF4A8DB7)), ), 4.width, const Icon( Icons.arrow_forward, color: Color(0xFF4A8DB7), size: 14, ) ], ), ], ).expanded ], ).onPress(() => onPressed(device)).toShadowContainer(context); } }