import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/flutter_flow/flutter_flow_widgets.dart'; import '/shared/tag_categorie_component/tag_categorie_component_widget.dart'; import 'dart:ui'; import '/index.dart'; import 'package:auto_size_text/auto_size_text.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; import 'package:flutter_spinkit/flutter_spinkit.dart'; import 'package:google_fonts/google_fonts.dart'; import 'package:provider/provider.dart'; import 'uitgaantabel_kaart_model.dart'; export 'uitgaantabel_kaart_model.dart'; class UitgaantabelKaartWidget extends StatefulWidget { const UitgaantabelKaartWidget({ super.key, this.logo, this.categorie, this.titel, this.horecagelegenheid, this.adres, this.plaats, this.datum, this.inhoud, this.parameter9, this.horecagelegenheidNid, }); final dynamic logo; final dynamic categorie; final dynamic titel; final dynamic horecagelegenheid; final dynamic adres; final dynamic plaats; final dynamic datum; final dynamic inhoud; final dynamic parameter9; final dynamic horecagelegenheidNid; @override State createState() => _UitgaantabelKaartWidgetState(); } class _UitgaantabelKaartWidgetState extends State with RouteAware { late UitgaantabelKaartModel _model; @override void setState(VoidCallback callback) { super.setState(callback); _model.onUpdate(); } @override void initState() { super.initState(); _model = createModel(context, () => UitgaantabelKaartModel()); } @override void dispose() { routeObserver.unsubscribe(this); _model.maybeDispose(); super.dispose(); } @override void didUpdateWidget(UitgaantabelKaartWidget oldWidget) { super.didUpdateWidget(oldWidget); _model.widget = widget; } @override void didChangeDependencies() { super.didChangeDependencies(); final route = DebugModalRoute.of(context); if (route != null) { routeObserver.subscribe(this, route); } debugLogGlobalProperty(context); } @override void didPopNext() { if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) { setState(() => _model.isRouteVisible = true); debugLogWidgetClass(_model); } } @override void didPush() { if (mounted && DebugFlutterFlowModelContext.maybeOf(context) == null) { setState(() => _model.isRouteVisible = true); debugLogWidgetClass(_model); } } @override void didPop() { _model.isRouteVisible = false; } @override void didPushNext() { _model.isRouteVisible = false; } @override Widget build(BuildContext context) { DebugFlutterFlowModelContext.maybeOf(context) ?.parentModelCallback ?.call(_model); _model.tagCategorieComponentModels.clear(); return Padding( padding: EdgeInsetsDirectional.fromSTEB(12.0, 12.0, 12.0, 12.0), child: InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, hoverColor: Colors.transparent, highlightColor: Colors.transparent, onTap: () async { context.pushNamed( EventCurrentWidget.routeName, queryParameters: { 'nid': serializeParam( widget!.parameter9?.toString(), ParamType.String, ), 'horecaid': serializeParam( widget!.horecagelegenheidNid?.toString(), ParamType.String, ), }.withoutNulls, ); }, child: Container( height: () { if (MediaQuery.sizeOf(context).width < kBreakpointSmall) { return 160.0; } else if (MediaQuery.sizeOf(context).width < kBreakpointMedium) { return 200.0; } else if (MediaQuery.sizeOf(context).width < kBreakpointLarge) { return 240.0; } else { return 280.0; } }(), decoration: BoxDecoration( color: Colors.white, boxShadow: [ BoxShadow( blurRadius: 4.0, color: Color(0x33000000), offset: Offset( 0.0, 2.0, ), ) ], borderRadius: BorderRadius.only( topLeft: Radius.circular(12.0), topRight: Radius.circular(12.0), bottomLeft: Radius.circular(12.0), bottomRight: Radius.circular(12.0), ), ), child: Row( mainAxisSize: MainAxisSize.max, children: [ Expanded( flex: 3, child: Container( decoration: BoxDecoration( color: FlutterFlowTheme.of(context).secondaryBackground, ), child: Stack( children: [ Align( alignment: AlignmentDirectional(0.0, 1.0), child: Builder( builder: (context) { if (widget!.logo != null) { return ClipRRect( borderRadius: BorderRadius.circular(8.0), child: CachedNetworkImage( fadeInDuration: Duration(milliseconds: 500), fadeOutDuration: Duration(milliseconds: 500), imageUrl: widget!.logo!.toString(), fit: BoxFit.fitHeight, ), ); } else { return Icon( Icons.image_not_supported, color: FlutterFlowTheme.of(context).primaryText, size: 24.0, ); } }, ), ), Align( alignment: AlignmentDirectional(-0.92, 0.76), child: Padding( padding: EdgeInsetsDirectional.fromSTEB( 8.0, 4.0, 8.0, 4.0), child: Container( decoration: BoxDecoration(), child: Builder( builder: (context) { final categorieitem = widget!.categorie?.toList() ?? []; _model.debugGeneratorVariables[ 'categorieitem${categorieitem.length > 100 ? ' (first 100)' : ''}'] = debugSerializeParam( categorieitem.take(100), ParamType.JSON, isList: true, link: 'https://app.flutterflow.io/project/uitgaanskrant-1qhvtd?tab=uiBuilder&page=UitgaantabelKaart', name: 'dynamic', nullable: false, ); debugLogWidgetClass(_model); return Wrap( spacing: 0.0, runSpacing: 0.0, alignment: WrapAlignment.start, crossAxisAlignment: WrapCrossAlignment.start, direction: Axis.horizontal, runAlignment: WrapAlignment.start, verticalDirection: VerticalDirection.down, clipBehavior: Clip.none, children: List.generate(categorieitem.length, (categorieitemIndex) { final categorieitemItem = categorieitem[categorieitemIndex]; return Builder(builder: (_) { return DebugFlutterFlowModelContext( rootModel: _model.rootModel, parentModelCallback: (m) { _model.tagCategorieComponentModels[ 'Keynhs_${categorieitemIndex}_of_${categorieitem.length}'] = m; }, child: TagCategorieComponentWidget( key: Key( 'Keynhs_${categorieitemIndex}_of_${categorieitem.length}'), categorieTag: categorieitemItem.toString(), ), ); }); }), ); }, ), ), ), ), ], ), ), ), Expanded( flex: 6, child: Padding( padding: EdgeInsetsDirectional.fromSTEB(6.0, 0.0, 0.0, 0.0), child: ClipRRect( child: Container( decoration: BoxDecoration( color: FlutterFlowTheme.of(context).secondaryBackground, ), child: Align( alignment: AlignmentDirectional(-1.0, 0.0), child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 0.0, 0.0, 0.0, 5.0), child: AutoSizeText( widget!.titel!.toString(), style: FlutterFlowTheme.of(context) .bodyLarge .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodyLarge .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodyLarge .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodyLarge .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodyLarge .fontStyle, shadows: [ Shadow( color: FlutterFlowTheme.of(context) .secondaryText, offset: Offset(0.0, 0.0), blurRadius: 0.0, ) ], ), overflow: TextOverflow.ellipsis, ), ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 2.0, 0.0, 4.0, 0.0), child: Icon( Icons.add_business_rounded, color: FlutterFlowTheme.of(context) .primaryText, size: 20.0, ), ), Flexible( child: Text( widget!.horecagelegenheid!.toString(), style: FlutterFlowTheme.of(context) .bodySmall .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), ), ), ], ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 2.0, 0.0, 4.0, 0.0), child: Icon( Icons.location_on_sharp, color: FlutterFlowTheme.of(context) .primaryText, size: 20.0, ), ), Flexible( child: Text( widget!.adres!.toString(), style: FlutterFlowTheme.of(context) .bodySmall .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), ), ), Text( FFLocalizations.of(context).getText( 'p3hbyhqm' /* , */, ), style: FlutterFlowTheme.of(context) .bodyMedium .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodyMedium .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodyMedium .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodyMedium .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodyMedium .fontStyle, ), ), Text( widget!.plaats!.toString(), style: FlutterFlowTheme.of(context) .bodySmall .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), ), ], ), Row( mainAxisSize: MainAxisSize.max, children: [ Padding( padding: EdgeInsetsDirectional.fromSTEB( 2.0, 0.0, 4.0, 0.0), child: Icon( Icons.calendar_month, color: FlutterFlowTheme.of(context) .primaryText, size: 20.0, ), ), Flexible( child: Text( widget!.datum!.toString(), style: FlutterFlowTheme.of(context) .bodySmall .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), ), ), ], ), Expanded( child: Text( widget!.inhoud!.toString(), textAlign: TextAlign.start, style: FlutterFlowTheme.of(context) .bodySmall .override( font: GoogleFonts.inter( fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), letterSpacing: 0.0, fontWeight: FlutterFlowTheme.of(context) .bodySmall .fontWeight, fontStyle: FlutterFlowTheme.of(context) .bodySmall .fontStyle, ), overflow: TextOverflow.ellipsis, ), ), ], ), ), ), ), ), ), ], ), ), ), ); } }