Rework for use in Flutter demo platform image

Changes:
- Converted to portrait orientation.
- Application enumeration and launching+activation enabled via use
  of applaunchd gRPC API and agl-shell protocol platform channel
  plugin in the embedder.
- Previous dashboard, hvac, media, etc. pages disabled. Some of
  the code has been kept for potential reuse.
- Clock widget tweaked to fit in portrait mode navigation bar, and
  take text color argument.
- Bluetooth, wifi, and phone signal icons mocked up in navigation
  bar.

Known issues:
- The bottom panel area is static at present, support for popping
  up a volume control slider like the Qt demo is planned as an
  addition.
- The path to implementing connection and signal strength indications
  is currently a bit hazy, it is possible that flutter-dbus might
  be the simplest stopgap.
- State management has been kept basic, as there are a couple of
  places where using provider or riverpod seems like perhaps an
  overcomplication.  This will be reviewed when KUKSA.val support is
  integrated for the volume slider.
- Some of the layout sizing is a bit ad hoc, and it is not clear if
  the previous layout helper class is actually worth keeping or not.
  This should be reviewed when time permits.

Bug-AGL: SPEC-4611

Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Change-Id: Ib486b1fd92047f6c1ff1cd9569f49e3ccaf3269d

1 files changed, 9 insertions, 14 deletions

diff --git a/lib/widget_clock.dart b/lib/widget_clock.dart
index ae9fb26..c7b53ec 100644
--- a/lib/widget_clock.dart
+++ b/lib/widget_clock.dart
@@ -3,18 +3,18 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 
-class ClockWiddget extends StatefulWidget {
+class ClockWidget extends StatefulWidget {
   final double size;
   final Color textColor;
 
-  const ClockWiddget({Key? key, required this.size, required this.textColor})
+  const ClockWidget({Key? key, required this.size, required this.textColor})
       : super(key: key);
 
   @override
-  _ClockWiddgetState createState() => _ClockWiddgetState();
+  _ClockWidgetState createState() => _ClockWidgetState();
 }
 
-class _ClockWiddgetState extends State<ClockWiddget> {
+class _ClockWidgetState extends State<ClockWidget> {
   late Timer _timer;
   DateTime _now = DateTime.now();
 
@@ -42,20 +42,14 @@ class _ClockWiddgetState extends State<ClockWiddget> {
   Widget build(BuildContext context) {
     TextStyle? textStyle = Theme.of(context)
         .textTheme
-        .headline2
+        .labelLarge
         ?.copyWith(color: widget.textColor);
     return Container(
       height: widget.size,
-      padding: EdgeInsets.all(16.0),
-      decoration: BoxDecoration(
-        border: Border(
-          top: BorderSide(
-            width: 1.0,
-          ),
-        ),
-      ),
+      //padding: EdgeInsets.all(16.0),
       child: Column(
         children: [
+          SizedBox(height: 16),
           FittedBox(
             fit: BoxFit.contain,
             child: Text(
@@ -63,7 +57,7 @@ class _ClockWiddgetState extends State<ClockWiddget> {
               style: textStyle,
             ),
           ),
-          const Divider(thickness: 1),
+          //const Divider(thickness: 1),
           FittedBox(
             fit: BoxFit.contain,
             child: Text(
@@ -71,6 +65,7 @@ class _ClockWiddgetState extends State<ClockWiddget> {
               style: textStyle,
             ),
           ),
+          SizedBox(height: 16),
         ],
         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
       ),