Widget rendering improvements

lib/cards/card.class.dart

@@ -19,6 +19,7 @@ class HACard {
   String unit;
   int min;
   int max;
+  int depth;
   Map severity;
 
   HACard({
@@ -37,6 +38,7 @@ class HACard {
     this.unit,
     this.min,
     this.max,
+    this.depth: 1,
     this.severity,
     @required this.type
   }) {

lib/cards/card_widget.dart

@@ -87,11 +87,13 @@ class CardWidget extends StatelessWidget {
               child: childCard.build(context),
             )
           ).toList();
-          return Row(
+          return IntrinsicHeight(
+            child: Row(
               mainAxisSize: MainAxisSize.max,
               mainAxisAlignment: MainAxisAlignment.center,
-              crossAxisAlignment: CrossAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.stretch,
               children: children,
+            ),
           );
         }
         return Container(height: 0.0, width: 0.0,);
@@ -237,52 +239,48 @@ class CardWidget extends StatelessWidget {
     if (entitiesToShow.isEmpty && !card.showEmpty) {
       return Container(height: 0.0, width: 0.0,);
     }
-    List<Widget> rows = [];
+    int length = entitiesToShow.length;
-    rows.add(CardHeader(name: card.name));
+    int columnsCount = length >= card.columnsCount ? card.columnsCount : entitiesToShow.length;
-
+    int rowsCount = (length / columnsCount).round();
-    int columnsCount = entitiesToShow.length >= card.columnsCount ? card.columnsCount : entitiesToShow.length;
+    List<TableRow> rows = [];
-
+    for (int i = 0; i < rowsCount; i++) {
-    rows.add(
+      int start = i*columnsCount;
-        Padding(
+      int end = start + math.min(columnsCount, length - start);
-          padding: EdgeInsets.only(bottom: Sizes.rowPadding, top: Sizes.rowPadding),
+      List<Widget> rowChildren = [];
-          child: FractionallySizedBox(
+      rowChildren.addAll(entitiesToShow.sublist(
-            widthFactor: 1,
+          start, end
-            child: LayoutBuilder(
+        ).map(
-                builder: (BuildContext context, BoxConstraints constraints) {
+          (EntityWrapper entity){
-                  List<Widget> buttons = [];
+            return EntityModel(
-                  double buttonWidth = constraints.maxWidth / columnsCount;
-                  entitiesToShow.forEach((EntityWrapper entity) {
-                    buttons.add(
-                        SizedBox(
-                          width: buttonWidth,
-                          child: EntityModel(
                 entityWrapper: entity,
                 child: GlanceCardEntityContainer(
                   showName: card.showName,
                   showState: card.showState,
                 ),
                 handleTap: true
-                          ),
-                        )
-                    );
-                  });
-                  return Wrap(
-                    //spacing: 5.0,
-                    //alignment: WrapAlignment.spaceEvenly,
-                    runSpacing: Sizes.doubleRowPadding,
-                    children: buttons,
             );
           }
-            ),
+        ).toList()
-          ),
+      );
+      while (rowChildren.length < columnsCount) {
+        rowChildren.add(
+          Container()
+        );
+      }
+      rows.add(
+        TableRow(
+          children: rowChildren
         )
       );
+    }
 
     return Card(
-        child: Column(
+      child: Padding(
-            mainAxisSize: MainAxisSize.min,
+        padding: EdgeInsets.symmetric(vertical: Sizes.rowPadding),
+        child: Table(
           children: rows
         )
+      )
     );
   }
 
@@ -303,6 +301,7 @@ class CardWidget extends StatelessWidget {
         child: EntityModel(
             entityWrapper: card.linkedEntityWrapper,
             child: EntityButtonCardBody(
+              depth: card.depth,
               showName: card.showName,
             ),
             handleTap: true

lib/cards/widgets/entity_button_card_body.widget.dart

@@ -3,9 +3,10 @@ part of '../../main.dart';
 class EntityButtonCardBody extends StatelessWidget {
 
   final bool showName;
+  final int depth;
 
   EntityButtonCardBody({
-    Key key, this.showName: true,
+    Key key, this.showName: true, @required this.depth
   }) : super(key: key);
 
   @override
@@ -17,28 +18,21 @@ class EntityButtonCardBody extends StatelessWidget {
     if (entityWrapper.entity.statelessType > StatelessEntityType.MISSED) {
       return Container(width: 0.0, height: 0.0,);
     }
-
+    double widthBase =  math.min(MediaQuery.of(context).size.width, MediaQuery.of(context).size.height) / 6;
     return InkWell(
       onTap: () => entityWrapper.handleTap(),
       onLongPress: () => entityWrapper.handleHold(),
       onDoubleTap: () => entityWrapper.handleDoubleTap(),
-      child: FractionallySizedBox(
-        widthFactor: 1,
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
-            LayoutBuilder(
+          EntityIcon(
-                builder: (BuildContext context, BoxConstraints constraints) {
-                  return EntityIcon(
             padding: EdgeInsets.fromLTRB(2.0, 6.0, 2.0, 2.0),
-                    size: constraints.maxWidth / 2.5,
+            size: widthBase / (depth * 0.5),
-                  );
-                }
           ),
           _buildName()
         ],
       ),
-      ),
     );
   }
 

lib/cards/widgets/gauge_card_body.dart

@@ -94,19 +94,7 @@ class GaugeCardBody extends StatelessWidget {
       onDoubleTap: () => entityWrapper.handleDoubleTap(),
       child: AspectRatio(
         aspectRatio: 2,
-        child: LayoutBuilder(
+        child: SfRadialGauge(
-          builder: (BuildContext context, BoxConstraints constraints) {
-            double fontSizeFactor;
-            if (constraints.maxWidth > 300.0) {
-              fontSizeFactor = 1.6;
-            } else if (constraints.maxWidth > 150.0) {
-              fontSizeFactor = 1;
-            } else if (constraints.maxWidth > 100.0)  {
-              fontSizeFactor = 0.6;
-            } else {
-              fontSizeFactor = 0.4;
-            }
-            return SfRadialGauge(
           axes: <RadialAxis>[
             RadialAxis(
               maximum: max.toDouble(),
@@ -128,7 +116,7 @@ class GaugeCardBody extends StatelessWidget {
                   //verticalAlignment: GaugeAlignment.far,
                   widget: EntityName(
                     textStyle: Theme.of(context).textTheme.body1.copyWith(
-                          fontSize: Theme.of(context).textTheme.body1.fontSize * fontSizeFactor
+                      fontSize: Theme.of(context).textTheme.body1.fontSize
                     ),
                   ),
                 ),
@@ -141,7 +129,7 @@ class GaugeCardBody extends StatelessWidget {
                     maxLines: 1,
                     textAlign: TextAlign.center,
                     textStyle: Theme.of(context).textTheme.title.copyWith(
-                          fontSize: Theme.of(context).textTheme.title.fontSize * fontSizeFactor,
+                      fontSize: Theme.of(context).textTheme.title.fontSize,
                     ),
                   ),
                 )
@@ -160,9 +148,7 @@ class GaugeCardBody extends StatelessWidget {
               ]
             )
           ],
-            );
+        )
-          },
-        ),
       ),
     );
   }

lib/main.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 import 'dart:async';
+import 'dart:math' as math;
 import 'package:flutter/foundation.dart';
 import 'package:flutter/rendering.dart';
 import 'package:flutter/material.dart';

lib/view.class.dart

@@ -33,10 +33,10 @@ class HAView {
         });
       }
 
-      cards.addAll(_createLovelaceCards(rawData["cards"] ?? []));
+      cards.addAll(_createLovelaceCards(rawData["cards"] ?? [], 1));
   }
 
-  List<HACard> _createLovelaceCards(List rawCards) {
+  List<HACard> _createLovelaceCards(List rawCards, int depth) {
     List<HACard> result = [];
     rawCards.forEach((rawCard){
       try {
@@ -58,10 +58,11 @@ class HAView {
             min: rawCardInfo['min'] ?? 0,
             max: rawCardInfo['max'] ?? 100,
             unit: rawCardInfo['unit'],
+            depth: depth,
             severity: rawCardInfo['severity']
         );
         if (rawCardInfo["cards"] != null) {
-          card.childCards = _createLovelaceCards(rawCardInfo["cards"]);
+          card.childCards = _createLovelaceCards(rawCardInfo["cards"], depth + 1);
         }
         var rawEntities = rawCard["entities"] ?? rawCardInfo["entities"];
         rawEntities?.forEach((rawEntity) {

lib/viewWidget.widget.dart

@@ -26,6 +26,11 @@ class ViewWidget extends StatelessWidget {
       } else {
         cardsContainer = Container();
       }
+      return ListView(
+          shrinkWrap: false,
+          padding: EdgeInsets.all(0),
+          children: this.view.cards.map((card) => card.build(context)).toList()
+      );
       return ListView(
           shrinkWrap: true,
           padding: EdgeInsets.all(0),