Version 0.3.9

Create LICENSE

LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

README.md

@@ -1,3 +1,13 @@
-# Android client for Home Assistant
+# HA Client
+## Native Android client for Home Assistant
+### With Lovelace UI support
 
-Home Assistant Android client using Flutter and Dart.
+Home Assistant Android client on Dart with Flutter.
+
+Visit [www.keyboardcrumbs.io](http://www.keyboardcrumbs.io/ha-client) for more info.
+
+Join [Google Group](https://groups.google.com/d/forum/ha-client-alpha-testing) to become an alpha tester
+
+Download the app from [Google Play](https://play.google.com/apps/testing/com.keyboardcrumbs.haclient) after joining the group
+
+Discuss it in [Home Assistant community](https://community.home-assistant.io/t/alpha-testing-ha-client-native-android-client-for-home-assistant/69912) or in [Discord](https://discord.gg/NSaQEQ8)

lib/entity_class/climate_entity.class.dart

@@ -1,8 +1,6 @@
 part of '../main.dart';
 
 class ClimateEntity extends Entity {
-  @override
-  double widgetHeight = 38.0;
 
   @override
   EntityHistoryConfig historyConfig = EntityHistoryConfig(
@@ -86,7 +84,7 @@ class ClimateEntity extends Entity {
   String get fanMode => attributes['fan_mode'];
   String get swingMode => attributes['swing_mode'];
   bool get awayMode => attributes['away_mode'] == "on";
-  bool get isOff => state == "off";
+  bool get isOff => state == EntityState.off;
   bool get auxHeat => attributes['aux_heat'] == "on";
 
   ClimateEntity(Map rawData) : super(rawData);

lib/entity_class/const.dart

@@ -0,0 +1,37 @@
+part of '../main.dart';
+
+class EntityState {
+  static const on = 'on';
+  static const off = 'off';
+  static const home = 'home';
+  static const not_home = 'not_home';
+  static const unknown = 'unknown';
+  static const open = 'open';
+  static const opening = 'opening';
+  static const closed = 'closed';
+  static const closing = 'closing';
+  static const playing = 'playing';
+  static const paused = 'paused';
+  static const idle = 'idle';
+  static const standby = 'standby';
+  static const alarm_disarmed = 'disarmed';
+  static const alarm_armed_home = 'armed_home';
+  static const alarm_armed_away = 'armed_away';
+  static const alarm_armed_night = 'armed_night';
+  static const alarm_armed_custom_bypass = 'armed_custom_bypass';
+  static const alarm_pending = 'pending';
+  static const alarm_arming = 'arming';
+  static const alarm_disarming = 'disarming';
+  static const alarm_triggered = 'triggered';
+  static const locked = 'locked';
+  static const unlocked = 'unlocked';
+  static const unavailable = 'unavailable';
+  static const ok = 'ok';
+  static const problem = 'problem';
+}
+
+class EntityTapAction {
+  static const moreInfo = 'more-info';
+  static const toggle = 'toggle';
+  static const callService = 'call-service';
+}

lib/entity_class/cover_entity.class.dart

@@ -1,8 +1,6 @@
 part of '../main.dart';
 
 class CoverEntity extends Entity {
-  @override
-  double widgetHeight = 38.0;
 
   static const SUPPORT_OPEN = 1;
   static const SUPPORT_CLOSE = 2;
@@ -42,10 +40,10 @@ class CoverEntity extends Entity {
 
   double get currentPosition => _getDoubleAttributeValue('current_position');
   double get currentTiltPosition => _getDoubleAttributeValue('current_tilt_position');
-  bool get canBeOpened => ((state != "opening") && (state != "open"));
-  bool get canBeClosed => ((state != "closing") && (state != "closed"));
-  bool get canTiltBeOpened => currentPosition < 100;
-  bool get canTiltBeClosed => currentPosition > 0;
+  bool get canBeOpened => ((state != EntityState.opening) && (state != EntityState.open)) || (state == EntityState.open && currentPosition != null && currentPosition > 0.0 && currentPosition < 100.0);
+  bool get canBeClosed => ((state != EntityState.closing) && (state != EntityState.closed));
+  bool get canTiltBeOpened => currentTiltPosition < 100;
+  bool get canTiltBeClosed => currentTiltPosition > 0;
 
   CoverEntity(Map rawData) : super(rawData);
 
@@ -59,4 +57,4 @@ class CoverEntity extends Entity {
     return CoverControlWidget();
   }
 
-}
+}

lib/entity_class/entity.class.dart

@@ -2,10 +2,6 @@ part of '../main.dart';
 
 class Entity {
 
-  static const badgeColors = {
-    "default": Color.fromRGBO(223, 76, 30, 1.0),
-    "binary_sensor": Color.fromRGBO(3, 155, 229, 1.0)
-  };
   static List badgeDomains = [
     "alarm_control_panel",
     "binary_sensor",
@@ -16,24 +12,10 @@ class Entity {
     "sensor"
   ];
 
-  static const rightWidgetPadding = 14.0;
-  static const leftWidgetPadding = 8.0;
-  static const extendedWidgetHeight = 50.0;
-  static const iconSize = 28.0;
-  static const stateFontSize = 16.0;
-  static const nameFontSize = 16.0;
-  static const smallFontSize = 14.0;
-  static const largeFontSize = 24.0;
-  static const inputWidth = 160.0;
-  static const rowPadding = 10.0;
-
-  double widgetHeight = 34.0;
-
   Map attributes;
   String domain;
   String entityId;
   String state;
-  String assumedState;
   DateTime _lastUpdated;
 
   List<Entity> childEntities = [];
@@ -43,7 +25,7 @@ class Entity {
   );
 
   String get displayName =>
-      attributes["friendly_name"] ?? (attributes["name"] ?? "_");
+      attributes["friendly_name"] ?? (attributes["name"] ?? entityId.split(".")[1].replaceAll("_", " "));
 
   String get deviceClass => attributes["device_class"] ?? null;
   bool get isView =>
@@ -52,7 +34,7 @@ class Entity {
   bool get isGroup => domain == "group";
   bool get isBadge => Entity.badgeDomains.contains(domain);
   String get icon => attributes["icon"] ?? "";
-  bool get isOn => state == "on";
+  bool get isOn => state == EntityState.on;
   String get entityPicture => attributes["entity_picture"];
   String get unitOfMeasurement => attributes["unit_of_measurement"] ?? "";
   List get childEntityIds => attributes["entity_id"] ?? [];
@@ -69,7 +51,6 @@ class Entity {
     domain = rawData["entity_id"].split(".")[0];
     entityId = rawData["entity_id"];
     state = rawData["state"];
-    assumedState = state;
     _lastUpdated = DateTime.tryParse(rawData["last_updated"]);
   }
 
@@ -96,13 +77,15 @@ class Entity {
   }
 
   Widget buildDefaultWidget(BuildContext context) {
-    return EntityModel(
-      entity: this,
-      child: DefaultEntityContainer(
-          state: _buildStatePart(context),
-          height: widgetHeight,
-      ),
-      handleTap: true,
+    return DefaultEntityContainer(
+        state: _buildStatePart(context)
+    );
+  }
+
+  Widget buildGlanceWidget(BuildContext context, bool showName, bool showState) {
+    return GlanceEntityContainer(
+      showName: showName,
+      showState: showState,
     );
   }
 
@@ -123,13 +106,14 @@ class Entity {
 
   Widget buildEntityPageWidget(BuildContext context) {
     return EntityModel(
-      entity: this,
+      entityWrapper: EntityWrapper(entity: this),
       child: EntityPageContainer(children: <Widget>[
-        DefaultEntityContainer(state: _buildStatePartForPage(context), height: widgetHeight),
+        DefaultEntityContainer(state: _buildStatePartForPage(context)),
         LastUpdatedWidget(),
         Divider(),
-        buildHistoryWidget(),
         _buildAdditionalControlsForPage(context),
+        Divider(),
+        buildHistoryWidget(),
         EntityAttributesList()
       ]),
       handleTap: false,
@@ -144,7 +128,7 @@ class Entity {
 
   Widget buildBadgeWidget(BuildContext context) {
     return EntityModel(
-      entity: this,
+      entityWrapper: EntityWrapper(entity: this),
       child: BadgeWidget(),
       handleTap: true,
     );

lib/entity_class/entity_wrapper.class.dart

@@ -0,0 +1,27 @@
+part of '../main.dart';
+
+class EntityWrapper {
+
+  String displayName;
+  String icon;
+  String tapAction;
+  String holdAction;
+  String actionService;
+  Map<String, dynamic> actionServiceData;
+  Entity entity;
+
+
+  EntityWrapper({
+    this.entity,
+    String icon,
+    String displayName,
+    this.tapAction: EntityTapAction.moreInfo,
+    this.holdAction,
+    this.actionService,
+    this.actionServiceData
+  }) {
+    this.icon = icon ?? entity.icon;
+    this.displayName = displayName ?? entity.displayName;
+  }
+
+}

lib/entity_class/media_player_entity.class.dart

@@ -0,0 +1,80 @@
+part of '../main.dart';
+
+class MediaPlayerEntity extends Entity {
+
+  static const SUPPORT_PAUSE = 1;
+  static const SUPPORT_SEEK = 2;
+  static const SUPPORT_VOLUME_SET = 4;
+  static const SUPPORT_VOLUME_MUTE = 8;
+  static const SUPPORT_PREVIOUS_TRACK = 16;
+  static const SUPPORT_NEXT_TRACK = 32;
+
+  static const SUPPORT_TURN_ON = 128;
+  static const SUPPORT_TURN_OFF = 256;
+  static const SUPPORT_PLAY_MEDIA = 512;
+  static const SUPPORT_VOLUME_STEP = 1024;
+  static const SUPPORT_SELECT_SOURCE = 2048;
+  static const SUPPORT_STOP = 4096;
+  static const SUPPORT_CLEAR_PLAYLIST = 8192;
+  static const SUPPORT_PLAY = 16384;
+  static const SUPPORT_SHUFFLE_SET = 32768;
+  static const SUPPORT_SELECT_SOUND_MODE = 65536;
+
+  MediaPlayerEntity(Map rawData) : super(rawData);
+
+  bool get supportPause => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_PAUSE) ==
+      MediaPlayerEntity.SUPPORT_PAUSE);
+  bool get supportSeek => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_SEEK) ==
+      MediaPlayerEntity.SUPPORT_SEEK);
+  bool get supportVolumeSet => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_VOLUME_SET) ==
+      MediaPlayerEntity.SUPPORT_VOLUME_SET);
+  bool get supportVolumeMute => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_VOLUME_MUTE) ==
+      MediaPlayerEntity.SUPPORT_VOLUME_MUTE);
+  bool get supportPreviousTrack => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_PREVIOUS_TRACK) ==
+      MediaPlayerEntity.SUPPORT_PREVIOUS_TRACK);
+  bool get supportNextTrack => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_NEXT_TRACK) ==
+      MediaPlayerEntity.SUPPORT_NEXT_TRACK);
+
+  bool get supportTurnOn => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_TURN_ON) ==
+      MediaPlayerEntity.SUPPORT_TURN_ON);
+  bool get supportTurnOff => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_TURN_OFF) ==
+      MediaPlayerEntity.SUPPORT_TURN_OFF);
+  bool get supportPlayMedia => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_PLAY_MEDIA) ==
+      MediaPlayerEntity.SUPPORT_PLAY_MEDIA);
+  bool get supportVolumeStep => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_VOLUME_STEP) ==
+      MediaPlayerEntity.SUPPORT_VOLUME_STEP);
+  bool get supportSelectSource => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_SELECT_SOURCE) ==
+      MediaPlayerEntity.SUPPORT_SELECT_SOURCE);
+  bool get supportStop => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_STOP) ==
+      MediaPlayerEntity.SUPPORT_STOP);
+  bool get supportClearPlaylist => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_CLEAR_PLAYLIST) ==
+      MediaPlayerEntity.SUPPORT_CLEAR_PLAYLIST);
+  bool get supportPlay => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_PLAY) ==
+      MediaPlayerEntity.SUPPORT_PLAY);
+  bool get supportShuffleSet => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_SHUFFLE_SET) ==
+      MediaPlayerEntity.SUPPORT_SHUFFLE_SET);
+  bool get supportSelectSoundMode => ((attributes["supported_features"] &
+  MediaPlayerEntity.SUPPORT_SELECT_SOUND_MODE) ==
+      MediaPlayerEntity.SUPPORT_SELECT_SOUND_MODE);
+
+  @override
+  Widget _buildAdditionalControlsForPage(BuildContext context) {
+    return MediaPlayerControls();
+  }
+
+}

lib/entity_class/slider_entity.dart

@@ -8,6 +8,12 @@ class SliderEntity extends Entity {
   double get valueStep => _getDoubleAttributeValue("step") ?? 1.0;
 
   @override
+  EntityHistoryConfig historyConfig = EntityHistoryConfig(
+      chartType: EntityHistoryWidgetType.numericState,
+      numericState: true
+  );
+
+  /*@override
   Widget _buildStatePart(BuildContext context) {
     return Expanded(
       //width: 200.0,
@@ -16,7 +22,9 @@ class SliderEntity extends Entity {
           SliderStateWidget(
             expanded: true,
           ),
-          SimpleEntityState(),
+          SimpleEntityState(
+            expanded: false,
+          ),
         ],
       ),
     );
@@ -24,13 +32,13 @@ class SliderEntity extends Entity {
 
   @override
   Widget _buildStatePartForPage(BuildContext context) {
-    return SimpleEntityState();
-  }
+    return SimpleEntityState(
+      expanded: false,
+    );
+  }*/
 
   @override
   Widget _buildAdditionalControlsForPage(BuildContext context) {
-    return SliderStateWidget(
-      expanded: false,
-    );
+    return SliderControlsWidget();
   }
 }

lib/entity_collection.class.dart

@@ -38,6 +38,9 @@ class EntityCollection {
       case 'sun': {
         return SunEntity(rawEntityData);
       }
+      case "media_player": {
+        return MediaPlayerEntity(rawEntityData);
+      }
       case 'sensor': {
         return SensorEntity(rawEntityData);
       }

lib/entity_widgets/common/badge.dart

@@ -1,4 +1,4 @@
-part of '../main.dart';
+part of '../../main.dart';
 
 class BadgeWidget extends StatelessWidget {
   @override
@@ -7,12 +7,12 @@ class BadgeWidget extends StatelessWidget {
     double iconSize = 26.0;
     Widget badgeIcon;
     String onBadgeTextValue;
-    Color iconColor = Entity.badgeColors[entityModel.entity.domain] ??
-        Entity.badgeColors["default"];
-    switch (entityModel.entity.domain) {
+    Color iconColor = EntityColor.badgeColors[entityModel.entityWrapper.entity.domain] ??
+        EntityColor.badgeColors["default"];
+    switch (entityModel.entityWrapper.entity.domain) {
       case "sun":
         {
-          badgeIcon = entityModel.entity.state == "below_horizon"
+          badgeIcon = entityModel.entityWrapper.entity.state == "below_horizon"
               ? Icon(
             MaterialDesignIcons.createIconDataFromIconCode(0xf0dc),
             size: iconSize,
@@ -25,10 +25,10 @@ class BadgeWidget extends StatelessWidget {
         }
       case "sensor":
         {
-          onBadgeTextValue = entityModel.entity.unitOfMeasurement;
+          onBadgeTextValue = entityModel.entityWrapper.entity.unitOfMeasurement;
           badgeIcon = Center(
             child: Text(
-              "${entityModel.entity.state}",
+              "${entityModel.entityWrapper.entity.state}",
               overflow: TextOverflow.fade,
               softWrap: false,
               textAlign: TextAlign.center,
@@ -40,14 +40,14 @@ class BadgeWidget extends StatelessWidget {
       case "device_tracker":
         {
           badgeIcon = MaterialDesignIcons.createIconWidgetFromEntityData(
-              entityModel.entity, iconSize, Colors.black);
-          onBadgeTextValue = entityModel.entity.state;
+              entityModel.entityWrapper, iconSize, Colors.black);
+          onBadgeTextValue = entityModel.entityWrapper.entity.state;
           break;
         }
       default:
         {
           badgeIcon = MaterialDesignIcons.createIconWidgetFromEntityData(
-              entityModel.entity, iconSize, Colors.black);
+              entityModel.entityWrapper, iconSize, Colors.black);
         }
     }
     Widget onBadgeText;
@@ -109,7 +109,7 @@ class BadgeWidget extends StatelessWidget {
             Container(
               width: 60.0,
               child: Text(
-                "${entityModel.entity.displayName}",
+                "${entityModel.entityWrapper.displayName}",
                 textAlign: TextAlign.center,
                 style: TextStyle(fontSize: 12.0),
                 softWrap: true,
@@ -120,6 +120,6 @@ class BadgeWidget extends StatelessWidget {
           ],
         ),
         onTap: () =>
-            eventBus.fire(new ShowEntityPageEvent(entityModel.entity)));
+            eventBus.fire(new ShowEntityPageEvent(entityModel.entityWrapper.entity)));
   }
 }

lib/entity_widgets/common/entity_attributes_list.dart

@@ -1,4 +1,4 @@
-part of '../main.dart';
+part of '../../main.dart';
 
 class EntityAttributesList extends StatelessWidget {
   EntityAttributesList({Key key}) : super(key: key);
@@ -7,14 +7,14 @@ class EntityAttributesList extends StatelessWidget {
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
     List<Widget> attrs = [];
-    if ((entityModel.entity.attributesToShow == null) ||
-        (entityModel.entity.attributesToShow.contains("all"))) {
-      entityModel.entity.attributes.forEach((name, value) {
+    if ((entityModel.entityWrapper.entity.attributesToShow == null) ||
+        (entityModel.entityWrapper.entity.attributesToShow.contains("all"))) {
+      entityModel.entityWrapper.entity.attributes.forEach((name, value) {
         attrs.add(_buildSingleAttribute("$name", "$value"));
       });
     } else {
-      entityModel.entity.attributesToShow.forEach((String attr) {
-        String attrValue = entityModel.entity.getAttribute("$attr");
+      entityModel.entityWrapper.entity.attributesToShow.forEach((String attr) {
+        String attrValue = entityModel.entityWrapper.entity.getAttribute("$attr");
         if (attrValue != null) {
           attrs.add(
               _buildSingleAttribute("$attr", "$attrValue"));
@@ -34,7 +34,7 @@ class EntityAttributesList extends StatelessWidget {
         Expanded(
           child: Padding(
             padding: EdgeInsets.fromLTRB(
-                Entity.leftWidgetPadding, Entity.rowPadding, 0.0, 0.0),
+                Sizes.leftWidgetPadding, Sizes.rowPadding, 0.0, 0.0),
             child: Text(
               "$name",
               textAlign: TextAlign.left,
@@ -44,7 +44,7 @@ class EntityAttributesList extends StatelessWidget {
         Expanded(
           child: Padding(
             padding: EdgeInsets.fromLTRB(
-                0.0, Entity.rowPadding, Entity.rightWidgetPadding, 0.0),
+                0.0, Sizes.rowPadding, Sizes.rightWidgetPadding, 0.0),
             child: Text(
               "$value",
               textAlign: TextAlign.right,

lib/entity_widgets/common/last_updated.dart

@@ -1,4 +1,4 @@
-part of '../main.dart';
+part of '../../main.dart';
 
 class LastUpdatedWidget extends StatelessWidget {
   @override
@@ -6,12 +6,12 @@ class LastUpdatedWidget extends StatelessWidget {
     final entityModel = EntityModel.of(context);
     return Padding(
       padding: EdgeInsets.fromLTRB(
-          Entity.leftWidgetPadding, 0.0, 0.0, 0.0),
+          Sizes.leftWidgetPadding, 0.0, 0.0, 0.0),
       child: Text(
-        '${entityModel.entity.lastUpdated}',
+        '${entityModel.entityWrapper.entity.lastUpdated}',
         textAlign: TextAlign.left,
         style: TextStyle(
-            fontSize: Entity.smallFontSize, color: Colors.black26),
+            fontSize: Sizes.smallFontSize, color: Colors.black26),
       ),
     );
   }

lib/entity_widgets/common/mode_selector.dart

@@ -1,4 +1,4 @@
-part of '../main.dart';
+part of '../../main.dart';
 
 class ModeSelectorWidget extends StatelessWidget {
 
@@ -27,7 +27,7 @@ class ModeSelectorWidget extends StatelessWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: <Widget>[
         Text("$caption", style: TextStyle(
-            fontSize: captionFontSize ?? Entity.stateFontSize
+            fontSize: captionFontSize ?? Sizes.stateFontSize
         )),
         Row(
           children: <Widget>[
@@ -39,7 +39,7 @@ class ModeSelectorWidget extends StatelessWidget {
                   iconSize: 30.0,
                   isExpanded: true,
                   style: TextStyle(
-                    fontSize: valueFontSize ?? Entity.largeFontSize,
+                    fontSize: valueFontSize ?? Sizes.largeFontSize,
                     color: Colors.black,
                   ),
                   hint: Text("Select ${caption.toLowerCase()}"),
@@ -55,7 +55,7 @@ class ModeSelectorWidget extends StatelessWidget {
             )
           ],
         ),
-        Container(height: bottomPadding ?? Entity.rowPadding,)
+        Container(height: bottomPadding ?? Sizes.rowPadding,)
       ],
     );
   }

lib/entity_widgets/common/mode_swicth.dart

@@ -1,4 +1,4 @@
-part of '../main.dart';
+part of '../../main.dart';
 
 class ModeSwitchWidget extends StatelessWidget {
 
@@ -23,7 +23,7 @@ class ModeSwitchWidget extends StatelessWidget {
           child: Text(
             "$caption",
             style: TextStyle(
-                fontSize: captionFontSize ?? Entity.stateFontSize
+                fontSize: captionFontSize ?? Sizes.stateFontSize
             ),
           ),
         ),

lib/entity_widgets/common/universal_slider.dart

@@ -0,0 +1,54 @@
+part of '../../main.dart';
+
+class UniversalSlider extends StatelessWidget {
+
+  final onChanged;
+  final onChangeEnd;
+  final Widget leading;
+  final Widget closing;
+  final String title;
+  final double min;
+  final double max;
+  final double value;
+
+  const UniversalSlider({Key key, this.onChanged, this.onChangeEnd, this.leading, this.closing, this.title, this.min, this.max, this.value}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    List <Widget> row = [];
+    if (leading != null) {
+      row.add(leading);
+    }
+    row.add(
+        Flexible(
+          child: Slider(
+            value: value,
+            min: min,
+            max: max,
+            onChanged: (value) => onChanged(value),
+            onChangeEnd: (value) => onChangeEnd(value),
+          ),
+        )
+    );
+    if (closing != null) {
+      row.add(closing);
+    }
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: <Widget>[
+        Container(height: Sizes.rowPadding,),
+        Text(
+          "$title",
+          style: TextStyle(fontSize: Sizes.stateFontSize),
+        ),
+        Container(height: Sizes.rowPadding,),
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          children: row,
+        ),
+        Container(height: Sizes.rowPadding,)
+      ],
+    );
+  }
+
+}

lib/entity_widgets/controls/climate_controls.dart

@@ -165,7 +165,7 @@ class _ClimateControlWidgetState extends State<ClimateControlWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final ClimateEntity entity = entityModel.entity;
+    final ClimateEntity entity = entityModel.entityWrapper.entity;
     if (_changedHere) {
       _showPending = (_tmpTemperature != entity.temperature);
       _changedHere = false;
@@ -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

@@ -38,15 +38,14 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final CoverEntity entity = entityModel.entity;
-    TheLogger.debug("${entity.state}");
+    final CoverEntity entity = entityModel.entityWrapper.entity;
     if (_changedHere) {
       _changedHere = false;
     } else {
       _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>[
@@ -64,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(
@@ -82,7 +81,7 @@ class _CoverControlWidgetState extends State<CoverControlWidget> {
             },
             onChangeEnd: (double value) => _setNewPosition(entity, value),
           ),
-          Container(height: Entity.rowPadding,)
+          Container(height: Sizes.rowPadding,)
         ],
       );
     } else {
@@ -112,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(
@@ -153,31 +152,31 @@ class CoverTiltControlsWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final CoverEntity entity = entityModel.entity;
+    final CoverEntity entity = entityModel.entityWrapper.entity;
     List<Widget> buttons = [];
     if (entity.supportOpenTilt) {
       buttons.add(IconButton(
           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) {
@@ -185,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

@@ -80,7 +80,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final LightEntity entity = entityModel.entity;
+    final LightEntity entity = entityModel.entityWrapper.entity;
     if (!_changedHere) {
       _resetState(entity);
     } else {
@@ -98,37 +98,20 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
   }
 
   Widget _buildBrightnessControl(LightEntity entity) {
-    if ((entity.supportBrightness) && (_tmpBrightness != null)) {
-      return Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: <Widget>[
-          Container(height: Entity.rowPadding,),
-          Text(
-            "Brightness",
-            style: TextStyle(fontSize: Entity.stateFontSize),
-          ),
-          Container(height: Entity.rowPadding,),
-          Row(
-            children: <Widget>[
-              Icon(Icons.brightness_5),
-              Expanded(
-                child: Slider(
-                  value: _tmpBrightness.toDouble(),
-                  min: 0.0,
-                  max: 255.0,
-                  onChanged: (value) {
-                    setState(() {
-                      _changedHere = true;
-                      _tmpBrightness = value.round();
-                    });
-                  },
-                  onChangeEnd: (value) => _setBrightness(entity, value),
-                ),
-              )
-            ],
-          ),
-          Container(height: Entity.rowPadding,)
-        ],
+    if ((entity.supportBrightness) && (_tmpBrightness != null) && (entity.state != EntityState.unavailable)) {
+      return UniversalSlider(
+        onChanged: (value) {
+          setState(() {
+            _changedHere = true;
+            _tmpBrightness = value.round();
+          });
+        },
+        min: 0.0,
+        max: 255.0,
+        onChangeEnd: (value) => _setBrightness(entity, value),
+        value: _tmpBrightness.toDouble(),
+        leading: Icon(Icons.brightness_5),
+        title: "Brightness",
       );
     } else {
       return Container(width: 0.0, height: 0.0);
@@ -137,37 +120,20 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
 
   Widget _buildColorTempControl(LightEntity entity) {
     if ((entity.supportColorTemp) && (_tmpColorTemp != null)) {
-      return Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: <Widget>[
-          Container(height: Entity.rowPadding,),
-          Text(
-            "Color temperature",
-            style: TextStyle(fontSize: Entity.stateFontSize),
-          ),
-          Container(height: Entity.rowPadding,),
-          Row(
-            children: <Widget>[
-              Text("Cold", style: TextStyle(color: Colors.lightBlue),),
-              Expanded(
-                child: Slider(
-                  value: _tmpColorTemp.toDouble(),
-                  min: entity.minMireds,
-                  max: entity.maxMireds,
-                  onChanged: (value) {
-                    setState(() {
-                      _changedHere = true;
-                      _tmpColorTemp = value.round();
-                    });
-                  },
-                  onChangeEnd: (value) => _setColorTemp(entity, value),
-                ),
-              ),
-              Text("Warm", style: TextStyle(color: Colors.amberAccent),),
-            ],
-          ),
-          Container(height: Entity.rowPadding,)
-        ],
+      return UniversalSlider(
+        title: "Color temperature",
+        leading: Text("Cold", style: TextStyle(color: Colors.lightBlue),),
+        value:  _tmpColorTemp.toDouble(),
+        onChangeEnd: (value) => _setColorTemp(entity, value),
+        max: entity.maxMireds,
+        min: entity.minMireds,
+        onChanged: (value) {
+          setState(() {
+            _changedHere = true;
+            _tmpColorTemp = value.round();
+          });
+        },
+        closing: Text("Warm", style: TextStyle(color: Colors.amberAccent),),
       );
     } else {
       return Container(width: 0.0, height: 0.0);
@@ -179,7 +145,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 +159,7 @@ class _LightControlsWidgetState extends State<LightControlsWidget> {
               ),
             ),
           ),
-          Container(height: 2*Entity.rowPadding,),
+          Container(height: 2*Sizes.rowPadding,),
         ],
       );
     } else {

lib/entity_widgets/controls/media_player_widgets.dart

@@ -0,0 +1,414 @@
+part of '../../main.dart';
+
+class MediaPlayerWidget extends StatelessWidget {
+  
+  @override
+  Widget build(BuildContext context) {
+    final EntityModel entityModel = EntityModel.of(context);
+    final MediaPlayerEntity entity = entityModel.entityWrapper.entity;
+    //TheLogger.debug("stop: ${entity.supportStop}, seek: ${entity.supportSeek}");
+    return Column(
+      children: <Widget>[
+        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()
+            )
+          ],
+        ),
+        MediaPlayerPlaybackControls()
+      ]
+    );
+  }
+
+  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 == EntityState.off || state == EntityState.unavailable || state == EntityState.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),
+        maxLines: 1,
+        softWrap: true,
+        overflow: TextOverflow.ellipsis,
+      ));
+    }
+    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 != EntityState.off && state != EntityState.unavailable && state != EntityState.idle) {
+      return Container(
+        color: Colors.black,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            Image(
+              image: CachedNetworkImageProvider("$homeAssistantWebHost${entity.entityPicture}"),
+              height: 240.0,
+              width: 320.0,
+              fit: BoxFit.contain,
+            )
+          ],
+        ),
+      );
+    } else {
+      return Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Icon(
+            MaterialDesignIcons.createIconDataFromIconName("mdi:movie"),
+            size: 150.0,
+            color: EntityColor.stateColor("$state"),
+          )
+        ],
+      );
+      /*return Container(
+        color: Colors.blue,
+        height: 80.0,
+      );*/
+    }
+  }
+}
+
+class MediaPlayerPlaybackControls extends StatelessWidget {
+
+  final bool showMenu;
+  final bool showStop;
+
+  const MediaPlayerPlaybackControls({Key key, this.showMenu: true, this.showStop: false}) : super(key: key);
+
+
+  void _setPower(MediaPlayerEntity entity) {
+    if (entity.state != EntityState.unavailable && entity.state != EntityState.unknown) {
+      if (entity.state == EntityState.off) {
+        TheLogger.debug("${entity.entityId} turn_on");
+        eventBus.fire(new ServiceCallEvent(
+            entity.domain, "turn_on", entity.entityId,
+            null));
+      } else {
+        TheLogger.debug("${entity.entityId} turn_off");
+        eventBus.fire(new ServiceCallEvent(
+            entity.domain, "turn_off", entity.entityId,
+            null));
+      }
+    }
+  }
+
+  void _callAction(MediaPlayerEntity entity, String action) {
+    TheLogger.debug("${entity.entityId} $action");
+    eventBus.fire(new ServiceCallEvent(
+        entity.domain, "$action", entity.entityId,
+        null));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaPlayerEntity entity = EntityModel.of(context).entityWrapper.entity;
+    List<Widget> result = [];
+    if (entity.supportTurnOn || entity.supportTurnOff) {
+      result.add(
+          IconButton(
+            icon: Icon(Icons.power_settings_new),
+            onPressed: () => _setPower(entity),
+            iconSize: Sizes.iconSize,
+          )
+      );
+    } else {
+      result.add(
+          Container(
+            width: Sizes.iconSize,
+          )
+      );
+    }
+    List <Widget> centeredControlsChildren = [];
+    if (entity.supportPreviousTrack && entity.state != EntityState.off && entity.state != EntityState.unavailable) {
+      centeredControlsChildren.add(
+          IconButton(
+            icon: Icon(Icons.skip_previous),
+            onPressed: () => _callAction(entity, "media_previous_track"),
+            iconSize: Sizes.iconSize,
+          )
+      );
+    }
+    if (entity.supportPlay || entity.supportPause) {
+      if (entity.state == EntityState.playing) {
+        centeredControlsChildren.add(
+            IconButton(
+              icon: Icon(Icons.pause_circle_filled),
+              color: Colors.blue,
+              onPressed: () => _callAction(entity, "media_pause"),
+              iconSize: Sizes.iconSize*1.8,
+            )
+        );
+      } else if (entity.state == EntityState.paused || entity.state == EntityState.idle) {
+        centeredControlsChildren.add(
+            IconButton(
+              icon: Icon(Icons.play_circle_filled),
+              color: Colors.blue,
+              onPressed: () => _callAction(entity, "media_play"),
+              iconSize: Sizes.iconSize*1.8,
+            )
+        );
+      } else {
+        centeredControlsChildren.add(
+            Container(
+              width: Sizes.iconSize*1.8,
+              height: Sizes.iconSize*2.0,
+            )
+        );
+      }
+    }
+    if (entity.supportNextTrack && entity.state != EntityState.off && entity.state != EntityState.unavailable) {
+      centeredControlsChildren.add(
+          IconButton(
+            icon: Icon(Icons.skip_next),
+            onPressed: () => _callAction(entity, "media_next_track"),
+            iconSize: Sizes.iconSize,
+          )
+      );
+    }
+    if (centeredControlsChildren.isNotEmpty) {
+      result.add(
+          Expanded(
+              child: Row(
+                mainAxisAlignment: showMenu ? MainAxisAlignment.center : MainAxisAlignment.end,
+                children: centeredControlsChildren,
+              )
+          )
+      );
+    } else {
+      result.add(
+          Expanded(
+            child: Container(
+              height: 10.0,
+            ),
+          )
+      );
+    }
+    if (showMenu) {
+      result.add(
+          IconButton(
+              icon: Icon(MaterialDesignIcons.createIconDataFromIconName(
+                  "mdi:dots-vertical")),
+              onPressed: () => eventBus.fire(new ShowEntityPageEvent(entity))
+          )
+      );
+    } else if (entity.supportStop && entity.state != EntityState.off && entity.state != EntityState.unavailable) {
+      result.add(
+          IconButton(
+              icon: Icon(Icons.stop),
+              onPressed: () => _callAction(entity, "media_stop")
+          )
+      );
+    }
+    return Row(
+      children: result,
+      mainAxisAlignment: MainAxisAlignment.center,
+    );
+  }
+
+}
+
+class MediaPlayerControls extends StatefulWidget {
+  @override
+  _MediaPlayerControlsState createState() => _MediaPlayerControlsState();
+}
+
+class _MediaPlayerControlsState extends State<MediaPlayerControls> {
+
+  double _newVolumeLevel;
+  bool _changedHere = false;
+
+  void _setVolume(double value, String entityId) {
+    setState(() {
+      _changedHere = true;
+      _newVolumeLevel = value;
+      eventBus.fire(ServiceCallEvent("media_player", "volume_set", entityId, {"volume_level": value}));
+    });
+  }
+
+  void _setVolumeMute(bool isMuted, String entityId) {
+    eventBus.fire(ServiceCallEvent("media_player", "volume_mute", entityId, {"is_volume_muted": isMuted}));
+  }
+
+  void _setVolumeUp(String entityId) {
+    eventBus.fire(ServiceCallEvent("media_player", "volume_up", entityId, null));
+  }
+
+  void _setVolumeDown(String entityId) {
+    eventBus.fire(ServiceCallEvent("media_player", "volume_down", entityId, null));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaPlayerEntity entity = EntityModel.of(context).entityWrapper.entity;
+    List<Widget> children = [
+      MediaPlayerPlaybackControls(
+        showMenu: false,
+      )
+    ];
+    if (entity.state != EntityState.off && entity.state != EntityState.unknown && entity.state != EntityState.unavailable) {
+      Widget muteWidget;
+      Widget volumeStepWidget;
+      if (entity.supportVolumeMute) {
+        bool isMuted = entity.attributes["is_volume_muted"] ?? false;
+        muteWidget =
+            IconButton(
+                icon: Icon(isMuted ? Icons.volume_off : Icons.volume_up),
+                onPressed: () => _setVolumeMute(!isMuted, entity.entityId)
+            );
+      } else {
+        muteWidget = Container(width: 0.0, height: 0.0,);
+      }
+      if (entity.supportVolumeStep) {
+        volumeStepWidget = Row(
+          mainAxisSize: MainAxisSize.min,
+          children: <Widget>[
+            IconButton(
+                icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:plus")),
+                onPressed: () => _setVolumeUp(entity.entityId)
+            ),
+            IconButton(
+                icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:minus")),
+                onPressed: () => _setVolumeDown(entity.entityId)
+            )
+          ],
+        );
+      } else {
+        volumeStepWidget = Container(width: 0.0, height: 0.0,);
+      }
+      if (entity.supportVolumeSet) {
+        if (!_changedHere) {
+          _newVolumeLevel = entity._getDoubleAttributeValue("volume_level");
+        } else {
+          _changedHere = false;
+        }
+        children.add(
+            UniversalSlider(
+              leading: muteWidget,
+              closing: volumeStepWidget,
+              title: "Volume",
+              onChanged: (value) {
+                setState(() {
+                  _changedHere = true;
+                  _newVolumeLevel = value;
+                });
+              },
+              value: _newVolumeLevel,
+              onChangeEnd: (value) => _setVolume(value, entity.entityId),
+              max: 1.0,
+              min: 0.0,
+            )
+        );
+      } else {
+        children.add(Row(
+          mainAxisSize: MainAxisSize.min,
+          children: <Widget>[
+            muteWidget,
+            volumeStepWidget
+          ],
+        ));
+      }
+
+    }
+    return Column(
+      children: children,
+    );
+  }
+
+}
+
+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.entityWrapper.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 == EntityState.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>(EntityColor.stateColor(EntityState.on)),
+      );
+    } catch (e) {
+      _timer?.cancel();
+      progress = 0.0;
+    }
+    return LinearProgressIndicator(
+      value: progress,
+      backgroundColor: Colors.black45,
+    );
+  }
+
+  @override
+  void dispose() {
+    _timer?.cancel();
+    super.dispose();
+  }
+
+}

lib/entity_widgets/controls/slider_controls.dart

@@ -0,0 +1,70 @@
+part of '../../main.dart';
+
+class SliderControlsWidget extends StatefulWidget {
+
+  SliderControlsWidget({Key key}) : super(key: key);
+
+  @override
+  _SliderControlsWidgetState createState() => _SliderControlsWidgetState();
+}
+
+class _SliderControlsWidgetState extends State<SliderControlsWidget> {
+  int _multiplier = 1;
+  double _newValue;
+  bool _changedHere = false;
+
+  void setNewState(newValue, domain, entityId) {
+    setState(() {
+      _newValue = newValue;
+      _changedHere = true;
+    });
+    eventBus.fire(new ServiceCallEvent(domain, "set_value", entityId,
+        {"value": "${newValue.toString()}"}));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final entityModel = EntityModel.of(context);
+    final SliderEntity entity = entityModel.entityWrapper.entity;
+    if (entity.valueStep < 1) {
+      _multiplier = 10;
+    } else if (entity.valueStep < 0.1) {
+      _multiplier = 100;
+    }
+    if (!_changedHere) {
+      _newValue = entity.doubleState;
+    } else {
+      _changedHere = false;
+    }
+    Widget slider = Slider(
+      min: entity.minValue * _multiplier,
+      max: entity.maxValue * _multiplier,
+      value: (_newValue <= entity.maxValue) &&
+          (_newValue >= entity.minValue)
+          ? _newValue * _multiplier
+          : entity.minValue * _multiplier,
+      onChanged: (value) {
+        setState(() {
+          _newValue = (value.roundToDouble() / _multiplier);
+          _changedHere = true;
+        });
+      },
+      onChangeEnd: (value) {
+        setNewState(value.roundToDouble() / _multiplier, entity.domain, entity.entityId);
+      },
+    );
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: <Widget>[
+        Text(
+          "$_newValue",
+          style: TextStyle(
+            fontSize: Sizes.largeFontSize,
+            color: Colors.blue
+          ),
+        ),
+        slider
+      ],
+    );
+  }
+}

lib/entity_widgets/default_entity_container.dart

@@ -3,26 +3,22 @@ part of '../main.dart';
 class DefaultEntityContainer extends StatelessWidget {
   DefaultEntityContainer({
     Key key,
-    @required this.state,
-    @required this.height
+    @required this.state
   }) : super(key: key);
 
   final Widget state;
-  final double height;
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
-      height: height,
-      child: Row(
-        children: <Widget>[
-          EntityIcon(),
-          Expanded(
-            child: EntityName(),
-          ),
-          state
-        ],
-      ),
+    return Row(
+      mainAxisSize: MainAxisSize.max,
+      children: <Widget>[
+        EntityIcon(),
+        Expanded(
+          child: EntityName(),
+        ),
+        state
+      ],
     );
   }
 }

lib/entity_widgets/entity_colors.class.dart

@@ -1,22 +1,28 @@
 part of '../main.dart';
 
-class EntityColors {
+class EntityColor {
+
+  static const badgeColors = {
+    "default": Color.fromRGBO(223, 76, 30, 1.0),
+    "binary_sensor": Color.fromRGBO(3, 155, 229, 1.0)
+  };
+
   static const _stateColors = {
-    "on": Colors.amber,
+    EntityState.on: Colors.amber,
     "auto": Colors.amber,
-    "idle": Colors.amber,
-    "playing": Colors.amber,
+    EntityState.idle: Colors.amber,
+    EntityState.playing: Colors.amber,
     "above_horizon": Colors.amber,
-    "home":  Colors.amber,
-    "open":  Colors.amber,
-    "off": Color.fromRGBO(68, 115, 158, 1.0),
-    "closed": Color.fromRGBO(68, 115, 158, 1.0),
+    EntityState.home:  Colors.amber,
+    EntityState.open:  Colors.amber,
+    EntityState.off: Color.fromRGBO(68, 115, 158, 1.0),
+    EntityState.closed: Color.fromRGBO(68, 115, 158, 1.0),
     "below_horizon": Color.fromRGBO(68, 115, 158, 1.0),
     "default": Color.fromRGBO(68, 115, 158, 1.0),
     "heat": Colors.redAccent,
     "cool": Colors.lightBlue,
-    "unavailable": Colors.black26,
-    "unknown": Colors.black26,
+    EntityState.unavailable: Colors.black26,
+    EntityState.unknown: Colors.black26,
   };
 
   static Color stateColor(String state) {
@@ -33,7 +39,8 @@ class EntityColors {
           a: c.alpha
       );
     } else {
-      return charts.MaterialPalette.getOrderedPalettes(id+1)[id].shadeDefault;
+      double r = id.toDouble() % 10;
+      return charts.MaterialPalette.getOrderedPalettes(10)[r.round()].shadeDefault;
     }
   }
 
@@ -43,10 +50,11 @@ class EntityColors {
       return c;
     } else {
       if (id > -1) {
-        charts.Color c1 = charts.MaterialPalette.getOrderedPalettes(id + 1)[id].shadeDefault;
+        double r = id.toDouble() % 10;
+        charts.Color c1 = charts.MaterialPalette.getOrderedPalettes(10)[r.round()].shadeDefault;
         return Color.fromARGB(c1.a, c1.r, c1.g, c1.b);
       } else {
-        return _stateColors["on"];
+        return _stateColors[EntityState.on];
       }
     }
   }

lib/entity_widgets/entity_icon.dart

@@ -1,22 +1,68 @@
 part of '../main.dart';
 
 class EntityIcon extends StatelessWidget {
+
+  final EdgeInsetsGeometry padding;
+  final double iconSize;
+
+  const EntityIcon({Key key, this.iconSize: Sizes.iconSize, this.padding: const EdgeInsets.fromLTRB(
+      Sizes.leftWidgetPadding, 0.0, 12.0, 0.0)}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
     return GestureDetector(
       child: Padding(
-        padding: EdgeInsets.fromLTRB(
-            Entity.leftWidgetPadding, 0.0, 12.0, 0.0),
+        padding: padding,
         child: MaterialDesignIcons.createIconWidgetFromEntityData(
-            entityModel.entity,
-            Entity.iconSize,
-            EntityColors.stateColor(entityModel.entity.state)
+            entityModel.entityWrapper,
+            iconSize,
+            EntityColor.stateColor(entityModel.entityWrapper.entity.state)
         ),
       ),
-      onTap: () => entityModel.handleTap
-          ? eventBus.fire(new ShowEntityPageEvent(entityModel.entity))
-          : null,
+      onLongPress: () {
+        if (entityModel.handleTap) {
+          switch (entityModel.entityWrapper.holdAction) {
+            case EntityTapAction.toggle: {
+              eventBus.fire(
+                  ServiceCallEvent("homeassistant", "toggle", entityModel.entityWrapper.entity.entityId, null));
+              break;
+            }
+
+            default: {
+              eventBus.fire(
+                  new ShowEntityPageEvent(entityModel.entityWrapper.entity));
+              break;
+            }
+          }
+
+        }
+      },
+      onTap: () {
+        if (entityModel.handleTap) {
+          switch (entityModel.entityWrapper.tapAction) {
+            case EntityTapAction.toggle: {
+              eventBus.fire(
+                  ServiceCallEvent("homeassistant", "toggle", entityModel.entityWrapper.entity.entityId, null));
+              break;
+            }
+
+            case EntityTapAction.callService: {
+              eventBus.fire(
+                  ServiceCallEvent(entityModel.entityWrapper.actionService.split(".")[0], entityModel.entityWrapper.actionService.split(".")[1], null, entityModel.entityWrapper.actionServiceData));
+              break;
+            }
+
+            default: {
+              eventBus.fire(
+                  new ShowEntityPageEvent(entityModel.entityWrapper.entity));
+              break;
+            }
+          }
+
+        }
+      }
+
     );
   }
 }

lib/entity_widgets/entity_name.dart

@@ -1,22 +1,32 @@
 part of '../main.dart';
 
 class EntityName extends StatelessWidget {
+
+  final EdgeInsetsGeometry padding;
+  final TextOverflow textOverflow;
+  final bool wordsWrap;
+  final double fontSize;
+  final TextAlign textAlign;
+
+  const EntityName({Key key, this.padding: const EdgeInsets.only(right: 10.0), this.textOverflow: TextOverflow.ellipsis, this.wordsWrap: true, this.fontSize: Sizes.nameFontSize, this.textAlign: TextAlign.left}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
     return GestureDetector(
       child: Padding(
-        padding: EdgeInsets.only(right: 10.0),
+        padding: padding,
         child: Text(
-          "${entityModel.entity.displayName}",
-          overflow: TextOverflow.ellipsis,
-          softWrap: false,
-          style: TextStyle(fontSize: Entity.nameFontSize),
+          "${entityModel.entityWrapper.displayName}",
+          overflow: textOverflow,
+          softWrap: wordsWrap,
+          style: TextStyle(fontSize: fontSize),
+          textAlign: textAlign,
         ),
       ),
       onTap: () =>
       entityModel.handleTap
-          ? eventBus.fire(new ShowEntityPageEvent(entityModel.entity))
+          ? eventBus.fire(new ShowEntityPageEvent(entityModel.entityWrapper.entity))
           : null,
     );
   }

lib/entity_widgets/glance_entity_container.dart

@@ -0,0 +1,42 @@
+part of '../main.dart';
+
+class GlanceEntityContainer extends StatelessWidget {
+
+  final bool showName;
+  final bool showState;
+
+  GlanceEntityContainer({
+    Key key, @required this.showName, @required this.showState,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    List<Widget> result = [];
+    if (showName) {
+      result.add(EntityName(
+        padding: EdgeInsets.only(bottom: Sizes.rowPadding),
+        textOverflow: TextOverflow.ellipsis,
+        wordsWrap: false,
+        textAlign: TextAlign.center,
+        fontSize: Sizes.smallFontSize,
+      ));
+    }
+    result.add(EntityIcon(
+      padding: EdgeInsets.all(0.0),
+      iconSize: Sizes.largeIconSize,
+    ));
+    if (showState) {
+      result.add(SimpleEntityState(
+        textAlign: TextAlign.center,
+        expanded: false,
+        padding: EdgeInsets.only(top: Sizes.rowPadding),
+      ));
+    }
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      mainAxisAlignment: MainAxisAlignment.start,
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: result,
+    );
+  }
+}

lib/entity_widgets/history_chart/combined_history_chart.dart

@@ -69,7 +69,7 @@ class _CombinedHistoryChartWidgetState extends State<CombinedHistoryChartWidget>
             selectionModels: [
               new charts.SelectionModelConfig(
                 type: charts.SelectionModelType.info,
-                listener: (model) => _onSelectionChanged(model),
+                changedListener: (model) => _onSelectionChanged(model),
               )
             ],
             customSeriesRenderers: [
@@ -156,7 +156,7 @@ class _CombinedHistoryChartWidgetState extends State<CombinedHistoryChartWidget>
       result.add(
         new charts.Series<EntityHistoryMoment, DateTime>(
           id: "value",
-          colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor("_", historyMoment.colorId),
+          colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor("_", historyMoment.colorId),
           radiusPxFn: (EntityHistoryMoment historyMoment, __) {
               if (historyMoment.hiddenDot) {
                 return 0.0;
@@ -179,7 +179,7 @@ class _CombinedHistoryChartWidgetState extends State<CombinedHistoryChartWidget>
         new charts.Series<EntityHistoryMoment, DateTime>(
           id: 'state',
           radiusPxFn: (EntityHistoryMoment historyMoment, __) => (historyMoment.id == _selectedId) ? 5.0 : 4.0,
-          colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
+          colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
           domainFn: (EntityHistoryMoment historyMoment, _) => historyMoment.startTime,
           domainLowerBoundFn: (EntityHistoryMoment historyMoment, _) => historyMoment.startTime,
           domainUpperBoundFn: (EntityHistoryMoment historyMoment, _) => historyMoment.endTime ?? DateTime.now(),

lib/entity_widgets/history_chart/entity_history.dart

@@ -31,6 +31,7 @@ class _EntityHistoryWidgetState extends State<EntityHistoryWidget> {
 
   List _history;
   bool _needToUpdateHistory;
+  DateTime _historyLastUpdated;
 
   @override
   void initState() {
@@ -39,25 +40,32 @@ class _EntityHistoryWidgetState extends State<EntityHistoryWidget> {
   }
 
   void _loadHistory(HomeAssistant ha, String entityId) {
-    ha.getHistory(entityId).then((history){
-      setState(() {
-        _history = history.isNotEmpty ? history[0] : [];
-        _needToUpdateHistory = false;
+    DateTime now = DateTime.now();
+    if (_historyLastUpdated != null) {
+      TheLogger.debug("History was updated ${now.difference(_historyLastUpdated).inSeconds} seconds ago");
+    }
+    if (_historyLastUpdated == null || now.difference(_historyLastUpdated).inSeconds > 30) {
+      _historyLastUpdated = now;
+      ha.getHistory(entityId).then((history){
+        setState(() {
+          _history = history.isNotEmpty ? history[0] : [];
+          _needToUpdateHistory = false;
+        });
+      }).catchError((e) {
+        TheLogger.error("Error loading $entityId history: $e");
+        setState(() {
+          _history = [];
+          _needToUpdateHistory = false;
+        });
       });
-    }).catchError((e) {
-      TheLogger.error("Error loading $entityId history: $e");
-      setState(() {
-        _history = [];
-        _needToUpdateHistory = false;
-      });
-    });
+    }
   }
 
   @override
   Widget build(BuildContext context) {
     final HomeAssistantModel homeAssistantModel = HomeAssistantModel.of(context);
     final EntityModel entityModel = EntityModel.of(context);
-    final Entity entity = entityModel.entity;
+    final Entity entity = entityModel.entityWrapper.entity;
     if (!_needToUpdateHistory) {
       _needToUpdateHistory = true;
     } else {
@@ -83,7 +91,7 @@ class _EntityHistoryWidgetState extends State<EntityHistoryWidget> {
     }
     children.add(Divider());
     return Padding(
-      padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, Entity.rowPadding),
+      padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, Sizes.rowPadding),
       child: Column(
         children: children,
       ),
@@ -91,18 +99,15 @@ class _EntityHistoryWidgetState extends State<EntityHistoryWidget> {
   }
 
   Widget _selectChartWidget() {
-    TheLogger.debug("  selecting history widget (${widget.config.chartType})");
     switch (widget.config.chartType) {
 
       case EntityHistoryWidgetType.simple: {
-          TheLogger.debug("  Simple selected");
           return SimpleStateHistoryChartWidget(
             rawHistory: _history,
           );
       }
 
       case EntityHistoryWidgetType.numericState: {
-        TheLogger.debug("  EntityHistory selected");
         return NumericStateHistoryChartWidget(
           rawHistory: _history,
           config: widget.config,
@@ -110,7 +115,6 @@ class _EntityHistoryWidgetState extends State<EntityHistoryWidget> {
       }
 
       case EntityHistoryWidgetType.numericAttributes: {
-        TheLogger.debug("  NumericAttributes selected");
         return CombinedHistoryChartWidget(
           rawHistory: _history,
           config: widget.config,

lib/entity_widgets/history_chart/history_control_widget.dart

@@ -55,7 +55,7 @@ class HistoryControlWidget extends StatelessWidget {
             textAlign: TextAlign.right,
             style: TextStyle(
                 fontWeight: FontWeight.bold,
-                color: EntityColors.historyStateColor(selectedStates[i], colorIndexes[i]),
+                color: EntityColor.historyStateColor(selectedStates[i], colorIndexes[i]),
                 fontSize: 22.0
             ),
           )

lib/entity_widgets/history_chart/numeric_state_history_chart.dart

@@ -57,7 +57,7 @@ class _NumericStateHistoryChartWidgetState extends State<NumericStateHistoryChar
             selectionModels: [
               new charts.SelectionModelConfig(
                 type: charts.SelectionModelType.info,
-                listener: (model) => _onSelectionChanged(model),
+                changedListener: (model) => _onSelectionChanged(model),
               )
             ],
           ),
@@ -108,7 +108,7 @@ class _NumericStateHistoryChartWidgetState extends State<NumericStateHistoryChar
     return [
       new charts.Series<EntityHistoryMoment, DateTime>(
         id: 'State',
-        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor("on", -1),
+        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor(EntityState.on, -1),
         domainFn: (EntityHistoryMoment historyMoment, _) => historyMoment.startTime,
         measureFn: (EntityHistoryMoment historyMoment, _) => historyMoment.value ?? historyMoment.previousValue,
         data: data,

lib/entity_widgets/history_chart/simple_state_history_chart.dart

@@ -53,7 +53,7 @@ class _SimpleStateHistoryChartWidgetState extends State<SimpleStateHistoryChartW
             selectionModels: [
               new charts.SelectionModelConfig(
                 type: charts.SelectionModelType.info,
-                listener: (model) => _onSelectionChanged(model),
+                changedListener: (model) => _onSelectionChanged(model),
               )
             ],
             customSeriesRenderers: [
@@ -107,7 +107,7 @@ class _SimpleStateHistoryChartWidgetState extends State<SimpleStateHistoryChartW
       new charts.Series<EntityHistoryMoment, DateTime>(
         id: 'State',
         strokeWidthPxFn: (EntityHistoryMoment historyMoment, __) => (historyMoment.id == _selectedId) ? 6.0 : 3.0,
-        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
+        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
         domainFn: (EntityHistoryMoment historyMoment, _) => historyMoment.startTime,
         measureFn: (EntityHistoryMoment historyMoment, _) => 10,
         data: data,
@@ -115,7 +115,7 @@ class _SimpleStateHistoryChartWidgetState extends State<SimpleStateHistoryChartW
       new charts.Series<EntityHistoryMoment, DateTime>(
         id: 'State',
         radiusPxFn: (EntityHistoryMoment historyMoment, __) => (historyMoment.id == _selectedId) ? 5.0 : 3.0,
-        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
+        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
         domainFn: (EntityHistoryMoment historyMoment, _) => historyMoment.startTime,
         measureFn: (EntityHistoryMoment historyMoment, _) => 10,
         data: data,
@@ -123,7 +123,7 @@ class _SimpleStateHistoryChartWidgetState extends State<SimpleStateHistoryChartW
       new charts.Series<EntityHistoryMoment, DateTime>(
         id: 'State',
         radiusPxFn: (EntityHistoryMoment historyMoment, __) => (historyMoment.id == _selectedId) ? 5.0 : 3.0,
-        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColors.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
+        colorFn: (EntityHistoryMoment historyMoment, __) => EntityColor.chartHistoryStateColor(historyMoment.state, historyMoment.colorId),
         domainFn: (EntityHistoryMoment historyMoment, _) => historyMoment.endTime ?? DateTime.now(),
         measureFn: (EntityHistoryMoment historyMoment, _) => 10,
         data: data,

lib/entity_widgets/model_widgets.dart

@@ -3,12 +3,12 @@ part of '../main.dart';
 class EntityModel extends InheritedWidget {
   const EntityModel({
     Key key,
-    @required this.entity,
+    @required this.entityWrapper,
     @required this.handleTap,
     @required Widget child,
   }) : super(key: key, child: child);
 
-  final Entity entity;
+  final EntityWrapper entityWrapper;
   final bool handleTap;
 
   static EntityModel of(BuildContext context) {

lib/entity_widgets/state/button_state.dart

@@ -9,16 +9,19 @@ class ButtonStateWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    return FlatButton(
-      onPressed: (() {
-        _setNewState(entityModel.entity);
-      }),
-      child: Text(
-        "EXECUTE",
-        textAlign: TextAlign.right,
-        style:
-        new TextStyle(fontSize: Entity.stateFontSize, color: Colors.blue),
-      ),
+    return SizedBox(
+      height: 34.0,
+      child: FlatButton(
+        onPressed: (() {
+          _setNewState(entityModel.entityWrapper.entity);
+        }),
+        child: Text(
+          "EXECUTE",
+          textAlign: TextAlign.right,
+          style:
+          new TextStyle(fontSize: Sizes.stateFontSize, color: Colors.blue),
+        ),
+      )
     );
   }
 }

lib/entity_widgets/state/climate_state.dart

@@ -4,7 +4,7 @@ class ClimateStateWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final ClimateEntity entity = entityModel.entity;
+    final ClimateEntity entity = entityModel.entityWrapper.entity;
     String targetTemp = "-";
     if ((entity.supportTargetTemperature) && (entity.temperature != null)) {
       targetTemp = "${entity.temperature}";
@@ -18,7 +18,7 @@ class ClimateStateWidget extends StatelessWidget {
     }
     return Padding(
         padding: EdgeInsets.fromLTRB(
-            0.0, 0.0, Entity.rightWidgetPadding, 0.0),
+            0.0, 0.0, Sizes.rightWidgetPadding, 0.0),
         child: GestureDetector(
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.end,
@@ -30,12 +30,12 @@ class ClimateStateWidget extends StatelessWidget {
                       textAlign: TextAlign.right,
                       style: new TextStyle(
                         fontWeight: FontWeight.bold,
-                        fontSize: Entity.stateFontSize,
+                        fontSize: Sizes.stateFontSize,
                       )),
                   Text(" $targetTemp",
                       textAlign: TextAlign.right,
                       style: new TextStyle(
-                        fontSize: Entity.stateFontSize,
+                        fontSize: Sizes.stateFontSize,
                       ))
                 ],
               ),
@@ -43,7 +43,7 @@ class ClimateStateWidget extends StatelessWidget {
               Text("Currently: ${entity.attributes["current_temperature"]}",
                   textAlign: TextAlign.right,
                   style: new TextStyle(
-                      fontSize: Entity.stateFontSize,
+                      fontSize: Sizes.stateFontSize,
                       color: Colors.black45)
               ) :
               Container(height: 0.0,)

lib/entity_widgets/state/cover_state.dart

@@ -19,42 +19,42 @@ class CoverStateWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final CoverEntity entity = entityModel.entity;
+    final CoverEntity entity = entityModel.entityWrapper.entity;
     List<Widget> buttons = [];
     if (entity.supportOpen) {
       buttons.add(IconButton(
           icon: Icon(
             MaterialDesignIcons.createIconDataFromIconName("mdi:arrow-up"),
-            size: Entity.iconSize,
+            size: Sizes.iconSize,
           ),
           onPressed: entity.canBeOpened ? () => _open(entity) : null));
     } else {
       buttons.add(Container(
-        width: Entity.iconSize + 20.0,
+        width: Sizes.iconSize + 20.0,
       ));
     }
     if (entity.supportStop) {
       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.supportClose) {
       buttons.add(IconButton(
           icon: Icon(
             MaterialDesignIcons.createIconDataFromIconName("mdi:arrow-down"),
-            size: Entity.iconSize,
+            size: Sizes.iconSize,
           ),
           onPressed: entity.canBeClosed ? () => _close(entity) : null));
     } else {
       buttons.add(Container(
-        width: Entity.iconSize + 20.0,
+        width: Sizes.iconSize + 20.0,
       ));
     }
 

lib/entity_widgets/state/date_time_state.dart

@@ -4,14 +4,14 @@ class DateTimeStateWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final DateTimeEntity entity = entityModel.entity;
+    final DateTimeEntity entity = entityModel.entityWrapper.entity;
     return Padding(
-        padding: EdgeInsets.fromLTRB(0.0, 0.0, Entity.rightWidgetPadding, 0.0),
+        padding: EdgeInsets.fromLTRB(0.0, 0.0, Sizes.rightWidgetPadding, 0.0),
         child: GestureDetector(
           child: Text("${entity.formattedState}",
               textAlign: TextAlign.right,
               style: new TextStyle(
-                fontSize: Entity.stateFontSize,
+                fontSize: Sizes.stateFontSize,
               )),
           onTap: () => _handleStateTap(context, entity),
         ));

lib/entity_widgets/state/select_state.dart

@@ -18,7 +18,7 @@ class _SelectStateWidgetState extends State<SelectStateWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final SelectEntity entity = entityModel.entity;
+    final SelectEntity entity = entityModel.entityWrapper.entity;
     Widget ctrl;
     if (entity.listOptions.isNotEmpty) {
       ctrl = DropdownButton<String>(

lib/entity_widgets/state/simple_state.dart

@@ -1,22 +1,40 @@
 part of '../../main.dart';
 
 class SimpleEntityState extends StatelessWidget {
+
+  final bool expanded;
+  final TextAlign textAlign;
+  final EdgeInsetsGeometry padding;
+
+  const SimpleEntityState({Key key, this.expanded: true, this.textAlign: TextAlign.right, this.padding: const EdgeInsets.fromLTRB(0.0, 0.0, Sizes.rightWidgetPadding, 0.0)}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    return Padding(
-        padding: EdgeInsets.fromLTRB(
-            0.0, 0.0, Entity.rightWidgetPadding, 0.0),
+    Widget result = Padding(
+        padding: padding,
         child: GestureDetector(
           child: Text(
-              "${entityModel.entity.state}${entityModel.entity.unitOfMeasurement}",
-              textAlign: TextAlign.right,
+              "${entityModel.entityWrapper.entity.state}${entityModel.entityWrapper.entity.unitOfMeasurement}",
+              textAlign: textAlign,
+              maxLines: 4,
+              overflow: TextOverflow.ellipsis,
+              softWrap: true,
               style: new TextStyle(
-                fontSize: Entity.stateFontSize,
+                fontSize: Sizes.stateFontSize,
               )),
           onTap: () => entityModel.handleTap
-              ? eventBus.fire(new ShowEntityPageEvent(entityModel.entity))
+              ? eventBus.fire(new ShowEntityPageEvent(entityModel.entityWrapper.entity))
               : null,
-        ));
+        )
+    );
+    if (expanded) {
+      return SizedBox(
+        width: MediaQuery.of(context).size.width * 0.3,
+        child: result,
+      );
+    } else {
+      return result;
+    }
   }
-}
+}

lib/entity_widgets/state/slider_state.dart

@@ -1,58 +0,0 @@
-part of '../../main.dart';
-
-class SliderStateWidget extends StatefulWidget {
-
-  final bool expanded;
-
-  SliderStateWidget({Key key, @required this.expanded}) : super(key: key);
-
-  @override
-  _SliderStateWidgetState createState() => _SliderStateWidgetState();
-}
-
-class _SliderStateWidgetState extends State<SliderStateWidget> {
-  int _multiplier = 1;
-
-  void setNewState(newValue, domain, entityId) {
-    eventBus.fire(new ServiceCallEvent(domain, "set_value", entityId,
-        {"value": "${newValue.toString()}"}));
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final entityModel = EntityModel.of(context);
-    final SliderEntity entity = entityModel.entity;
-    if (entity.valueStep < 1) {
-      _multiplier = 10;
-    } else if (entity.valueStep < 0.1) {
-      _multiplier = 100;
-    }
-    Widget slider = Slider(
-      min: entity.minValue * _multiplier,
-      max: entity.maxValue * _multiplier,
-      value: (entity.doubleState <= entity.maxValue) &&
-          (entity.doubleState >= entity.minValue)
-          ? entity.doubleState * _multiplier
-          : entity.minValue * _multiplier,
-      onChanged: (value) {
-        setState(() {
-          entity.state =
-              (value.roundToDouble() / _multiplier).toString();
-        });
-        eventBus.fire(new StateChangedEvent(entity.entityId,
-            (value.roundToDouble() / _multiplier).toString(), true));
-
-      },
-      onChangeEnd: (value) {
-        setNewState(value.roundToDouble() / _multiplier, entity.domain, entity.entityId);
-      },
-    );
-    if (widget.expanded) {
-      return Expanded(
-        child: slider,
-      );
-    } else {
-      return slider;
-    }
-  }
-}

lib/entity_widgets/state/switch_state.dart

@@ -7,6 +7,9 @@ class SwitchStateWidget extends StatefulWidget {
 
 class _SwitchStateWidgetState extends State<SwitchStateWidget> {
 
+  String newState;
+  bool updatedHere = false;
+
   @override
   void initState() {
     super.initState();
@@ -14,11 +17,14 @@ class _SwitchStateWidgetState extends State<SwitchStateWidget> {
 
   void _setNewState(newValue, Entity entity) {
     setState(() {
-      entity.assumedState = newValue ? 'on' : 'off';
+      newState = newValue ? EntityState.on : EntityState.off;
+      updatedHere = true;
     });
     Timer(Duration(seconds: 2), (){
       setState(() {
-        entity.assumedState = entity.state;
+        newState = entity.state;
+        updatedHere = true;
+        TheLogger.debug("Timer@!!");
       });
     });
     eventBus.fire(new ServiceCallEvent(
@@ -28,33 +34,45 @@ class _SwitchStateWidgetState extends State<SwitchStateWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final entity = entityModel.entity;
-    if ((entity.attributes["assumed_state"] == null) || (entity.attributes["assumed_state"] == false)) {
-      return Switch(
-        value: entity.assumedState == 'on',
-        onChanged: ((switchState) {
-          _setNewState(switchState, entity);
-        }),
+    final entity = entityModel.entityWrapper.entity;
+    if (!updatedHere) {
+      newState = entity.state;
+    } else {
+      updatedHere = false;
+    }
+    if (entity.state == EntityState.unavailable || entity.state == EntityState.unknown) {
+      return SimpleEntityState();
+    } else if ((entity.attributes["assumed_state"] == null) || (entity.attributes["assumed_state"] == false)) {
+      return SizedBox(
+        height: 32.0,
+        child: Switch(
+          value: newState == EntityState.on,
+          onChanged: ((switchState) {
+            _setNewState(switchState, entity);
+          }),
+        )
       );
     } else {
-      return Row(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: <Widget>[
-          IconButton(
-            onPressed: () => _setNewState(false, entity),
-            icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:flash-off")),
-            color: entity.assumedState == 'on' ? Colors.black : Colors.blue,
-            iconSize: Entity.iconSize,
-          ),
-          IconButton(
-              onPressed: () => _setNewState(true, entity),
-              icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:flash")),
-              color: entity.assumedState == 'on' ? Colors.blue : Colors.black,
-              iconSize: Entity.iconSize
-          )
-        ],
+      return SizedBox(
+        height: 32.0,
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            IconButton(
+              onPressed: () => _setNewState(false, entity),
+              icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:flash-off")),
+              color: newState == EntityState.on ? Colors.black : Colors.blue,
+              iconSize: Sizes.iconSize,
+            ),
+            IconButton(
+                onPressed: () => _setNewState(true, entity),
+                icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:flash")),
+                color: newState == EntityState.on ? Colors.blue : Colors.black,
+                iconSize: Sizes.iconSize
+            )
+          ],
+        ),
       );
     }
-
   }
 }

lib/entity_widgets/state/text_input_state.dart

@@ -55,7 +55,7 @@ class _TextInputStateWidgetState extends State<TextInputStateWidget> {
   @override
   Widget build(BuildContext context) {
     final entityModel = EntityModel.of(context);
-    final TextEntity entity = entityModel.entity;
+    final TextEntity entity = entityModel.entityWrapper.entity;
     _entityState = entity.state;
     _entityDomain = entity.domain;
     _entityId = entity.entityId;

lib/home_assistant.class.dart

@@ -4,7 +4,7 @@ class HomeAssistant {
   String _webSocketAPIEndpoint;
   String _password;
   String _authType;
-  bool _useLovelace;
+  bool _useLovelace = false;
 
   IOWebSocketChannel _hassioChannel;
   SendMessageQueue _messageQueue;
@@ -40,7 +40,13 @@ class HomeAssistant {
   Duration fetchTimeout = Duration(seconds: 30);
   Duration connectTimeout = Duration(seconds: 15);
 
-  String get locationName => _instanceConfig["location_name"] ?? "";
+  String get locationName {
+    if (_useLovelace) {
+      return ui?.title ?? "";
+    } else {
+      return _instanceConfig["location_name"] ?? "";
+    }
+  }
   String get userName => _userName ?? locationName;
   String get userAvatarText => userName.length > 0 ? userName[0] : "";
   //int get viewsCount => entities.views.length ?? 0;
@@ -195,7 +201,12 @@ class HomeAssistant {
         _connectionCompleter.complete();
       }
     } else if (error != null) {
-      eventBus.fire(ShowErrorEvent(error["errorMessage"], error["errorCode"]));
+      if (error is Error) {
+        eventBus.fire(ShowErrorEvent(error.toString(), 12));
+      } else {
+        eventBus.fire(ShowErrorEvent(error["errorMessage"], error["errorCode"]));
+      }
+
     }
   }
 
@@ -209,6 +220,7 @@ class HomeAssistant {
     } else if (data["type"] == "auth_invalid") {
       _completeConnecting({"errorCode": 6, "errorMessage": "${data["message"]}"});
     } else if (data["type"] == "result") {
+      TheLogger.debug("[Received] <== id:${data["id"]}, ${data['success'] ? 'success' : 'error'}");
       if (data["id"] == _configMessageId) {
         _parseConfig(data);
       } else if (data["id"] == _statesMessageId) {
@@ -219,12 +231,10 @@ class HomeAssistant {
         _parseServices(data);
       } else if (data["id"] == _userInfoMessageId) {
         _parseUserInfo(data);
-      } else if (data["id"] == _currentMessageId) {
-        TheLogger.debug("[Received] => Request id:$_currentMessageId was successful");
       }
     } else if (data["type"] == "event") {
       if ((data["event"] != null) && (data["event"]["event_type"] == "state_changed")) {
-        TheLogger.debug("[Received] => ${data['type']}.${data["event"]["event_type"]}: ${data["event"]["data"]["entity_id"]}");
+        TheLogger.debug("[Received] <== ${data['type']}.${data["event"]["event_type"]}: ${data["event"]["data"]["entity_id"]}");
         _handleEntityStateChange(data["event"]["data"]);
       } else if (data["event"] != null) {
         TheLogger.warning("Unhandled event type: ${data["event"]["event_type"]}");
@@ -317,17 +327,40 @@ class HomeAssistant {
 
   Future callService(String domain, String service, String entityId, Map<String, dynamic> additionalParams) {
     _incrementMessageId();
-    String message = '{"id": $_currentMessageId, "type": "call_service", "domain": "$domain", "service": "$service", "service_data": {"entity_id": "$entityId"';
-    if (additionalParams != null) {
-      additionalParams.forEach((name, value){
-        if ((value is double) || (value is int) || (value is List)) {
-          message += ', "$name" : $value';
-        } else {
-          message += ', "$name" : "$value"';
-        }
-      });
+    String message = "";
+    if (entityId != null) {
+      message = '{"id": $_currentMessageId, "type": "call_service", "domain": "$domain", "service": "$service", "service_data": {"entity_id": "$entityId"';
+      if (additionalParams != null) {
+        additionalParams.forEach((name, value) {
+          if ((value is double) || (value is int) || (value is List)) {
+            message += ', "$name" : $value';
+          } else {
+            message += ', "$name" : "$value"';
+          }
+        });
+      }
+      message += '}}';
+    } else {
+      message = '{"id": $_currentMessageId, "type": "call_service", "domain": "$domain", "service": "$service"';
+      if (additionalParams != null && additionalParams.isNotEmpty) {
+        message += ', "service_data": {';
+        bool first = true;
+        additionalParams.forEach((name, value) {
+          if (!first) {
+            message += ', ';
+          }
+          if ((value is double) || (value is int) || (value is List)) {
+            message += '"$name" : $value';
+          } else {
+            message += '"$name" : "$value"';
+          }
+          first = false;
+        });
+
+        message += '}';
+      }
+      message += '}';
     }
-    message += '}}';
     return _sendMessageRaw(message, true);
   }
 
@@ -335,7 +368,7 @@ class HomeAssistant {
     //TheLogger.debug( "New state for ${eventData['entity_id']}");
     Map data = Map.from(eventData);
     entities.updateState(data);
-    eventBus.fire(new StateChangedEvent(data["entity_id"], null, false));
+    eventBus.fire(new StateChangedEvent(data["entity_id"], null));
   }
 
   void _parseConfig(Map data) {
@@ -352,6 +385,7 @@ class HomeAssistant {
       _userName = data["result"]["name"];
     } else {
       _userName = null;
+      TheLogger.warning("There was an error getting current user: $data");
     }
     _userInfoCompleter.complete();
   }
@@ -364,22 +398,22 @@ class HomeAssistant {
     if (response["success"] == true) {
       _rawLovelaceData = response["result"];
     } else {
+      TheLogger.error("There was an error getting Lovelace config: $response");
       _rawLovelaceData = null;
     }
     _lovelaceCompleter.complete();
   }
 
   void _parseLovelace() {
-      ui = HomeAssistantUI();
-      TheLogger.debug("Parsing lovelace config");
       TheLogger.debug("--Title: ${_rawLovelaceData["title"]}");
+      ui.title = _rawLovelaceData["title"];
       int viewCounter = 0;
       TheLogger.debug("--Views count: ${_rawLovelaceData['views'].length}");
       _rawLovelaceData["views"].forEach((rawView){
         TheLogger.debug("----view id: ${rawView['id']}");
         HAView view = HAView(
             count: viewCounter,
-            id: rawView['id'],
+            id: "${rawView['id']}",
             name: rawView['title'],
             iconName: rawView['icon']
         );
@@ -395,28 +429,54 @@ class HomeAssistant {
     List<HACard> result = [];
     rawCards.forEach((rawCard){
       if (rawCard["cards"] != null) {
-        TheLogger.debug("------card: ${rawCard['type']} has child cards");
         result.addAll(_createLovelaceCards(rawCard["cards"]));
       } else {
-        TheLogger.debug("------card: ${rawCard['type']}");
         HACard card = HACard(
             id: "card",
             name: rawCard["title"],
-            type: rawCard['type']
+            type: rawCard['type'],
+            columnsCount: rawCard['columns'] ?? 4,
+            showName: rawCard['show_name'] ?? true,
+            showState: rawCard['show_state'] ?? true,
         );
         rawCard["entities"]?.forEach((rawEntity) {
           if (rawEntity is String) {
             if (entities.isExist(rawEntity)) {
-              card.entities.add(entities.get(rawEntity));
+              card.entities.add(EntityWrapper(entity: entities.get(rawEntity)));
             }
           } else {
             if (entities.isExist(rawEntity["entity"])) {
-              card.entities.add(entities.get(rawEntity["entity"]));
+              Entity e = entities.get(rawEntity["entity"]);
+              card.entities.add(
+                  EntityWrapper(
+                    entity: e,
+                    displayName: rawEntity["name"],
+                    icon: rawEntity["icon"],
+                    tapAction: rawEntity["tap_action"] ?? EntityTapAction.moreInfo,
+                    holdAction: rawEntity["hold_action"] ?? EntityTapAction.moreInfo,
+                    actionService: rawEntity["service"],
+                    actionServiceData: rawEntity["service_data"] ?? {"entity_id": e.entityId}
+                  )
+              );
             }
           }
         });
         if (rawCard["entity"] != null) {
-          card.linkedEntity = entities.get(rawCard["entity"]);
+          var en = rawCard["entity"];
+          if (en is String) {
+            if (entities.isExist(en)) {
+              card.linkedEntity = EntityWrapper(entity: entities.get(en));
+            }
+          } else {
+            if (entities.isExist(en["entity"])) {
+              card.linkedEntity = EntityWrapper(
+                entity: entities.get(en["entity"]),
+                icon: en["icon"],
+                displayName: en["name"]
+              );
+            }
+          }
+
         }
         result.add(card);
       }
@@ -434,13 +494,14 @@ class HomeAssistant {
   }
 
   void _createUI() {
+    ui = HomeAssistantUI();
     if ((_useLovelace) && (_rawLovelaceData != null)) {
+      TheLogger.debug("Creating Lovelace UI");
       _parseLovelace();
     } else {
-      ui = HomeAssistantUI();
+      TheLogger.debug("Creating group-based UI");
       int viewCounter = 0;
       if (!entities.hasDefaultView) {
-        TheLogger.debug( "--Default view");
         HAView view = HAView(
             count: viewCounter,
             id: "group.default_view",
@@ -453,7 +514,6 @@ class HomeAssistant {
         viewCounter += 1;
       }
       entities.viewEntities.forEach((viewEntity) {
-        TheLogger.debug( "--View: ${viewEntity.entityId}");
         HAView view = HAView(
             count: viewCounter,
             id: viewEntity.entityId,
@@ -478,7 +538,7 @@ class HomeAssistant {
     //String endTime = formatDate(now, [yyyy, '-', mm, '-', dd, 'T', HH, ':', nn, ':', ss, z]);
     String startTime = formatDate(now.subtract(Duration(hours: 24)), [yyyy, '-', mm, '-', dd, 'T', HH, ':', nn, ':', ss, z]);
     String url = "$homeAssistantWebHost/api/history/period/$startTime?&filter_entity_id=$entityId";
-    TheLogger.debug( "$url");
+    TheLogger.debug("[Sending] ==> $url");
     http.Response historyResponse;
     if (_authType == "access_token") {
       historyResponse = await http.get(url, headers: {
@@ -493,7 +553,7 @@ class HomeAssistant {
     }
     var history = json.decode(historyResponse.body);
     if (history is List) {
-      TheLogger.debug( "Got ${history.first.length} history recors");
+      TheLogger.debug( "[Received] <== ${history.first.length} history recors");
       return history;
     } else {
       return [];

lib/log.page.dart

@@ -38,15 +38,7 @@ class _LogViewPageState extends State<LogViewPage> {
             onPressed: () {
               Clipboard.setData(new ClipboardData(text: _logData));
             },
-          ),
-          IconButton(
-            icon: Icon(MaterialDesignIcons.createIconDataFromIconName("mdi:github-circle")),
-            onPressed: () {
-              String body = "```\n$_logData```";
-              String encodedBody = "${Uri.encodeFull(body)}";
-              HAUtils.launchURL("https://github.com/estevez-dev/ha_client_pub/issues/new?body=$encodedBody");
-            },
-          ),
+          )
         ],
       ),
       body: TextField(

lib/main.dart

@@ -15,7 +15,9 @@ import 'package:http/http.dart' as http;
 import 'package:flutter_colorpicker/material_picker.dart';
 import 'package:charts_flutter/flutter.dart' as charts;
 
+part 'entity_class/const.dart';
 part 'entity_class/entity.class.dart';
+part 'entity_class/entity_wrapper.class.dart';
 part 'entity_class/switch_entity.class.dart';
 part 'entity_class/button_entity.class.dart';
 part 'entity_class/text_entity.class.dart';
@@ -26,15 +28,18 @@ part 'entity_class/light_entity.class.dart';
 part 'entity_class/select_entity.class.dart';
 part 'entity_class/other_entity.class.dart';
 part 'entity_class/slider_entity.dart';
-part 'entity_widgets/badge.dart';
+part 'entity_class/media_player_entity.class.dart';
+part 'entity_widgets/common/badge.dart';
 part 'entity_widgets/model_widgets.dart';
 part 'entity_widgets/default_entity_container.dart';
-part 'entity_widgets/entity_attributes_list.dart';
+part 'entity_widgets/glance_entity_container.dart';
+part 'entity_widgets/common/entity_attributes_list.dart';
 part 'entity_widgets/entity_icon.dart';
 part 'entity_widgets/entity_name.dart';
-part 'entity_widgets/last_updated.dart';
-part 'entity_widgets/mode_swicth.dart';
-part 'entity_widgets/mode_selector.dart';
+part 'entity_widgets/common/last_updated.dart';
+part 'entity_widgets/common/mode_swicth.dart';
+part 'entity_widgets/common/mode_selector.dart';
+part 'entity_widgets/common/universal_slider.dart';
 part 'entity_widgets/entity_colors.class.dart';
 part 'entity_widgets/entity_page_container.dart';
 part 'entity_widgets/history_chart/entity_history.dart';
@@ -44,7 +49,7 @@ part 'entity_widgets/history_chart/combined_history_chart.dart';
 part 'entity_widgets/history_chart/history_control_widget.dart';
 part 'entity_widgets/history_chart/entity_history_moment.dart';
 part 'entity_widgets/state/switch_state.dart';
-part 'entity_widgets/state/slider_state.dart';
+part 'entity_widgets/controls/slider_controls.dart';
 part 'entity_widgets/state/text_input_state.dart';
 part 'entity_widgets/state/select_state.dart';
 part 'entity_widgets/state/simple_state.dart';
@@ -55,6 +60,7 @@ part 'entity_widgets/state/button_state.dart';
 part 'entity_widgets/controls/climate_controls.dart';
 part 'entity_widgets/controls/cover_controls.dart';
 part 'entity_widgets/controls/light_controls.dart';
+part 'entity_widgets/controls/media_player_widgets.dart';
 part 'settings.page.dart';
 part 'home_assistant.class.dart';
 part 'log.page.dart';
@@ -65,8 +71,10 @@ part 'entity_collection.class.dart';
 part 'ui_class/ui.dart';
 part 'ui_class/view.class.dart';
 part 'ui_class/card.class.dart';
+part 'ui_class/sizes_class.dart';
 part 'ui_widgets/view.dart';
 part 'ui_widgets/entities_card.dart';
+part 'ui_widgets/glance_card.dart';
 part 'ui_widgets/unsupported_card.dart';
 part 'ui_widgets/media_control_card.dart';
 part 'ui_widgets/card_header_widget.dart';
@@ -74,7 +82,7 @@ part 'ui_widgets/card_header_widget.dart';
 
 EventBus eventBus = new EventBus();
 const String appName = "HA Client";
-const appVersion = "0.3.4";
+const appVersion = "0.3.9";
 
 String homeAssistantWebHost;
 
@@ -127,7 +135,6 @@ class MainPage extends StatefulWidget {
 
 class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
   HomeAssistant _homeAssistant;
-  EntityCollection _entities;
   //Map _instanceConfig;
   String _webSocketApiEndpoint;
   String _password;
@@ -204,15 +211,8 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
 
   _subscribe() {
     if (_stateSubscription == null) {
-      //TODO Move to homeAssistant or remove
       _stateSubscription = eventBus.on<StateChangedEvent>().listen((event) {
-        setState(() {
-          if (event.localChange) {
-            _entities
-                .get(event.entityId)
-                .state = event.newState;
-          }
-        });
+        setState(() {});
       });
     }
     if (_serviceCallSubscription == null) {
@@ -251,10 +251,6 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
     });
     await _homeAssistant.fetch().then((result) {
       setState(() {
-        //_instanceConfig = _homeAssistant.instanceConfig;
-        _entities = _homeAssistant.entities;
-        //_uiViewsCount = _homeAssistant.viewsCount;
-        //TheLogger.debug("_uiViewsCount=$_uiViewsCount");
         _isLoading = 0;
       });
     }).catchError((e) {
@@ -267,10 +263,19 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
     setState(() {
       _isLoading = 2;
     });
-    _showErrorSnackBar(
-        message: e != null ? e["errorMessage"] ?? "$e" : "Unknown error",
-        errorCode: e["errorCode"] != null ? e["errorCode"] : 99
-    );
+    if (e is Error) {
+      TheLogger.error(e.toString());
+      TheLogger.error("${e.stackTrace}");
+      _showErrorSnackBar(
+          message: "There was some error",
+          errorCode: 13
+      );
+    } else {
+      _showErrorSnackBar(
+          message: e != null ? e["errorMessage"] ?? "$e" : "Unknown error",
+          errorCode: e["errorCode"] != null ? e["errorCode"] : 99
+      );
+    }
   }
 
   void _callService(String domain, String service, String entityId, Map<String, dynamic> additionalParams) {
@@ -291,30 +296,7 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
 
       if (_homeAssistant.ui.views.isNotEmpty) {
         _homeAssistant.ui.views.forEach((HAView view) {
-          if (view.linkedEntity == null) {
-            result.add(
-                Tab(
-                    icon:
-                    Icon(
-                      MaterialDesignIcons.createIconDataFromIconName(
-                          view.iconName ?? "mdi:home-assistant"),
-                      size: 24.0,
-                    )
-                )
-            );
-          } else {
-            result.add(
-                Tab(
-                    icon: MaterialDesignIcons.createIconWidgetFromEntityData(
-                        view.linkedEntity, 24.0, null) ??
-                        Icon(
-                          MaterialDesignIcons.createIconDataFromIconName(
-                              "mdi:home-assistant"),
-                          size: 24.0,
-                        )
-                )
-            );
-          }
+          result.add(view.buildTab());
         });
       }
 
@@ -394,14 +376,29 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
           title: Text("Report an issue"),
           onTap: () {
             Navigator.of(context).pop();
-            HAUtils.launchURL("https://github.com/estevez-dev/ha_client_pub/issues/new");
+            HAUtils.launchURL("https://github.com/estevez-dev/ha_client/issues/new");
           },
         ),
         Divider(),
         new AboutListTile(
+          aboutBoxChildren: <Widget>[
+            GestureDetector(
+              onTap: () {
+                Navigator.of(context).pop();
+                HAUtils.launchURL("http://www.keyboardcrumbs.io/");
+              },
+              child: Text(
+                "www.keyboardcrumbs.io",
+                style: TextStyle(
+                  color: Colors.blue,
+                  decoration: TextDecoration.underline
+                ),
+              ),
+            )
+          ],
           applicationName: appName,
           applicationVersion: appVersion,
-          applicationLegalese: "Keyboard Crumbs | www.keyboardcrumbs.io",
+          applicationLegalese: "Keyboard Crumbs",
         )
       ]);
     }
@@ -477,6 +474,17 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
           );
           break;
         }
+
+        default: {
+          action = SnackBarAction(
+            label: "Reload",
+            onPressed: () {
+              _scaffoldKey?.currentState?.hideCurrentSnackBar();
+              _refreshData();
+            },
+          );
+          break;
+        }
       }
       _scaffoldKey.currentState.hideCurrentSnackBar();
       _scaffoldKey.currentState.showSnackBar(
@@ -490,54 +498,69 @@ class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
 
   final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
 
-  Scaffold _buildScaffold(bool empty) {
-    return Scaffold(
-      key: _scaffoldKey,
-      appBar: AppBar(
-        title: _buildAppTitle(),
-        leading: IconButton(
-          icon: Icon(Icons.menu),
-          onPressed: () {
-            _scaffoldKey.currentState.openDrawer();
-            setState(() {
-              _accountMenuExpanded = false;
-            });
-          },
-        ),
-        primary: true,
-        bottom: empty ? null : TabBar(
-            tabs: buildUIViewTabs(),
-            isScrollable: true,
-        ),
-      ),
-      drawer: _buildAppDrawer(),
-      body: empty ?
-        Center(
-          child: Column(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                Icon(
-                  MaterialDesignIcons.createIconDataFromIconName("mdi:home-assistant"),
-                  size: 100.0,
-                  color: _isLoading == 2 ? Colors.redAccent : Colors.blue,
-                ),
-              ]
+  Widget _buildScaffoldBody(bool empty) {
+    return NestedScrollView(
+      headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
+        return <Widget>[
+          SliverAppBar(
+            floating: true,
+            pinned: true,
+            primary: true,
+            title: _buildAppTitle(),
+            leading: IconButton(
+              icon: Icon(Icons.menu),
+              onPressed: () {
+                _scaffoldKey.currentState.openDrawer();
+                setState(() {
+                  _accountMenuExpanded = false;
+                });
+              },
+            ),
+            bottom: empty ? null : TabBar(
+              tabs: buildUIViewTabs(),
+              isScrollable: true,
+            ),
           ),
-        )
-        :
-        _homeAssistant.buildViews(context, _useLovelaceUI)
+
+        ];
+      },
+      body: empty ?
+      Center(
+        child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Icon(
+                MaterialDesignIcons.createIconDataFromIconName("mdi:home-assistant"),
+                size: 100.0,
+                color: _isLoading == 2 ? Colors.redAccent : Colors.blue,
+              ),
+            ]
+        ),
+      )
+          :
+      _homeAssistant.buildViews(context, _useLovelaceUI),
     );
   }
 
   @override
   Widget build(BuildContext context) {
     // This method is rerun every time setState is called.
-    if (_homeAssistant.entities.isEmpty) {
-      return _buildScaffold(true);
+    if (_homeAssistant.ui == null || _homeAssistant.ui.views == null) {
+      return Scaffold(
+        key: _scaffoldKey,
+        primary: false,
+        drawer: _buildAppDrawer(),
+        body: _buildScaffoldBody(true)
+      );
     } else {
-      return DefaultTabController(
-          length: _homeAssistant.ui.views.length,
-          child: _buildScaffold(false)
+      return Scaffold(
+        key: _scaffoldKey,
+        drawer: _buildAppDrawer(),
+        primary: false,
+        body: DefaultTabController(
+          length: _homeAssistant.ui?.views?.length ?? 0,
+          child: _buildScaffoldBody(false),
+        ),
       );
     }
   }

lib/mdi.class.dart

@@ -2880,17 +2880,17 @@ class MaterialDesignIcons {
     "mdi:blank": 0xf68c
   };
 
-  static Widget createIconWidgetFromEntityData(Entity data, double size, Color color) {
+  static Widget createIconWidgetFromEntityData(EntityWrapper data, double size, Color color) {
     if (data == null) {
       return null;
     }
-    if (data.entityPicture != null) {
+    if (data.entity.entityPicture != null) {
       if (homeAssistantWebHost != null) {
         return CircleAvatar(
           radius: size/2,
           backgroundColor: Colors.white,
           backgroundImage: CachedNetworkImageProvider(
-            "$homeAssistantWebHost${data.entityPicture}",
+            "$homeAssistantWebHost${data.entity.entityPicture}",
           ),
         );
       } else {
@@ -2902,8 +2902,8 @@ class MaterialDesignIcons {
       if (iconName.length > 0) {
         iconCode = getIconCodeByIconName(iconName);
       } else {
-        iconCode = getDefaultIconByEntityId(data.entityId,
-            data.deviceClass, data.state); //
+        iconCode = getDefaultIconByEntityId(data.entity.entityId,
+            data.entity.deviceClass, data.entity.state); //
       }
       return Icon(
         IconData(iconCode, fontFamily: 'Material Design Icons'),

lib/settings.page.dart

@@ -22,20 +22,10 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
   String _newAuthType = "access_token";
   bool _useLovelace = false;
   bool _newUseLovelace = false;
-  bool _edited = false;
-  FocusNode _domainFocusNode;
-  FocusNode _portFocusNode;
-  FocusNode _passwordFocusNode;
 
   @override
   void initState() {
     super.initState();
-    _domainFocusNode = FocusNode();
-    _portFocusNode = FocusNode();
-    _passwordFocusNode = FocusNode();
-    _domainFocusNode.addListener(_checkConfigChanged);
-    _portFocusNode.addListener(_checkConfigChanged);
-    _passwordFocusNode.addListener(_checkConfigChanged);
     _loadSettings();
   }
 
@@ -56,15 +46,14 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
     });
   }
 
-  void _checkConfigChanged() {
-    setState(() {
-      _edited = ((_newHassioPassword != _hassioPassword) ||
-          (_newHassioPort != _hassioPort) ||
-          (_newHassioDomain != _hassioDomain) ||
-          (_newSocketProtocol != _socketProtocol) ||
-          (_newAuthType != _authType) ||
-          (_newUseLovelace != _useLovelace));
-    });
+  bool _checkConfigChanged() {
+    return ((_newHassioPassword != _hassioPassword) ||
+      (_newHassioPort != _hassioPort) ||
+      (_newHassioDomain != _hassioDomain) ||
+      (_newSocketProtocol != _socketProtocol) ||
+      (_newAuthType != _authType) ||
+      (_newUseLovelace != _useLovelace));
+
   }
 
   _saveSettings() async {
@@ -92,12 +81,18 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
         actions: <Widget>[
           IconButton(
             icon: Icon(Icons.check),
-            onPressed: _edited ? (){
-                _saveSettings().then((r){
+            onPressed: (){
+              if (_checkConfigChanged()) {
+                TheLogger.debug("Settings changed. Saving...");
+                _saveSettings().then((r) {
                   Navigator.pop(context);
                   eventBus.fire(SettingsChangedEvent(true));
                 });
-            } : null
+              } else {
+                TheLogger.debug("Settings was not changed");
+                Navigator.pop(context);
+              }
+            }
           )
         ],
       ),
@@ -117,8 +112,9 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
               Switch(
                 value: (_newSocketProtocol == "wss"),
                 onChanged: (value) {
-                  _newSocketProtocol = value ? "wss" : "ws";
-                  _checkConfigChanged();
+                  setState(() {
+                    _newSocketProtocol = value ? "wss" : "ws";
+                  });
                 },
               )
             ],
@@ -136,9 +132,7 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
             ),
             onChanged: (value) {
               _newHassioDomain = value;
-            },
-            focusNode: _domainFocusNode,
-            onEditingComplete: _checkConfigChanged,
+            }
           ),
           new TextField(
             decoration: InputDecoration(
@@ -153,10 +147,7 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
             ),
             onChanged: (value) {
               _newHassioPort = value;
-              //_saveSettings();
-            },
-            focusNode: _portFocusNode,
-            onEditingComplete: _checkConfigChanged,
+            }
           ),
           new Row(
             children: [
@@ -164,16 +155,16 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
               Switch(
                 value: (_newAuthType == "access_token"),
                 onChanged: (value) {
-                  _newAuthType = value ? "access_token" : "api_password";
-                  _checkConfigChanged();
-                  //_saveSettings();
+                  setState(() {
+                    _newAuthType = value ? "access_token" : "api_password";
+                  });
                 },
               )
             ],
           ),
           new TextField(
             decoration: InputDecoration(
-                labelText: _authType == "access_token" ? "Access token" : "API password"
+                labelText: _newAuthType == "access_token" ? "Access token" : "API password"
             ),
             controller: new TextEditingController.fromValue(
                 new TextEditingValue(
@@ -184,10 +175,7 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
             ),
             onChanged: (value) {
               _newHassioPassword = value;
-              //_saveSettings();
-            },
-            focusNode: _passwordFocusNode,
-            onEditingComplete: _checkConfigChanged,
+            }
           ),
           Padding(
             padding: EdgeInsets.only(top: 20.0),
@@ -205,8 +193,9 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
               Switch(
                 value: _newUseLovelace,
                 onChanged: (value) {
-                  _newUseLovelace = value;
-                  _checkConfigChanged();
+                  setState(() {
+                    _newUseLovelace = value;
+                  });
                 },
               )
             ],
@@ -218,12 +207,6 @@ class _ConnectionSettingsPageState extends State<ConnectionSettingsPage> {
 
   @override
   void dispose() {
-    _domainFocusNode.removeListener(_checkConfigChanged);
-    _portFocusNode.removeListener(_checkConfigChanged);
-    _passwordFocusNode.removeListener(_checkConfigChanged);
-    _domainFocusNode.dispose();
-    _portFocusNode.dispose();
-    _passwordFocusNode.dispose();
     super.dispose();
   }
 }

lib/ui_class/card.class.dart

@@ -1,16 +1,22 @@
 part of '../main.dart';
 
 class HACard {
-  List<Entity> entities = [];
-  Entity linkedEntity;
+  List<EntityWrapper> entities = [];
+  EntityWrapper linkedEntity;
   String name;
   String id;
   String type;
+  bool showName;
+  bool showState;
+  int columnsCount;
 
   HACard({
     this.name,
     this.id,
     this.linkedEntity,
+    this.columnsCount: 4,
+    this.showName: true,
+    this.showState: true,
     @required this.type
   });
 
@@ -23,6 +29,18 @@ class HACard {
           );
         }
 
+        case "glance": {
+          return GlanceCardWidget(
+            card: this,
+          );
+        }
+
+        case "media-control": {
+          return MediaControlCardWidget(
+            card: this,
+          );
+        }
+
         case "weather-forecast":
         case "thermostat":
         case "sensor":
@@ -35,8 +53,7 @@ class HACard {
         case "gauge":
         case "entity-button":
         case "conditional":
-        case "alarm-panel":
-        case "media-control": {
+        case "alarm-panel": {
           return UnsupportedCardWidget(
             card: this,
           );

lib/ui_class/sizes_class.dart

@@ -0,0 +1,15 @@
+part of '../main.dart';
+
+class Sizes {
+  static const rightWidgetPadding = 14.0;
+  static const leftWidgetPadding = 8.0;
+  static const extendedWidgetHeight = 50.0;
+  static const iconSize = 28.0;
+  static const largeIconSize = 34.0;
+  static const stateFontSize = 16.0;
+  static const nameFontSize = 16.0;
+  static const smallFontSize = 14.0;
+  static const largeFontSize = 24.0;
+  static const inputWidth = 160.0;
+  static const rowPadding = 10.0;
+}

lib/ui_class/ui.dart

@@ -2,6 +2,7 @@ part of '../main.dart';
 
 class HomeAssistantUI {
   List<HAView> views;
+  String title;
 
   HomeAssistantUI() {
     views = [];
@@ -9,7 +10,7 @@ class HomeAssistantUI {
 
   Widget build(BuildContext context) {
     return TabBarView(
-        children: _buildViews(context)
+      children: _buildViews(context)
     );
   }
 

lib/ui_class/view.class.dart

@@ -23,41 +23,89 @@ class HAView {
 
   void _fillView(List<Entity> childEntities) {
     List<HACard> autoGeneratedCards = [];
-    childEntities.forEach((entity) {
-      if (entity.isBadge) {
-        badges.add(entity);
-        TheLogger.debug("----Badge: ${entity.entityId}");
-      } else {
-        if (!entity.isGroup) {
-          String groupIdToAdd = "${entity.domain}.${entity.domain}$count";
-          if (autoGeneratedCards.every((HACard card) => card.id != groupIdToAdd )) {
-            HACard card = HACard(
-                id: groupIdToAdd,
-                name: entity.domain,
-                type: "entities"
-            );
-            TheLogger.debug("----Creating card: $groupIdToAdd");
-            card.entities.add(entity);
-            autoGeneratedCards.add(card);
-          } else {
-            autoGeneratedCards.firstWhere((card) => card.id == groupIdToAdd).entities.add(entity);
-          }
-        } else {
-          TheLogger.debug("----Card: ${entity.entityId}");
+    badges.addAll(childEntities.where((entity){ return entity.isBadge;}));
+    childEntities.where((entity){ return entity.domain == "media_player";}).forEach((e){
+      HACard card = HACard(
+          name: e.displayName,
+          id: e.entityId,
+          linkedEntity: EntityWrapper(entity: e),
+          type: "media-control"
+      );
+      cards.add(card);
+    });
+    childEntities.where((e){return (!e.isBadge && e.domain != "media_player");}).forEach((entity) {
+      if (!entity.isGroup) {
+        String groupIdToAdd = "${entity.domain}.${entity.domain}$count";
+        if (autoGeneratedCards.every((HACard card) => card.id != groupIdToAdd )) {
           HACard card = HACard(
-              name: entity.displayName,
-              id: entity.entityId,
-              linkedEntity: entity,
+              id: groupIdToAdd,
+              name: entity.domain,
               type: "entities"
           );
-          card.entities.addAll(entity.childEntities);
-          cards.add(card);
+          card.entities.add(EntityWrapper(entity: entity));
+          autoGeneratedCards.add(card);
+        } else {
+          autoGeneratedCards.firstWhere((card) => card.id == groupIdToAdd).entities.add(EntityWrapper(entity: entity));
         }
+      } else {
+        HACard card = HACard(
+            name: entity.displayName,
+            id: entity.entityId,
+            linkedEntity: EntityWrapper(entity: entity),
+            type: "entities"
+        );
+        card.entities.addAll(entity.childEntities.where((entity) {return entity.domain != "media_player";}).map((e) {return EntityWrapper(entity: e);}));
+        entity.childEntities.where((entity) {return entity.domain == "media_player";}).forEach((entity){
+          HACard mediaCard = HACard(
+              name: entity.displayName,
+              id: entity.entityId,
+              linkedEntity: EntityWrapper(entity: entity),
+              type: "media-control"
+          );
+          cards.add(mediaCard);
+        });
+        cards.add(card);
       }
     });
     cards.addAll(autoGeneratedCards);
   }
 
+  Widget buildTab() {
+    if (linkedEntity == null) {
+      if (iconName != null) {
+        return
+          Tab(
+              icon:
+              Icon(
+                MaterialDesignIcons.createIconDataFromIconName(
+                    iconName ?? "mdi:home-assistant"),
+                size: 24.0,
+              )
+          );
+      } else {
+        return
+          Tab(
+              text: name.toUpperCase(),
+          );
+      }
+    } else {
+      if (linkedEntity.icon != null && linkedEntity.icon.length > 0) {
+        return Tab(
+          icon: Icon(
+              MaterialDesignIcons.createIconDataFromIconName(
+                  linkedEntity.icon),
+              size: 24.0,
+            )
+        );
+      } else {
+        return Tab(
+            text: linkedEntity.displayName.toUpperCase(),
+        );
+      }
+
+    }
+  }
+
   Widget build(BuildContext context) {
     return ViewWidget(
       view: this,

lib/ui_widgets/entities_card.dart

@@ -11,7 +11,7 @@ class EntitiesCardWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if ((card.linkedEntity!= null) && (card.linkedEntity.isHidden)) {
+    if ((card.linkedEntity!= null) && (card.linkedEntity.entity.isHidden)) {
       return Container(width: 0.0, height: 0.0,);
     }
     List<Widget> body = [];
@@ -24,12 +24,16 @@ class EntitiesCardWidget extends StatelessWidget {
 
   List<Widget> _buildCardBody(BuildContext context) {
     List<Widget> result = [];
-    card.entities.forEach((Entity entity) {
-      if (!entity.isHidden) {
+    card.entities.forEach((EntityWrapper entity) {
+      if (!entity.entity.isHidden) {
         result.add(
             Padding(
-              padding: EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 10.0),
-              child: entity.buildDefaultWidget(context),
+              padding: EdgeInsets.fromLTRB(0.0, Sizes.rowPadding, 0.0, Sizes.rowPadding),
+              child: EntityModel(
+                  entityWrapper: entity,
+                  handleTap: true,
+                  child: entity.entity.buildDefaultWidget(context)
+              ),
             ));
       }
     });

lib/ui_widgets/glance_card.dart

@@ -0,0 +1,54 @@
+part of '../main.dart';
+
+class GlanceCardWidget extends StatelessWidget {
+
+  final HACard card;
+
+  const GlanceCardWidget({
+    Key key,
+    this.card
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if ((card.linkedEntity!= null) && (card.linkedEntity.entity.isHidden)) {
+      return Container(width: 0.0, height: 0.0,);
+    }
+    List<Widget> rows = [];
+    rows.add(CardHeaderWidget(name: card.name));
+    rows.add(_buildRows(context));
+    return Card(
+        child: new Column(mainAxisSize: MainAxisSize.min, children: rows)
+    );
+  }
+
+  Widget _buildRows(BuildContext context) {
+    List<Widget> result = [];
+    double width = MediaQuery.of(context).size.width - Sizes.leftWidgetPadding - (2*Sizes.rightWidgetPadding);
+    List<EntityWrapper> toShow = card.entities.where((entity) {return !entity.entity.isHidden;}).toList();
+    int columnsCount = toShow.length >= card.columnsCount ? card.columnsCount : toShow.length;
+    card.entities.forEach((EntityWrapper entity) {
+      if (!entity.entity.isHidden) {
+        result.add(
+          SizedBox(
+            width: width / columnsCount,
+            child: EntityModel(
+              entityWrapper: entity,
+              child: entity.entity.buildGlanceWidget(context, card.showName, card.showState),
+              handleTap: true
+            ),
+          )
+        );
+      }
+    });
+    return Padding(
+      padding: EdgeInsets.fromLTRB(0.0, Sizes.rowPadding, 0.0, 2*Sizes.rowPadding),
+      child: Wrap(
+        alignment: WrapAlignment.spaceAround,
+        runSpacing: Sizes.rowPadding*2,
+        children: result,
+      ),
+    );
+  }
+
+}

lib/ui_widgets/media_control_card.dart

@@ -11,17 +11,19 @@ class MediaControlCardWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if ((card.linkedEntity!= null) && (card.linkedEntity.isHidden)) {
+    if ((card.linkedEntity == null) || (card.linkedEntity.entity.isHidden)) {
       return Container(width: 0.0, height: 0.0,);
     }
-    List<Widget> body = [];
+
     return Card(
-        child: new Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          mainAxisSize: MainAxisSize.min,
-          children: body
+        child: EntityModel(
+            entityWrapper: card.linkedEntity,
+            handleTap: null,
+            child: MediaPlayerWidget()
         )
     );
   }
 
+
+
 }

lib/ui_widgets/unsupported_card.dart

@@ -11,7 +11,7 @@ class UnsupportedCardWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if ((card.linkedEntity!= null) && (card.linkedEntity.isHidden)) {
+    if ((card.linkedEntity!= null) && (card.linkedEntity.entity.isHidden)) {
       return Container(width: 0.0, height: 0.0,);
     }
     List<Widget> body = [];
@@ -31,14 +31,18 @@ class UnsupportedCardWidget extends StatelessWidget {
     if (card.linkedEntity != null) {
       result.addAll(<Widget>[
           Padding(
-            padding: EdgeInsets.fromLTRB(0.0, Entity.rowPadding, 0.0, Entity.rowPadding),
-            child: card.linkedEntity.buildDefaultWidget(context),
+            padding: EdgeInsets.fromLTRB(0.0, Sizes.rowPadding, 0.0, Sizes.rowPadding),
+            child: EntityModel(
+                entityWrapper: card.linkedEntity,
+                handleTap: true,
+                child: card.linkedEntity.entity.buildDefaultWidget(context)
+            ),
           )
       ]);
     } else {
       result.addAll(<Widget>[
         Padding(
-          padding: EdgeInsets.fromLTRB(Entity.leftWidgetPadding, Entity.rowPadding, Entity.rightWidgetPadding, Entity.rowPadding),
+          padding: EdgeInsets.fromLTRB(Sizes.leftWidgetPadding, Sizes.rowPadding, Sizes.rightWidgetPadding, Sizes.rowPadding),
           child: Text("'${card.type}' card is not supported yet"),
         ),
       ]);

lib/ui_widgets/view.dart

@@ -35,6 +35,7 @@ class ViewWidgetState extends State<ViewWidget> {
     return RefreshIndicator(
       color: Colors.amber,
       child: ListView(
+        padding: EdgeInsets.all(0.0),
         physics: const AlwaysScrollableScrollPhysics(),
         children: _buildChildren(context),
       ),

lib/utils.class.dart

@@ -58,9 +58,8 @@ class HAUtils {
 class StateChangedEvent {
   String entityId;
   String newState;
-  bool localChange;
 
-  StateChangedEvent(this.entityId, this.newState, this.localChange);
+  StateChangedEvent(this.entityId, this.newState);
 }
 
 class SettingsChangedEvent {

pubspec.lock

@@ -1,13 +1,6 @@
 # Generated by pub
 # See https://www.dartlang.org/tools/pub/glossary#lockfile
 packages:
-  analyzer:
-    dependency: transitive
-    description:
-      name: analyzer
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.32.4"
   archive:
     dependency: transitive
     description:
@@ -21,7 +14,7 @@ packages:
       name: args
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.5.0"
+    version: "1.5.1"
   async:
     dependency: transitive
     description:
@@ -42,7 +35,7 @@ packages:
       name: cached_network_image
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.2"
+    version: "0.5.0+1"
   charcode:
     dependency: transitive
     description:
@@ -56,14 +49,14 @@ packages:
       name: charts_common
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.0"
+    version: "0.5.0"
   charts_flutter:
     dependency: "direct main"
     description:
       name: charts_flutter
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.0"
+    version: "0.5.0"
   collection:
     dependency: transitive
     description:
@@ -85,13 +78,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.6"
-  csslib:
-    dependency: transitive
-    description:
-      name: csslib
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.14.5"
   dart_config:
     dependency: transitive
     description:
@@ -126,7 +112,7 @@ packages:
       name: flutter_cache_manager
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.2"
+    version: "0.2.0+1"
   flutter_colorpicker:
     dependency: "direct main"
     description:
@@ -146,41 +132,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
-  front_end:
-    dependency: transitive
-    description:
-      name: front_end
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.1.4"
-  glob:
-    dependency: transitive
-    description:
-      name: glob
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.1.7"
-  html:
-    dependency: transitive
-    description:
-      name: html
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.13.3+3"
   http:
     dependency: transitive
     description:
       name: http
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.11.3+17"
-  http_multi_server:
-    dependency: transitive
-    description:
-      name: http_multi_server
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.5"
+    version: "0.12.0"
   http_parser:
     dependency: transitive
     description:
@@ -202,34 +160,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.15.7"
-  io:
-    dependency: transitive
-    description:
-      name: io
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.3.3"
-  js:
-    dependency: transitive
-    description:
-      name: js
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.6.1+1"
-  json_rpc_2:
-    dependency: transitive
-    description:
-      name: json_rpc_2
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.9"
-  kernel:
-    dependency: transitive
-    description:
-      name: kernel
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.3.4"
   logging:
     dependency: transitive
     description:
@@ -251,41 +181,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.6"
-  mime:
-    dependency: transitive
-    description:
-      name: mime
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.6+2"
-  multi_server_socket:
-    dependency: transitive
-    description:
-      name: multi_server_socket
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.2"
-  node_preamble:
-    dependency: transitive
-    description:
-      name: node_preamble
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.4.4"
-  package_config:
-    dependency: transitive
-    description:
-      name: package_config
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.5"
-  package_resolver:
-    dependency: transitive
-    description:
-      name: package_resolver
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.4"
   path:
     dependency: transitive
     description:
@@ -307,20 +202,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.2"
-  plugin:
-    dependency: transitive
-    description:
-      name: plugin
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.0+3"
-  pool:
-    dependency: transitive
-    description:
-      name: pool
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.6"
   progress_indicators:
     dependency: "direct main"
     description:
@@ -328,20 +209,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.1.2"
-  pub_semver:
-    dependency: transitive
-    description:
-      name: pub_semver
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.4.2"
   quiver:
     dependency: transitive
     description:
       name: quiver
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.0.0+1"
+    version: "2.0.1"
   shared_preferences:
     dependency: "direct main"
     description:
@@ -349,53 +223,11 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.4.3"
-  shelf:
-    dependency: transitive
-    description:
-      name: shelf
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.7.3+3"
-  shelf_packages_handler:
-    dependency: transitive
-    description:
-      name: shelf_packages_handler
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.4"
-  shelf_static:
-    dependency: transitive
-    description:
-      name: shelf_static
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.8"
-  shelf_web_socket:
-    dependency: transitive
-    description:
-      name: shelf_web_socket
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.2+4"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
-  source_map_stack_trace:
-    dependency: transitive
-    description:
-      name: source_map_stack_trace
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.1.5"
-  source_maps:
-    dependency: transitive
-    description:
-      name: source_maps
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.10.7"
   source_span:
     dependency: transitive
     description:
@@ -438,13 +270,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.1"
-  test:
+  test_api:
     dependency: transitive
     description:
-      name: test
+      name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "0.2.1"
   typed_data:
     dependency: transitive
     description:
@@ -458,14 +290,7 @@ packages:
       name: url_launcher
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "3.0.3"
-  utf:
-    dependency: transitive
-    description:
-      name: utf
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.0+5"
+    version: "4.0.1"
   uuid:
     dependency: transitive
     description:
@@ -480,22 +305,8 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.8"
-  vm_service_client:
-    dependency: transitive
-    description:
-      name: vm_service_client
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.6"
-  watcher:
-    dependency: transitive
-    description:
-      name: watcher
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.7+10"
   web_socket_channel:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: web_socket_channel
       url: "https://pub.dartlang.org"
@@ -516,5 +327,5 @@ packages:
     source: hosted
     version: "2.1.15"
 sdks:
-  dart: ">=2.0.0 <=2.1.0-dev.5.0.flutter-a2eb050044"
-  flutter: ">=0.1.4 <2.0.0"
+  dart: ">=2.0.0 <=2.1.0-dev.9.3.flutter-9c07fb64c4"
+  flutter: ">=0.5.6 <2.0.0"

pubspec.yaml

@@ -1,7 +1,7 @@
 name: hass_client
 description: Home Assistant Android Client
 
-version: 0.3.4+52
+version: 0.3.9+67
 
 environment:
   sdk: ">=2.0.0-dev.68.0 <3.0.0"
@@ -9,14 +9,15 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  web_socket_channel: any
   shared_preferences: any
-  progress_indicators: ^0.1.2
-  event_bus: ^1.0.1
-  cached_network_image: ^0.4.1
-  url_launcher: ^3.0.3
-  date_format: ^1.0.5
-  flutter_colorpicker: ^0.1.0
-  charts_flutter: ^0.4.0
+  progress_indicators: any
+  event_bus: any
+  cached_network_image: any
+  url_launcher: any
+  date_format: any
+  flutter_colorpicker: any
+  charts_flutter: any
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
@@ -25,7 +26,7 @@ dependencies:
 dev_dependencies:
   flutter_test:
     sdk: flutter
-  flutter_launcher_icons: ^0.6.1
+  flutter_launcher_icons: any
 
 flutter_icons:
   android: true