Some improvements

lib/entity_widgets/controls/climate_controls.dart

@@ -174,7 +174,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
       _resetVars(entity);
     }
     return Padding(
-      padding: EdgeInsets.fromLTRB(Entity.leftWidgetPadding, Entity.rowPadding, Entity.rightWidgetPadding, 0.0),
+      padding: EdgeInsets.fromLTRB(Sizes.leftWidgetPadding, Sizes.rowPadding, Sizes.rightWidgetPadding, 0.0),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
@@ -273,7 +273,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
           Text("Target temperature", style: TextStyle(
-              fontSize: Entity.stateFontSize
+              fontSize: Sizes.stateFontSize
           )),
           TemperatureControlWidget(
             value: _tmpTemperature,
@@ -324,7 +324,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
           Text("Target temperature range", style: TextStyle(
-              fontSize: Entity.stateFontSize
+              fontSize: Sizes.stateFontSize
           )),
           Row(
             children: controls,
@@ -342,7 +342,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
       result.addAll(<Widget>[
         Text(
           "$_tmpTargetHumidity%",
-          style: TextStyle(fontSize: Entity.largeFontSize),
+          style: TextStyle(fontSize: Sizes.largeFontSize),
         ),
         Expanded(
           child: Slider(
@@ -366,9 +366,9 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
         children: <Widget>[
           Padding(
             padding: EdgeInsets.fromLTRB(
-                0.0, Entity.rowPadding, 0.0, Entity.rowPadding),
+                0.0, Sizes.rowPadding, 0.0, Sizes.rowPadding),
             child: Text("Target humidity", style: TextStyle(
-                fontSize: Entity.stateFontSize
+                fontSize: Sizes.stateFontSize
             )),
           ),
           Row(
@@ -376,7 +376,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
             children: result,
           ),
           Container(
-            height: Entity.rowPadding,
+            height: Sizes.rowPadding,
           )
         ],
       );

lib/entity_widgets/controls/cover_controls.dart

@@ -45,7 +45,7 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
       _resetVars(entity);
     }
     return Padding(
-      padding: EdgeInsets.fromLTRB(Entity.leftWidgetPadding, Entity.rowPadding, Entity.rightWidgetPadding, 0.0),
+      padding: EdgeInsets.fromLTRB(Sizes.leftWidgetPadding, Sizes.rowPadding, Sizes.rightWidgetPadding, 0.0),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
@@ -63,9 +63,9 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
         children: <Widget>[
           Padding(
             padding: EdgeInsets.fromLTRB(
-                0.0, Entity.rowPadding, 0.0, Entity.rowPadding),
+                0.0, Sizes.rowPadding, 0.0, Sizes.rowPadding),
             child: Text("Position", style: TextStyle(
-                fontSize: Entity.stateFontSize
+                fontSize: Sizes.stateFontSize
             )),
           ),
           Slider(
@@ -81,7 +81,7 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
             },
             onChangeEnd: (double value) => _setNewPosition(entity, value),
           ),
-          Container(height: Entity.rowPadding,)
+          Container(height: Sizes.rowPadding,)
         ],
       );
     } else {
@@ -111,15 +111,15 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
           },
           onChangeEnd: (double value) => _setNewTiltPosition(entity, value),
         ),
-        Container(height: Entity.rowPadding,)
+        Container(height: Sizes.rowPadding,)
       ]);
     }
     if (controls.isNotEmpty) {
       controls.insert(0, Padding(
         padding: EdgeInsets.fromLTRB(
-            0.0, Entity.rowPadding, 0.0, Entity.rowPadding),
+            0.0, Sizes.rowPadding, 0.0, Sizes.rowPadding),
         child: Text("Tilt position", style: TextStyle(
-            fontSize: Entity.stateFontSize
+            fontSize: Sizes.stateFontSize
         )),
       ));
       return Column(
@@ -159,24 +159,24 @@ class CoverTiltControlsWidget extends StatelessWidget {
           icon: Icon(
             MaterialDesignIcons.createIconDataFromIconName(
                 "mdi:arrow-top-right"),
-            size: Entity.iconSize,
+            size: Sizes.iconSize,
           ),
           onPressed: entity.canTiltBeOpened ? () => _open(entity) : null));
     } else {
       buttons.add(Container(
-        width: Entity.iconSize + 20.0,
+        width: Sizes.iconSize + 20.0,
       ));
     }
     if (entity.supportStopTilt) {
       buttons.add(IconButton(
           icon: Icon(
             MaterialDesignIcons.createIconDataFromIconName("mdi:stop"),
-            size: Entity.iconSize,
+            size: Sizes.iconSize,
           ),
           onPressed: () => _stop(entity)));
     } else {
       buttons.add(Container(
-        width: Entity.iconSize + 20.0,
+        width: Sizes.iconSize + 20.0,
       ));
     }
     if (entity.supportCloseTilt) {
@@ -184,12 +184,12 @@ class CoverTiltControlsWidget extends StatelessWidget {
           icon: Icon(
             MaterialDesignIcons.createIconDataFromIconName(
                 "mdi:arrow-bottom-left"),
-            size: Entity.iconSize,
+            size: Sizes.iconSize,
           ),
           onPressed: entity.canTiltBeClosed ? () => _close(entity) : null));
     } else {
       buttons.add(Container(
-        width: Entity.iconSize + 20.0,
+        width: Sizes.iconSize + 20.0,
       ));
     }
 

lib/entity_widgets/controls/light_controls.dart

@@ -102,12 +102,12 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
-          Container(height: Entity.rowPadding,),
+          Container(height: Sizes.rowPadding,),
           Text(
             "Brightness",
-            style: TextStyle(fontSize: Entity.stateFontSize),
+            style: TextStyle(fontSize: Sizes.stateFontSize),
           ),
-          Container(height: Entity.rowPadding,),
+          Container(height: Sizes.rowPadding,),
           Row(
             children: <Widget>[
               Icon(Icons.brightness_5),
@@ -127,7 +127,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
               )
             ],
           ),
-          Container(height: Entity.rowPadding,)
+          Container(height: Sizes.rowPadding,)
         ],
       );
     } else {
@@ -140,12 +140,12 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
-          Container(height: Entity.rowPadding,),
+          Container(height: Sizes.rowPadding,),
           Text(
             "Color temperature",
-            style: TextStyle(fontSize: Entity.stateFontSize),
+            style: TextStyle(fontSize: Sizes.stateFontSize),
           ),
-          Container(height: Entity.rowPadding,),
+          Container(height: Sizes.rowPadding,),
           Row(
             children: <Widget>[
               Text("Cold", style: TextStyle(color: Colors.lightBlue),),
@@ -166,7 +166,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
               Text("Warm", style: TextStyle(color: Colors.amberAccent),),
             ],
           ),
-          Container(height: Entity.rowPadding,)
+          Container(height: Sizes.rowPadding,)
         ],
       );
     } else {
@@ -179,7 +179,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
       return Column(
         crossAxisAlignment: CrossAxisAlignment.center,
         children: <Widget>[
-          Container(height: Entity.rowPadding,),
+          Container(height: Sizes.rowPadding,),
           RaisedButton(
             onPressed: () => _showColorPicker(entity),
             color: _tmpColor ?? Colors.black45,
@@ -193,7 +193,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
               ),
             ),
           ),
-          Container(height: 2*Entity.rowPadding,),
+          Container(height: 2*Sizes.rowPadding,),
         ],
       );
     } else {

lib/entity_widgets/controls/media_player_widget.dart

@@ -0,0 +1,155 @@
+part of '../../main.dart';
+
+class MediaPlayerWidget extends StatelessWidget {
+  
+  @override
+  Widget build(BuildContext context) {
+    final EntityModel entityModel = EntityModel.of(context);
+    final MediaPlayerEntity entity = entityModel.entity;
+    List<Widget> body = [];
+    body.add(Stack(
+      alignment: AlignmentDirectional.topEnd,
+      children: <Widget>[
+        _buildImage(entity),
+        Positioned(
+          bottom: 0.0,
+          left: 0.0,
+          right: 0.0,
+          child: Container(
+            color: Colors.black45,
+            child: _buildState(entity),
+          ),
+        ),
+        Positioned(
+          bottom: 0.0,
+          left: 0.0,
+          right: 0.0,
+          child: MediaPlayerProgressWidget()
+        )
+      ],
+    ));
+    return Column(
+      children: body
+    );
+  }
+
+  Widget _buildState(MediaPlayerEntity entity) {
+    TextStyle style = TextStyle(
+        fontSize: 14.0,
+        color: Colors.white,
+        fontWeight: FontWeight.normal,
+        height: 1.2
+    );
+    List<Widget> states = [];
+    states.add(Text("${entity.displayName}", style: style));
+    String state = entity.state;
+    if (state == null || state == "off" || state == "unavailable" || state == "idle") {
+      states.add(Text("${entity.state}", style: style.apply(fontSizeDelta: 4.0),));
+    }
+    if (entity.attributes['media_title'] != null) {
+      states.add(Text("${entity.attributes['media_title']}", style: style.apply(fontSizeDelta: 6.0, fontWeightDelta: 50),));
+    }
+    if (entity.attributes['media_content_type'] == "music") {
+      states.add(Text("${entity.attributes['media_artist'] ?? entity.attributes['app_name']}", style: style.apply(fontSizeDelta: 4.0),));
+    } else if (entity.attributes['app_name'] != null) {
+      states.add(Text("${entity.attributes['app_name']}", style: style.apply(fontSizeDelta: 4.0),));
+    }
+    return Padding(
+      padding: EdgeInsets.fromLTRB(Sizes.leftWidgetPadding, Sizes.rowPadding, Sizes.rightWidgetPadding, Sizes.rowPadding),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: states,
+      ),
+    );
+  }
+
+  Widget _buildImage(MediaPlayerEntity entity) {
+    String state = entity.state;
+    if (homeAssistantWebHost != null && entity.entityPicture != null && state != "off" && state != "unavailable" && state != "idle") {
+      return Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Image(
+            image: CachedNetworkImageProvider("$homeAssistantWebHost${entity.entityPicture}"),
+            height: 240.0,
+            width: 320.0,
+            fit: BoxFit.fitHeight,
+          )
+        ],
+      );
+    } else {
+      return Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Icon(
+            MaterialDesignIcons.createIconDataFromIconName("mdi:movie"),
+            size: 150.0,
+            color: EntityColors.stateColor("$state"),
+          )
+        ],
+      );
+      /*return Container(
+        color: Colors.blue,
+        height: 80.0,
+      );*/
+    }
+  }
+}
+
+class MediaPlayerProgressWidget extends StatefulWidget {
+  @override
+  _MediaPlayerProgressWidgetState createState() => _MediaPlayerProgressWidgetState();
+}
+
+class _MediaPlayerProgressWidgetState extends State<MediaPlayerProgressWidget> {
+
+  Timer _timer;
+
+  @override
+  Widget build(BuildContext context) {
+    final EntityModel entityModel = EntityModel.of(context);
+    final MediaPlayerEntity entity = entityModel.entity;
+    double progress;
+    try {
+      DateTime lastUpdated = DateTime.parse(
+          entity.attributes["media_position_updated_at"]).toLocal();
+      Duration duration = Duration(seconds: entity._getIntAttributeValue("media_duration") ?? 1);
+      Duration position = Duration(seconds: entity._getIntAttributeValue("media_position") ?? 0);
+      int currentPosition = position.inSeconds;
+      if (entity.state == "playing") {
+        _timer?.cancel();
+        _timer = Timer(Duration(seconds: 1), () {
+          setState(() {
+          });
+        });
+        int differenceInSeconds = DateTime
+            .now()
+            .difference(lastUpdated)
+            .inSeconds;
+        currentPosition = currentPosition + differenceInSeconds;
+      } else {
+        _timer?.cancel();
+      }
+      progress = currentPosition / duration.inSeconds;
+      return LinearProgressIndicator(
+        value: progress,
+        backgroundColor: Colors.black45,
+        valueColor: AlwaysStoppedAnimation<Color>(EntityColors.stateColor("on")),
+      );
+    } catch (e) {
+      _timer?.cancel();
+      progress = 0.0;
+    }
+    return LinearProgressIndicator(
+      value: progress,
+      backgroundColor: Colors.black45,
+    );
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+}