1 files changed, 106 insertions, 0 deletions
diff --git a/vfd-dashboard/src/main/scala/vfd/dashboard/ui/panels/Communication.scala b/vfd-dashboard/src/main/scala/vfd/dashboard/ui/panels/Communication.scala
new file mode 100644
index 0000000..dd43ab4
--- /dev/null
+++ b/vfd-dashboard/src/main/scala/vfd/dashboard/ui/panels/Communication.scala
@@ -0,0 +1,106 @@
+package vfd.dashboard.ui.panels
+
+import org.mavlink.messages.Heartbeat
+import org.mavlink.messages.Motor
+import org.mavlink.messages.Power
+import org.scalajs.dom.HTMLElement
+import rx.core.Obs
+import scalatags.JsDom.all.bindNode
+import scalatags.JsDom.all.`class`
+import scalatags.JsDom.all.div
+import scalatags.JsDom.all.stringAttr
+import scalatags.JsDom.all.table
+import scalatags.JsDom.all.tbody
+import scalatags.JsDom.all.td
+import scalatags.JsDom.all._
+import vfd.dashboard.Environment
+import vfd.dashboard.MavlinkSocket
+import vfd.dashboard.ui.components.Generic
+import vfd.dashboard.ui.components.Balance
+import vfd.dashboard.ui.components.Bar
+import vfd.dashboard.ui.components.Led
+
+object Communication {
+
+  def apply(socket: MavlinkSocket)(implicit app: Environment): HTMLElement = {
+
+    val hb = i(`class` := "fa fa-heart heartbeat").render
+    
+    def foo() = {
+      hb.textContent = ""
+    }
+
+    val motor0 = new Generic(0, 50, 100, "%")
+    val motor1 = new Generic(0, 50, 100, "%")
+    val motor2 = new Generic(0, 50, 100, "%")
+    val motor3 = new Generic(0, 50, 100, "%")
+    val powerDistribution = new Balance()
+    val batteryLevel = new Bar()
+
+    Obs(socket.message, skipInitial = true) {
+      socket.message() match {
+        case Motor(m0, m1, m2, m3) =>
+          motor0.update(m0)
+          motor1.update(m1)
+          motor2.update(m2)
+          motor3.update(m3)
+          powerDistribution.update(m0, m1, m2, m3)
+
+        case Power(mV) =>
+          batteryLevel.update(100 * (mV - 9600) / 12600)
+        case Heartbeat(_) => {
+          hb.style.visibility = "hidden"
+          hb.style.visibility = "visible"
+          //hb.classList.remove("heartbeat")
+          //hb.offsetHeight
+          //hb.classList.add("heartbeat")
+        }
+        case _ =>
+      }
+    }
+
+    div(
+      table(`class` := "table")(
+        thead("Communication"),
+        tbody(
+          tr(
+            td("Conn"),
+            div(width := "20px")(td((new Led()).element)),
+            td("Server"),
+            td("5 ms")),
+          tr(
+            td("Uplink"),
+            td("-20 dBm"),
+            td("Heartbeat"),
+            td(hb)))),
+      table(`class` := "table-instrument", style := "height: 100px")(
+        tbody(
+          tr(
+            td(),
+            td(),
+            td(),
+            td(),
+            td(),
+            td(),
+            td(),
+            td(),
+            td(),
+            td(batteryLevel.element)))),
+        table (`class` := "table-instrument")(
+          thead("Motors"),
+          tbody(
+            tr(
+              td(motor0.element),
+              td(),
+              td(motor1.element)),
+            tr(
+              td(),
+              td(powerDistribution.element),
+              td()),
+            tr(
+              td(motor2.element),
+              td(),
+              td(motor3.element))))).render
+  }
+
+}
+\ No newline at end of file