Add power display widget

Display/src/app/components/dashboard/dashboard.component.html

@@ -40,5 +40,15 @@
                 </div>
             </div>
         </gridster-item>
+        <gridster-item [item]="dashboardLayout.layout[3]">
+            <div class="dashboard-item">
+                <div class="dashboard-item-header">
+                    Power
+                </div>
+                <div class="dashboard-item-content">
+                    <app-power></app-power>
+                </div>
+            </div>
+        </gridster-item>
     </gridster>
 </div>

Display/src/app/components/dashboard/dashboard.component.ts

@@ -13,11 +13,12 @@ export class DashboardComponent implements OnInit {
     public locked = true;
 
     private defaultLayout: DashboardLayout = {
-        version: 3,
+        version: 1,
         layout: [
-            { cols: 3, rows: 2, y: 0, x: 0 },
-            { cols: 2, rows: 2, y: 0, x: 3 },
-            { cols: 3, rows: 2, y: 0, x: 5 }
+            { cols: 5, rows: 4, y: 0, x: 0 },
+            { cols: 3, rows: 2, y: 0, x: 5 },
+            { cols: 5, rows: 4, y: 0, x: 8 },
+            { cols: 3, rows: 2, y: 2, x: 5 }
         ]
     };
 
@@ -34,9 +35,11 @@ export class DashboardComponent implements OnInit {
                 enabled: !this.locked
             },
             gridType: 'fixed',
-            fixedColWidth: 105,
-            fixedRowHeight: 105,
-            displayGrid: 'none'
+            fixedColWidth: 55,
+            fixedRowHeight: 55,
+            displayGrid: 'none',
+            minCols: 50,
+            minRows: 50
         };
 
         this.loadOptions();