import 'package:cached_network_image/cached_network_image.dart'; /// Chat file tile /// /// @author Pierre Hubert import 'package:comunic/models/conversation_message.dart'; import 'package:comunic/ui/dialogs/audio_player_dialog.dart'; import 'package:comunic/ui/routes/main_route/main_route.dart'; import 'package:comunic/ui/routes/video_player_route.dart'; import 'package:comunic/ui/widgets/network_image_widget.dart'; import 'package:filesize/filesize.dart'; import 'package:flutter/material.dart'; import 'package:url_launcher/url_launcher.dart'; const _AreaWidth = 150.0; const _AreaHeight = 100.0; class ConversationFileWidget extends StatefulWidget { final int messageID; final ConversationMessageFile file; const ConversationFileWidget({ Key? key, required this.messageID, required this.file, }) : assert(messageID != null), assert(file != null), super(key: key); @override _ConversationFileWidgetState createState() => _ConversationFileWidgetState(); } class _ConversationFileWidgetState extends State { ConversationMessageFile get file => widget.file; @override Widget build(BuildContext context) => Stack( children: [ !file.hasThumbnail || file.fileType == ConversationMessageFileType.IMAGE ? Container( width: 0, ) : Opacity( opacity: 0.8, child: CachedNetworkImage( imageUrl: file.thumbnail!, width: _AreaWidth, height: _AreaHeight, fit: BoxFit.cover, ), ), Container( width: _AreaWidth, height: _AreaHeight, child: _buildContent(), ) ], ); Widget _buildContent() { switch (file.fileType) { // Images case ConversationMessageFileType.IMAGE: return Center( child: NetworkImageWidget( url: file.url!, thumbnailURL: file.thumbnail, allowFullScreen: true, ), ); // We open it in the browser default: return Container( child: Center( child: MaterialButton( child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Spacer(flex: 2), Icon(file.icon, color: Colors.white), Spacer(), Text( file.name!.length < 23 ? file.name! : file.name!.substring(0, 20) + "...", textAlign: TextAlign.center, style: TextStyle(color: Colors.white), ), Spacer(), Text( filesize(file.size), style: TextStyle(fontSize: 10, color: Colors.white), ), Spacer(flex: 2), ], ), onPressed: _openFile, ), ), ); break; } } void _openFile() { switch (file.fileType) { case ConversationMessageFileType.AUDIO: showAudioPlayerDialog(context, file.url); break; case ConversationMessageFileType.VIDEO: MainController.of(context)!.push( VideoPlayerRoute(url: file.url!), hideNavBar: true, canShowAsDialog: true, ); break; default: launch(file.url!); } } }