part of '../main.dart'; class MediaControlCardWidget extends StatelessWidget { final HACard card; const MediaControlCardWidget({ Key key, this.card }) : super(key: key); @override Widget build(BuildContext context) { if ((card.linkedEntity == null) || (card.linkedEntity.isHidden)) { return Container(width: 0.0, height: 0.0,); } List body = []; if (homeAssistantWebHost != null) { body.add(Stack( alignment: AlignmentDirectional.topEnd, children: [ _buildImage(), Positioned( bottom: 0.0, left: 0.0, right: 0.0, child: Container( height: 80.0, color: Colors.black45, ), ), Positioned( bottom: 0.0, left: 0.0, child: _buildState(), ), ], )); } return Card( child: Column( //crossAxisAlignment: CrossAxisAlignment.center, children: body ) ); } Widget _buildState() { TextStyle style = TextStyle( fontSize: 14.0, color: Colors.white, fontWeight: FontWeight.normal, height: 1.2 ); List states = []; states.add(Text("${card.linkedEntity.displayName}", style: style)); String state = card.linkedEntity.state; if (state == null || state == "off" || state == "unavailable" || state == "idle") { states.add(Text("${card.linkedEntity.state}", style: style.apply(fontSizeDelta: 4.0),)); } else { states.add(Text("${card.linkedEntity.attributes['media_title'] ?? '-'}", style: style.apply(fontSizeDelta: 6.0, fontWeightDelta: 50),)); states.add(Text("${card.linkedEntity.attributes['media_artist'] ?? '-'}", style: style.apply(fontSizeDelta: 4.0),)); } return Padding( padding: EdgeInsets.only(left: Entity.leftWidgetPadding, right: Entity.rightWidgetPadding), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: states, ), ); } Widget _buildImage() { String state = card.linkedEntity.state; if (homeAssistantWebHost != null && card.linkedEntity.entityPicture != null && state != "off" && state != "unavailable" && state != "idle") { return Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Image( image: CachedNetworkImageProvider("$homeAssistantWebHost${card.linkedEntity.entityPicture}"), height: 300.0, ) ], ); } else { return Container( color: Colors.blue, height: 80.0, ); } } }