jantunesmessias
/
flutter-freaccess-hub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add card_item_template_component

This commit is contained in:
Jonatas Antunes Messias 2024-07-03 10:29:37 -03:00
parent 72237ae168
commit 9bb271f1a3
5 changed files with 300 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.flutter-plugins-dependencies
View File

File diff suppressed because one or more lines are too long

13
lib/components/templates_components/card_item_template_component/card_item_template_component_model.dart Normal file
View File

@ -0,0 +1,13 @@
import '/flutter_flow/flutter_flow_util.dart';
import 'card_item_template_component_widget.dart'
show CardItemTemplateComponentWidget;
import 'package:flutter/material.dart';
class CardItemTemplateComponentModel
extends FlutterFlowModel<CardItemTemplateComponentWidget> {
@override
void initState(BuildContext context) {}
@override
void dispose() {}
}

235
lib/components/templates_components/card_item_template_component/card_item_template_component_widget.dart Normal file
View File

@ -0,0 +1,235 @@
import 'dart:collection';
import '/flutter_flow/flutter_flow_theme.dart';
import '/flutter_flow/flutter_flow_util.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:provider/provider.dart';
import 'card_item_template_component_model.dart';
export 'card_item_template_component_model.dart';
class CardItemTemplateComponentWidget extends StatefulWidget {
const CardItemTemplateComponentWidget({
super.key,
required this.labelsHashMap,
required this.statusHashMap,
required this.imageHashMap,
required this.onTapCardItemAction,
});
final Map<String, String>? labelsHashMap;
final Map<String, Color>? statusHashMap;
final Map<String, String> imageHashMap; //document/vteID and type
final Future Function()? onTapCardItemAction;
@override
State<CardItemTemplateComponentWidget> createState() =>
_CardItemTemplateComponentWidgetState();
}
class _CardItemTemplateComponentWidgetState
extends State<CardItemTemplateComponentWidget> {
late CardItemTemplateComponentModel _model;
LinkedHashMap<String, String> get labelsLinkedHashMap =>
LinkedHashMap.from(widget.labelsHashMap ?? {});
LinkedHashMap<String, Color> get statusLinkedHashMap =>
LinkedHashMap.from(widget.statusHashMap ?? {});
@override
void setState(VoidCallback callback) {
super.setState(callback);
_model.onUpdate();
}
@override
void initState() {
super.initState();
_model = createModel(context, () => CardItemTemplateComponentModel());
}
@override
void dispose() {
_model.maybeDispose();
super.dispose();
}
Color _getColorForStatus(String status) {
if (status.length % 3 == 0) {
return FlutterFlowTheme.of(context).success;
} else if (status.length % 3 == 1) {
return FlutterFlowTheme.of(context).error;
} else {
return FlutterFlowTheme.of(context).primary;
}
}
@override
Widget build(BuildContext context) {
context.watch<FFAppState>();
return InkWell(
splashColor: Colors.transparent,
focusColor: Colors.transparent,
hoverColor: Colors.transparent,
highlightColor: Colors.transparent,
onTap: () async {
await widget.onTapCardItemAction?.call();
},
child: Padding(
padding: const EdgeInsets.fromLTRB(10, 0, 10, 0),
child: Card(
clipBehavior: Clip.antiAliasWithSaveLayer,
color: FlutterFlowTheme.of(context).secondaryBackground,
elevation: 5.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
),
child: Container(
width: 350.0,
height: 115.0,
decoration: BoxDecoration(
color: FlutterFlowTheme.of(context).secondaryBackground,
),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Container(
width: 100.0,
height: 100.0,
decoration: const BoxDecoration(),
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
child: ListView.builder(
shrinkWrap: true,
itemCount: labelsLinkedHashMap.length,
itemBuilder: (context, index) {
String key =
labelsLinkedHashMap.keys.elementAt(index);
String value = labelsLinkedHashMap[key]!;
return Padding(
padding: const EdgeInsets.only(bottom: 5.0),
child: Padding(
padding:
const EdgeInsets.fromLTRB(20, 0, 0, 0),
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment:
MainAxisAlignment.start,
children: [
Text(
key,
style: FlutterFlowTheme.of(context)
.bodyMedium
.override(
fontFamily:
FlutterFlowTheme.of(context)
.bodyMediumFamily,
fontSize: 12.5,
letterSpacing: 0.0,
fontWeight: FontWeight.bold,
useGoogleFonts: GoogleFonts
.asMap()
.containsKey(
FlutterFlowTheme.of(
context)
.bodyMediumFamily),
color:
FlutterFlowTheme.of(context)
.primaryText,
),
),
SizedBox(
width:
5.0), // Espaçamento entre o label e o valor
Text(
value,
style: FlutterFlowTheme.of(context)
.bodyMedium
.override(
fontFamily:
FlutterFlowTheme.of(context)
.bodyMediumFamily,
fontSize: 12.5,
letterSpacing: 0.0,
fontWeight: FontWeight.bold,
useGoogleFonts: GoogleFonts
.asMap()
.containsKey(
FlutterFlowTheme.of(
context)
.bodyMediumFamily),
),
),
],
),
),
);
},
),
),
Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding:
const EdgeInsets.symmetric(vertical: 3.0),
child: Container(
width: 200.0,
height: 27.0,
decoration: BoxDecoration(
color: statusLinkedHashMap.values.first,
borderRadius: BorderRadius.circular(5.0),
),
child: Align(
alignment: Alignment.center,
child: Text(
statusLinkedHashMap.keys
.first, // Acessa diretamente a chave como texto do status
style: TextStyle(
// Substitua por seu tema ou estilo de texto
color: FlutterFlowTheme.of(context)
.info, // Cor do texto, ajuste conforme necessário
),
),
),
),
),
],
),
),
]),
),
),
Padding(
padding: const EdgeInsetsDirectional.fromSTEB(
10.0, 10.0, 10.0, 10.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(22.0),
child: CachedNetworkImage(
fadeInDuration: const Duration(milliseconds: 500),
fadeOutDuration: const Duration(milliseconds: 500),
imageUrl: valueOrDefault<String>(
'https://freaccess.com.br/freaccess/getImage.php?devUUID=${FFAppState().devUUID}&userUUID=${FFAppState().userUUID}&cliID=${FFAppState().cliUUID}&atividade=getFoto&Documento=${widget.imageHashMap['key']}&tipo=${widget.imageHashMap['value']}',
'https://storage.googleapis.com/flutterflow-io-6f20.appspot.com/projects/flutter-freaccess-hub-0xgz9q/assets/7ftdetkzc3s0/360_F_64676383_LdbmhiNM6Ypzb3FM4PPuFP9rHe7ri8Ju.jpg',
),
fit: BoxFit.cover,
),
),
),
],
),
),
),
),
);
}
}

3
lib/flutter_flow/nav/nav.dart
View File

@ -2,6 +2,7 @@ import 'dart:async';
import 'package:f_r_e_hub/pages/acess_history_page/acess_history_page_widget.dart';
import 'package:f_r_e_hub/pages/fast_pass_page/fast_pass_page_widget.dart';
import 'package:f_r_e_hub/pages/test_page/test_page.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
@ -64,7 +65,7 @@ GoRouter createRouter(AppStateNotifier appStateNotifier) => GoRouter(
name: '_initialize',
path: '/',
builder: (context, _) => FFAppState().isLogged
? const HomePageWidget()
? const TestPage()
: const WelcomePageWidget(),
),
FFRoute(

49
lib/pages/test_page/test_page.dart Normal file
View File

@ -0,0 +1,49 @@
import 'package:f_r_e_hub/components/templates_components/card_item_template_component/card_item_template_component_widget.dart';
import 'package:f_r_e_hub/flutter_flow/flutter_flow_theme.dart';
import 'package:flutter/material.dart';
class TestPage extends StatelessWidget {
const TestPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
// Exemplo de dados para os HashMaps
final Map<String, String> labelsHashMap = {
'Nome:': 'Gabriel da Silva',
'Entrada:': '08:00 AM 01/01/2022',
'Saída:': '17:00 PM 01/01/2022',
};
// Ajuste para o novo tipo esperado pelo componente
final Map<String, Color> statusHashMap = {
'Ativo': FlutterFlowTheme.of(context).success,
};
// Ajuste para passar os valores corretos para a URL da imagem
final Map<String, String> imageKeyValue = {
'key': 'docID',
'value': 'imageType',
};
return Scaffold(
appBar: AppBar(
title: const Text('Test Page'),
),
body: Center(
child: ListView.builder(
itemCount: 10,
itemBuilder: (context, index) {
return CardItemTemplateComponentWidget(
labelsHashMap: labelsHashMap,
statusHashMap: statusHashMap,
imageHashMap: imageKeyValue,
onTapCardItemAction: () async {
// Ação ao tocar no card
print('Card tapped');
},
);
}),
),
);
}
}