From 47894249deb0071ca632bd6d6445525e0c7659ff Mon Sep 17 00:00:00 2001
From: Robert Putt <Robert.Putt@C02FV3BTMD6R.local>
Date: Thu, 4 Jul 2024 20:38:37 +0100
Subject: [PATCH] Add TAR1090 and Graphs1090 Frames

---
 hw_diag/templates/wingbits.html           | 14 +++++++---
 hw_diag/templates/wingbits_graph1090.html | 24 +++++++++++++++++
 hw_diag/templates/wingbits_tar1090.html   | 24 +++++++++++++++++
 hw_diag/views/wingbits.py                 | 32 +++++++++++++++++++++++
 4 files changed, 90 insertions(+), 4 deletions(-)
 create mode 100644 hw_diag/templates/wingbits_graph1090.html
 create mode 100644 hw_diag/templates/wingbits_tar1090.html

diff --git a/hw_diag/templates/wingbits.html b/hw_diag/templates/wingbits.html
index bf6aa263..a97b4b32 100644
--- a/hw_diag/templates/wingbits.html
+++ b/hw_diag/templates/wingbits.html
@@ -7,7 +7,7 @@
         <br/>
         <h3 class="text-center mb-4">Wingbits Configuration</h3>
         <div class="row mb-4">
-          <div class="col-12 col-lg-6 mb-4 mb-lg-0">
+          <div class="col-12 col-lg-8 mb-4 mb-lg-0">
             <form action="/wingbits" method="POST">
                 {% if error %}
                     <div class="card text-center">
@@ -41,14 +41,20 @@ <h3 class="text-center mb-4">Wingbits Configuration</h3>
                 <div class="card">
                     <br/>
                         <center>
-                            <input type="submit" class="btn btn-primary" style="width:35%;" value="Update Configuration" />
+                            <input type="submit" class="btn btn-primary" style="width:25%;" value="Update Configuration" />
+                            &nbsp;&nbsp;
+                            <a href="/wingbits/tar1090" class="btn btn-secondary" style="width:15%;" />Live Map</a>
+                            &nbsp;&nbsp;
+                            <a href="/wingbits/graphs1090" class="btn btn-secondary" style="width:15%;" />Statistics</a>
+                            &nbsp;&nbsp;
+                            <a href="https://wingbits.com/dashboard/antennas" target="_blank" class="btn btn-secondary" style="width:25%;" />Wingbits Dashboard</a>
                         </center>
                     <br />
                 </div>
             </form>
           </div>
-          <div class="col-12 col-lg-6 mb-4 mb-lg-0">
-            <div class="card h-100 table-responsive">
+          <div class="col-12 col-lg-4 mb-4 mb-lg-0">
+            <div class="card table-responsive">
               <table class="table dt-responsive nowrap m-md-2 w-auto">
                 <tr>
                     <td class="border-0"><span class="uil uil-wifi-router icon"></span> SDR Operational</td>
diff --git a/hw_diag/templates/wingbits_graph1090.html b/hw_diag/templates/wingbits_graph1090.html
new file mode 100644
index 00000000..fd3957f8
--- /dev/null
+++ b/hw_diag/templates/wingbits_graph1090.html
@@ -0,0 +1,24 @@
+{% extends 'template_hyper.html' %}
+
+{% block title %}Wingbits - GRAPHS1090{% endblock %}
+
+{% block body %}
+    <style>
+        .content-page {
+            position: relative;
+            margin-left: var(--ct-leftbar-width);
+            min-height: calc(100vh - var(--ct-topbar-height) - 2px);
+            padding: 0 0 0;
+            -webkit-transition: all .25s ease-in-out;
+            transition: all .25s ease-in-out;
+        }
+        footer {
+                bottom: -52px !important;
+        }
+    </style>
+    <iframe title="Graphs1090" id='frmWingbits' frameborder="0" style="overflow: hidden; height: 100vh; width: 100%;">Loading...</iframe>
+    <script>
+        var url = 'http://' + window.location.href.split('/')[2] + ':8081/graphs1090/?ts={{ now }}';
+        document.getElementById('frmWingbits').src = url;
+    </script>
+{% endblock %}
diff --git a/hw_diag/templates/wingbits_tar1090.html b/hw_diag/templates/wingbits_tar1090.html
new file mode 100644
index 00000000..13138f19
--- /dev/null
+++ b/hw_diag/templates/wingbits_tar1090.html
@@ -0,0 +1,24 @@
+{% extends 'template_hyper.html' %}
+
+{% block title %}Wingbits - TAR1090{% endblock %}
+
+{% block body %}
+    <style>
+        .content-page {
+            position: relative;
+            margin-left: var(--ct-leftbar-width);
+            min-height: calc(100vh - var(--ct-topbar-height) - 2px);
+            padding: 0 0 0;
+            -webkit-transition: all .25s ease-in-out;
+            transition: all .25s ease-in-out;
+        }
+        footer {
+                bottom: -52px !important;
+        }
+    </style>
+    <iframe title="TAR1090" id='frmWingbits' frameborder="0" style="overflow: hidden; height: 100vh; width: 100%;">Loading...</iframe>
+    <script>
+        var url = 'http://' + window.location.href.split('/')[2] + ':8081/tar1090/?ts={{ now }}';
+        document.getElementById('frmWingbits').src = url;
+    </script>
+{% endblock %}
diff --git a/hw_diag/views/wingbits.py b/hw_diag/views/wingbits.py
index 3e859cbb..422cc53d 100644
--- a/hw_diag/views/wingbits.py
+++ b/hw_diag/views/wingbits.py
@@ -65,6 +65,38 @@ def get_wingbits_dashboard():
     )
 
 
+@WINGBITS.route('/wingbits/tar1090')
+@authenticate
+@commercial_fleet_only
+def get_wingbits_tar1090():
+    diagnostics = read_diagnostics_file()
+    claim_deeplink = claim_miner_deeplink()
+    now = round(time.time())
+
+    return render_template(
+        'wingbits_tar1090.html',
+        diagnostics=diagnostics,
+        claim_deeplink=claim_deeplink,
+        now=now
+    )
+
+
+@WINGBITS.route('/wingbits/graphs1090')
+@authenticate
+@commercial_fleet_only
+def get_wingbits_graphs1090():
+    diagnostics = read_diagnostics_file()
+    claim_deeplink = claim_miner_deeplink()
+    now = round(time.time())
+
+    return render_template(
+        'wingbits_graph1090.html',
+        diagnostics=diagnostics,
+        claim_deeplink=claim_deeplink,
+        now=now
+    )
+
+
 @WINGBITS.route('/wingbits', methods=['POST'])
 @authenticate
 @commercial_fleet_only