update web dashboard, add template

This commit is contained in:
KF7EEL 2020-12-30 09:10:23 -08:00
parent e4b55b05fe
commit 6da1c4de0d
3 changed files with 136 additions and 63 deletions

View File

@ -1,5 +1,3 @@
#!/usr/bin/env python
#
############################################################################### ###############################################################################
# HBLink - Copyright (C) 2020 Cortney T. Buffington, N0MJS <n0mjs@me.com> # HBLink - Copyright (C) 2020 Cortney T. Buffington, N0MJS <n0mjs@me.com>
# GPS/Data - Copyright (C) 2020 Eric Craw, KF7EEL <kf7eel@qsl.net> # GPS/Data - Copyright (C) 2020 Eric Craw, KF7EEL <kf7eel@qsl.net>
@ -23,75 +21,96 @@
This is a web dashboard for the GPS/Data application. This is a web dashboard for the GPS/Data application.
''' '''
from flask import Flask from flask import Flask, render_template
import ast, os import ast, os
from dashboard_settings import *
app = Flask(__name__) app = Flask(__name__)
dash_entries = ast.literal_eval(os.popen('cat /tmp/gps_data_user_loc.txt').read())
#dash_bb = ast.literal_eval(os.popen('cat /tmp/gps_data_user_bb.txt').read())
def get_data():
dash_loc = ast.literal_eval(os.popen('cat /tmp/gps_data_user_loc.txt').read()) tbl_hdr = '''
dash_bb = ast.literal_eval(os.popen('cat /tmp/gps_data_user_bb.txt').read())
tmp_bb = ''
tmp_loc = ''
tbl_hdr = '''
<table style="border-color: black; margin-left: auto; margin-right: auto;" border="2" cellspacing="6" cellpadding="2"><tbody> <table style="border-color: black; margin-left: auto; margin-right: auto;" border="2" cellspacing="6" cellpadding="2"><tbody>
''' '''
tbl_ftr = ''' tbl_ftr = '''
</tbody> </tbody>
</table> </table>
''' '''
bb_hdr = '''
<tr> def get_loc_data():
<td style="text-align: center;"> try:
<h2><strong>&nbsp;Callsign&nbsp;</strong></h2> dash_loc = ast.literal_eval(os.popen('cat /tmp/gps_data_user_loc.txt').read())
</td> tmp_loc = ''
<td style="text-align: center;"> loc_hdr = '''
<h2>&nbsp;<strong>DMR ID</strong>&nbsp; </h2> <tr>
</td> <td style="text-align: center;">
<td style="text-align: center;"> <h2><strong>&nbsp;Callsign&nbsp;</strong></h2>
<h2>&nbsp;<strong>Bulletin</strong>&nbsp;</h2> </td>
</td> <td style="text-align: center;">
<td style="text-align: center;"> <h2>&nbsp;<strong>Latitude</strong>&nbsp; </h2>
<h2>&nbsp;<strong>Local Time</strong>&nbsp;</h2> </td>
</td> <td style="text-align: center;">
</tr> <h2>&nbsp;<strong>Longitude</strong>&nbsp;</h2>
''' </td>
loc_hdr = ''' <td style="text-align: center;">
<tr> <h2>&nbsp;<strong>Local Time</strong>&nbsp;</h2>
<td style="text-align: center;"> </td>
<h2><strong>&nbsp;Callsign&nbsp;</strong></h2> </tr>
</td> '''
<td style="text-align: center;"> for e in dash_loc:
<h2>&nbsp;<strong>Latitude</strong>&nbsp; </h2> tmp_loc = tmp_loc + '''<tr>
</td> <td style="text-align: center;"><a href="https://aprs.fi/''' + e['call'] + '''"><strong>''' + e['call'] + '''</strong></a></td>
<td style="text-align: center;"> <td style="text-align: center;"><strong>&nbsp;''' + str(e['lat']) + '''&nbsp;</strong></td>
<h2>&nbsp;<strong>Longitude</strong>&nbsp;</h2> <td style="text-align: center;"><strong>&nbsp;''' + str(e['lon']) + '''&nbsp;</strong></td>
</td> <td style="text-align: center;">&nbsp;''' + e['time'] + '''&nbsp;</td>
<td style="text-align: center;"> </tr>'''
<h2>&nbsp;<strong>Local Time</strong>&nbsp;</h2> return str(str('<h1 style="text-align: center;">Positions Received</h1>') + tbl_hdr + loc_hdr + tmp_loc + tbl_ftr)
</td> except:
</tr> return str('<h1 style="text-align: center;">No data</h1>')
'''
for e in dash_bb: def get_bb_data():
tmp_bb = tmp_bb + '''<tr> try:
<td style="text-align: center;"><strong>&nbsp;''' + e['call'] + '''&nbsp;</strong></td> dash_bb = ast.literal_eval(os.popen('cat /tmp/gps_data_user_bb.txt').read())
<td style="text-align: center;">''' + str(e['dmr_id']) + '''</td> tmp_bb = ''
<td style="text-align: center;"><strong>&nbsp;''' + e['bulliten'] + '''&nbsp;</strong></td>
<td style="text-align: center;">&nbsp;''' + e['time'] + '''&nbsp;</td> bb_hdr = '''
</tr>''' <tr>
for e in dash_loc: <td style="text-align: center;">
tmp_loc = tmp_loc + '''<tr> <h2><strong>&nbsp;Callsign&nbsp;</strong></h2>
<td style="text-align: center;"><strong>&nbsp;''' + e['call'] + '''&nbsp;</strong></td> </td>
<td style="text-align: center;">&nbsp;''' + str(e['lat']) + '''&nbsp;</td> <td style="text-align: center;">
<td style="text-align: center;">&nbsp;''' + str(e['lon']) + '''&nbsp;</td> <h2>&nbsp;<strong>DMR ID</strong>&nbsp; </h2>
<td style="text-align: center;">&nbsp;''' + e['time'] + '''&nbsp;</td> </td>
</tr>''' <td style="text-align: center;">
return str('<h1 style="text-align: center;">Bulletin Board</h1>' + tbl_hdr + bb_hdr + tmp_bb + tbl_ftr + str('<h1 style="text-align: center;">Positions Received</h1>') + tbl_hdr + loc_hdr + tmp_loc + tbl_ftr) <h2>&nbsp;<strong>Bulletin</strong>&nbsp;</h2>
</td>
<td style="text-align: center;">
<h2>&nbsp;<strong>Local Time</strong>&nbsp;</h2>
</td>
</tr>
'''
for e in dash_bb:
tmp_bb = tmp_bb + '''<tr>
<td style="text-align: center;"><strong>&nbsp;''' + e['call'] + '''&nbsp;</strong></td>
<td style="text-align: center;">''' + str(e['dmr_id']) + '''</td>
<td style="text-align: center;"><strong>&nbsp;''' + e['bulliten'] + '''&nbsp;</strong></td>
<td style="text-align: center;">&nbsp;''' + e['time'] + '''&nbsp;</td>
</tr>'''
return str('<h1 style="text-align: center;">Bulletin Board</h1>' + tbl_hdr + bb_hdr + tmp_bb + tbl_ftr)
except:
return str('<h1 style="text-align: center;">No data</h1>')
@app.route('/') @app.route('/')
def dash(): def index():
#return 'Hello, World!' #return get_data()
return get_data() return render_template('index.html', title = dashboard_title, logo = logo)
@app.route('/bulletin_board')
def dash_bb():
return get_bb_data()
#return render_template('index.html', data = str(get_data()))
@app.route('/positions')
def dash_loc():
return get_loc_data()
#return render_template('index.html', data = str(get_data()))

View File

@ -0,0 +1,27 @@
###############################################################################
# HBLink - Copyright (C) 2020 Cortney T. Buffington, N0MJS <n0mjs@me.com>
# GPS/Data - Copyright (C) 2020 Eric Craw, KF7EEL <kf7eel@qsl.net>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software Foundation,
# Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
###############################################################################
'''
Settings for web dashboard.
'''
# Title of the Dashboard
dashboard_title = 'HBLink3 D-APRS Dashboard'
# Logo used on dashboard page
logo = 'https://raw.githubusercontent.com/kf7eel/hblink3/gps/HBlink.png'

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="120" >
<title>{{title}}</title>
<style>
body {background-color: D3D3D3;}
h1 {color: green;}
p {
padding: 10px;
margin: 20px;
}
</style>
</head>
<body>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="{{logo}}" alt="Logo" width="300" height="144" /></p>
<h1 style="text-align: center;">{{title}}</h1>
<hr />
<p align="center"><iframe src="bulletin_board" style="border:none;" height="300" width="700" title="Bulletin Board"></iframe></p></body>
<p align="center"><iframe src="positions" style="border:none;" height="900" width="700" title="Positions Received"></iframe></p></body>
<hr />
<h5 style="text-align: center;">Dashboard created by KF7EEL - <a href="https://github.com/kf7eel/hblink3">https://github.com/kf7eel/hblink3</a></h5>
<p style="text-align: center;">HBLink created by N0MJS.<br /><a href="https://github.com/HBLink-org">HBLink GitHub page</a></p>
</html>