firebase view loads CBC/BMP fishbones

Author: FireJuun

lib/screens/fhir/firebase.dart

@@ -1,8 +1,145 @@
 import 'package:flutter/material.dart';
+import 'package:symptom_tracker/services/services.dart';
 
 class FirebaseView extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return Center(child: Text('Firebase'));
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      children: <Widget>[
+        _buildLabBMP(),
+        _buildLabCBC(),
+      ],
+    );
   }
+
+  Widget _buildLabBMP() {
+    return Center(
+      child: StreamBuilder(
+        stream: FirebaseService.to.fbStreamBMP,
+        builder: (context, snapshot) {
+          if (!snapshot.hasData) {
+            return CircularProgressIndicator();
+          }
+
+          ModelBMP _bmp = snapshot.data;
+          return Padding(
+            padding: EdgeInsets.all(8.0),
+            child: Row(
+              children: <Widget>[
+                Expanded(
+                  child: Table(
+                    border:
+                        TableBorder(horizontalInside: BorderSide(width: 4.0), verticalInside: BorderSide(width: 4.0)),
+                    children: [
+                      TableRow(
+                        children: [
+                          _labText('${_bmp.na}'),
+                          _labText('${_bmp.cl}'),
+                          _labText('${_bmp.bun}'),
+                        ],
+                      ),
+                      TableRow(
+                        children: [
+                          _labText('${_bmp.k}'),
+                          _labText('${_bmp.co2}'),
+                          _labText('${_bmp.creat}'),
+                        ],
+                      ),
+                    ],
+                  ),
+                ),
+                _labTextWithV('${_bmp.glc}'),
+              ],
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildLabCBC() {
+    return Center(
+      child: StreamBuilder(
+        stream: FirebaseService.to.fbStreamCBC,
+        builder: (context, snapshot) {
+          if (!snapshot.hasData) {
+            return CircularProgressIndicator();
+          }
+          ModelCBC _cbc = snapshot.data;
+          return Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            mainAxisSize: MainAxisSize.min,
+            children: <Widget>[
+              _labTextWithV('${_cbc.wbc}', Colors.blue, true),
+              IntrinsicWidth(
+                child: Column(
+                  mainAxisSize: MainAxisSize.min,
+                  children: <Widget>[
+                    _labText('${_cbc.hb}'),
+                    Divider(
+                      color: Colors.black,
+                      thickness: 4.0,
+                    ),
+                    _labText('${_cbc.hct}'),
+                  ],
+                ),
+              ),
+              _labTextWithV('${_cbc.plt}', Colors.orange),
+            ],
+          );
+        },
+      ),
+    );
+  }
+}
+
+_labText(String s, [Color c = Colors.red]) {
+  return Container(
+    alignment: Alignment.center,
+    margin: EdgeInsets.all(8.0),
+    // color: c,
+    child: Text(s),
+  );
+}
+
+_labTextWithV(String s, [Color c = Colors.red, bool onLeft = false]) {
+  return Container(
+    // margin: EdgeInsets.all(8.0),
+    // color: c,
+    child: CustomPaint(
+      painter: _PaintV(onLeft: onLeft),
+      child: Container(
+          margin: EdgeInsets.symmetric(horizontal: 8.0, vertical: 48.0),
+          padding: (onLeft) ? EdgeInsets.only(right: 32.0) : EdgeInsets.only(left: 32.0),
+          child: Text(s)),
+    ),
+  );
+}
+
+class _PaintV extends CustomPainter {
+  bool onLeft;
+
+  _PaintV({this.onLeft = false});
+
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paint = Paint();
+
+    paint.color = Colors.black;
+    paint.strokeWidth = 4.0;
+
+    // top line
+    (onLeft)
+        ? canvas.drawLine(Offset(0, 0), Offset(size.width, size.height / 2), paint)
+        : canvas.drawLine(Offset(size.width, 0), Offset(0, size.height / 2), paint);
+
+    // bottom line
+    (onLeft)
+        ? canvas.drawLine(Offset(0, size.height), Offset(size.width, size.height / 2), paint)
+        : canvas.drawLine(Offset(size.width, size.height), Offset(0, size.height / 2), paint);
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => false;
 }