├── .gitattributes
├── .gitignore
├── LICENSE
├── README.NOW
├── README.md
├── index.js
├── package.json
├── public
    └── index.html
└── screenshot.png


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Runtime data
 9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 | 
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 | 
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 | 
20 | # nyc test coverage
21 | .nyc_output
22 | 
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 | 
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 | 
29 | # node-waf configuration
30 | .lock-wscript
31 | 
32 | # Compiled binary addons (http://nodejs.org/api/addons.html)
33 | build/Release
34 | 
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 | 
39 | # Typescript v1 declaration files
40 | typings/
41 | 
42 | # Optional npm cache directory
43 | .npm
44 | 
45 | # Optional eslint cache
46 | .eslintcache
47 | 
48 | # Optional REPL history
49 | .node_repl_history
50 | 
51 | # Output of 'npm pack'
52 | *.tgz
53 | 
54 | # Yarn Integrity file
55 | .yarn-integrity
56 | 
57 | # dotenv environment variables file
58 | .env
59 | 
60 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Luke Berndt
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.NOW:
--------------------------------------------------------------------------------
 1 | 
 2 | 1. Configure the "statusServer" entry in your trunk-recorder config file. i.e.:
 3 | 
 4 |       "statusServer": "ws://xxx.xxx.xxx.xxx:3010/server" 
 5 | 
 6 |    where xxx... is the IP address of the system where this server is to be run.
 7 | 
 8 | 2. `node.js` and `npm` must be installed on the system where this server is to be run.
 9 | 3. From within this directory, run `npm install` to download required modules
10 | 4. Launch the server with `node index.js`
11 | 5. From a web browser, connect to the interface at:
12 |   
13 |       http://xxx.xxx.xxx.xxx:3010  
14 | 
15 |    where xxx... is the IP address of the system where this package is running.
16 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # trunk-recorder-status-server
 2 | Lets you monitor the status of recordings
 3 | ## Install
 4 | 1) Make sure you have `node` and `npm` installed.
 5 | 2) clone the repository
 6 | 3) `cd trunk-recorder-status-server`
 7 | 4) `npm install`
 8 | 
 9 | ## Trunk-Recorder config
10 | You need to add `statusServer` to your `config.json` file.
11 | ```json
12 | {
13 |   "ver": 2,
14 |     "sources": [{
15 |     }],
16 |     "systems": [{
17 |     }],
18 |     "broadcastifyCallsServer": "abc123",
19 |     ...
20 |     "statusServer": "ws://{ip-address}:3010/server"
21 | }
22 | ```
23 | `ws://` indicates a websocket. You will need to replace ip-address of your status-server. It could be `localhost` or the IP address of the machine.
24 | 
25 | ## Running
26 | To run the webserver, change into the directory and run the node app.
27 | ```
28 | node index.js
29 | ```
30 | 
31 | ### Running in background
32 | To run in the background, use `tmux`
33 | ```
34 | tmux
35 | 
36 | cd {trunk-recorder directory}
37 | node index.js
38 | 
39 | # control+b 
40 | # d #this disconnect tmux and puts you back into you session
41 | ```
42 | To get back into that tmux session run `tmux list-sessions` to get a list of your sessions. Then you can run `tmux attach-session {session number}` to get back into your session.
43 | <br><br>
44 | 
45 | # Using
46 | To use the webui, go to `http://{ip-address}:3010`.
47 | <br><br>
48 | ![Screenshot](screenshot.png)
49 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | var express = require('express');
  2 | var util = require("util");
  3 | 
  4 | var app = express(),
  5 |     http = require('http'),
  6 |     server = http.createServer(app);
  7 | 
  8 | const WebSocket = require('ws');
  9 | const clientWss = new WebSocket.Server({
 10 |     noServer: true
 11 | });
 12 | const serverWss = new WebSocket.Server({
 13 |     noServer: true
 14 | });
 15 | 
 16 | const url = require('url');
 17 | 
 18 | var csv = require('csv');
 19 | var fs = require('fs');
 20 | var path = require('path');
 21 | 
 22 | var router = express.Router();
 23 | 
 24 | var bodyParser = require('body-parser');
 25 | 
 26 | var channels = {};
 27 | var clients = [];
 28 | var srv = null;
 29 | var rec = null;
 30 | var stats = {};
 31 | 
 32 | server.on('upgrade', (request, socket, head) => {
 33 |     const pathname = url.parse(request.url).pathname;
 34 | 
 35 |     if (pathname === '/client') {
 36 |         console.log("Upgrading Client Connection");
 37 |         clientWss.handleUpgrade(request, socket, head, (ws) => {
 38 |             clientWss.emit('connection', ws);
 39 |         });
 40 |     } else if (pathname === '/server') {
 41 |         console.log("Upgrading Server Connection");
 42 |         serverWss.handleUpgrade(request, socket, head, (ws) => {
 43 |             serverWss.emit('connection', ws);
 44 |         });
 45 |     } else {
 46 |         socket.destroy();
 47 |     }
 48 | });
 49 | 
 50 | app.use(bodyParser());
 51 | app.use(express.static(__dirname + '/public'));
 52 | 
 53 | function get_clients(req, res) {
 54 |     if (req.params.shortName) {
 55 |         var short_name = req.params.shortName.toLowerCase();
 56 |     } else {
 57 |         var short_name = null;
 58 |     }
 59 |     for (var i = 0; i < clients.length; i++) {
 60 |         var response = [];
 61 |         //console.log(util.inspect(clients[i].socket));
 62 |         if (!short_name || (clients[i].shortName == short_name)) {
 63 |             var age = (Date.now() - clients[i].timestamp) / 1000;
 64 |             var obj = {
 65 |                 shortName: clients[i].shortName,
 66 |                 filterCode: clients[i].filterCode,
 67 |                 filterName: clients[i].filterName,
 68 |                 filterType: clients[i].filterType,
 69 |                 talkgroupNums: clients[i].talkgroupNums,
 70 |                 type: clients[i].type,
 71 |                 timestamp: age
 72 |             }
 73 |             response.push(obj);
 74 |         }
 75 | 
 76 |     }
 77 |     res.contentType('json');
 78 |     res.send(JSON.stringify(response));
 79 | 
 80 | }
 81 | app.get('/', function(req, res) {
 82 |     res.sendFile(path.join(__dirname + '/public/index.html'));
 83 | });
 84 | 
 85 | 
 86 | app.get('/:shortName/clients', get_clients);
 87 | app.get('/clients', get_clients);
 88 | 
 89 | function notify_clients(call) {
 90 |     call.type = "calls";
 91 |     var sent = 0;
 92 | 
 93 |     for (var i = 0; i < clients.length; i++) {
 94 |         //console.log(util.inspect(clients[i].socket));
 95 |         if (clients[i].shortName == call.shortName.toLowerCase()) {
 96 |             if (clients[i].filterCode == "") {
 97 |                 //console.log("Call TG # is set to All");
 98 |                 sent++;
 99 |                 clients[i].socket.send(JSON.stringify(call));
100 |             } else if (clients[i].filterType == "unit") {
101 |                 var codeArray = clients[i].filterCode.split(',');
102 |                 var success = false;
103 |                 for (var j = 0; j < codeArray.length; ++j) {
104 |                     for (var k = 0; k < call.srcList.length; k++) {
105 |                         if (codeArray[j] == call.srcList[k]) {
106 |                             sent++;
107 |                             clients[i].socket.send(JSON.stringify(call));
108 |                             success = true;
109 |                             break;
110 |                         }
111 |                     }
112 |                     if (success) {
113 |                         break;
114 |                     }
115 |                 }
116 | 
117 | 
118 |             } else {
119 |                 var codeArray = clients[i].talkgroupNums;
120 |                 //console.log("Group Client: " + i + "\tCodes: " + codeArray + "\tTalkgroupNum: " + call.talkgroupNum);
121 |                 for (var j = 0; j < codeArray.length; ++j) {
122 |                     if (codeArray[j] == call.talkgroupNum) {
123 |                         console.log("[ " + i + " ] - Sending one filtered call");
124 |                         clients[i].socket.send(JSON.stringify(call));
125 |                         sent++
126 |                         break;
127 |                     }
128 |                 }
129 |             }
130 |         }
131 |     }
132 | 
133 |     if (sent > 0) {
134 |         console.log("Sent calls to " + sent + " clients, System: " + call.shortName.toLowerCase());
135 |     }
136 | }
137 | 
138 | function heartbeat() {
139 |     this.isAlive = true;
140 | }
141 | 
142 | clientWss.on('connection', function connection(ws, req) {
143 |     var client = {
144 |         socket: ws
145 |     };
146 |     clients.push(client);
147 | 
148 |     ws.isAlive = true;
149 |     ws.on('pong', heartbeat);
150 |     console.log((new Date()) + ' WebSocket Connection accepted.');
151 |     ws.on('message', function incoming(message) {
152 |         console.log("Got message: " + message);
153 |         try {
154 |             var data = JSON.parse(message);
155 |             if (typeof data.type !== "undefined") {
156 |                 if (data.type == 'add') {
157 | 
158 |                     var client = {
159 |                         socket: ws,
160 |                         code: null
161 |                     };
162 |                     clients.push(client);
163 |                     console.log("[ " + data.type + " ] Client added");
164 |                     if (srv){
165 |                       console.log("Sending Srv config: " + srv.config);
166 |                       ws.send(JSON.stringify(srv.config));
167 |                       console.log("Sent");
168 |                     }
169 |                     if (rec){
170 |                       console.log("Sending Recorders config: " + rec.config);
171 |                       ws.send(JSON.stringify(rec.config));
172 |                       console.log("Sent");
173 |                     }
174 |                 }
175 |                 var index = clients.indexOf(client);
176 |                 if (index != -1) {
177 | 
178 |                     clients[index].timestamp = new Date();
179 |                     console.log("[ " + data.type + " ] Client updated: " + index);
180 |                 } else {
181 |                     console.log("Error - WebSocket: Client not Found!");
182 |                 }
183 | 
184 |             }
185 | 
186 |         } catch (err) {
187 |             console.log("JSON PArsing Error: " + err);
188 |         }
189 |         console.log('Received Message: ' + message);
190 |     });
191 |     ws.on('close', function(reasonCode, description) {
192 |         console.log((new Date()) + ' Client ' + connection.remoteAddress + ' disconnected.');
193 |         console.log("code: " + reasonCode + " description: " + description);
194 |         for (var i = 0; i < clients.length; i++) {
195 |             // # Remove from our connections list so we don't send
196 |             // # to a dead socket
197 |             if (clients[i].socket == ws) {
198 |                 clients.splice(i);
199 |                 break;
200 |             }
201 |         }
202 |     });
203 | 
204 | });
205 | 
206 | serverWss.on('connection', function connection(ws, req) {
207 | 
208 | 
209 |     ws.isAlive = true;
210 |     ws.on('pong', heartbeat);
211 |     console.log((new Date()) + ' WebSocket Connection accepted.');
212 |     ws.on('message', function incoming(message) {
213 |         try {            var data = JSON.parse(message);
214 |             if (typeof data.type !== "undefined") {
215 | 
216 |                 if (data.type == 'config') {
217 | 
218 |                     srv = {
219 |                         socket: ws,
220 |                         config: data,
221 |                         timestamp: new Date()
222 |                     };
223 | 
224 |                     console.log("[ " + data.type + " ] Server Live - config rcv'd");
225 | 
226 |               } else if (data.type == 'calls_active') {
227 |                 console.log("[ " + data.type + " ] Server - calls_active message ");
228 |               } else if (data.type == 'rates') {
229 |                 console.log("[ " + data.type + " ] Server - rates message ");
230 |               } else if (data.type == 'recorders') {
231 | 
232 |                     rec = {
233 |                         socket: ws,
234 |                         config: data,
235 |                         timestamp: new Date()
236 |                     };
237 | 
238 |                 console.log("[ " + data.type + " ] Server - recorders message ");
239 |               } else if (data.type == 'recorder') {
240 |                 console.log("[ " + data.type + " ] Server - recorder message ");
241 |               } else {
242 |                 console.log("[ " + data.type + " ] Server - Unknown message type");
243 |               }
244 |             } else {
245 |               console.log("Server - Message type not defined");
246 |             }
247 |             clientWss.clients.forEach(function each(client) {
248 |               if (client.readyState === WebSocket.OPEN) {
249 |                 client.send(message);
250 |               }
251 |             });
252 |         } catch (err) {
253 |             console.log("JSON Parsing Error: " + err);
254 |         }
255 |         console.log('Received Message: ' + message);
256 |     });
257 |     ws.on('close', function(reasonCode, description) {
258 |         console.log((new Date()) + ' Server ' + connection.remoteAddress + ' disconnected.');
259 |         console.log("code: " + reasonCode + " description: " + description);
260 |         srv = null;
261 |     });
262 | 
263 | });
264 | 
265 | 
266 | server.listen(3010, function() {
267 |     console.log('Web interface is available at: ' + server.address().port + '...');
268 |     console.log('status socket address is probably: ws://localhost:' + server.address().port + '/server');
269 |     console.log(process.env)
270 | });
271 | 
272 | 
273 | module.exports = server;
274 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "socket-server",
 3 |   "version": "1.0.0",
 4 |   "description": "Sample for working with the Status Websocket with trunk-recorder",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "Luke Berndt",
10 |   "license": "ISC",
11 |   "dependencies": {
12 |     "body-parser": "1.17.2",
13 |     "csv": "1.1.1",
14 |     "express": "4.15.4",
15 |     "ws": "3.1.0"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 | <head>
  3 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
  5 |   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css"/>
  6 |   <style>
  7 |   </style>
  8 | </head>
  9 | 
 10 | 
 11 | <body>
 12 | <b>Recorders</b>
 13 | <div id="recorders">
 14 |   <table class="ui celled table">
 15 |   <thead>
 16 |     <tr><th>ID</th>
 17 |     <th>Type</th>
 18 |     <th>SrcNum</th>
 19 |     <th>RecNum</th>
 20 |     <th>Count</th>
 21 |     <th>Duration</th>
 22 |     <th>State</th>
 23 |     <th>Error</th>
 24 |     <th>Spike</th>
 25 |   </tr></thead>
 26 |   <tbody id="recorder-rows">
 27 |   </tbody>
 28 | </table>
 29 | </div>
 30 | 
 31 | <div class="ui divider"></div>
 32 | <b>Active Calls</b>
 33 | <div id="calls">
 34 |   <table class="ui celled table">
 35 |   <thead>
 36 |     <tr><th>Shortname</th>
 37 |     <th>SysNum</th>
 38 |     <th>Freq</th>
 39 |     <th>TG</th>
 40 |     <th>TG Tag</th>
 41 |     <th>Len (s)</th>
 42 |     <th>Conv</th>
 43 |     <th>P25P2</th>
 44 |     <th>Emergency</th>
 45 |   </tr></thead>
 46 |   <tbody id="call-rows">
 47 |   </tbody>
 48 | </table>
 49 | </div>
 50 | 
 51 | <div class="ui divider"></div>
 52 | <b>SysNum: Decode rate/s</b>
 53 | <div id="rates"></div>
 54 | <div class="ui divider"></div>
 55 | <div id="systems"></div>
 56 | <div class="ui divider"></div>
 57 | <div id="sources"></div>
 58 | 
 59 | </body>
 60 | <script>
 61 | function socketConnect(messageCallback){
 62 | if (!this._socket) {
 63 |     var protocol = "ws:";
 64 |     if (window.location.protocol === "https:") {
 65 |        protocol = "wss:";
 66 |     }
 67 | 
 68 |     this._socket = new WebSocket(protocol + "//" + window.location.host +"/client");
 69 |     if (typeof messageCallback === "function") {
 70 | 
 71 |         this._socket.onmessage = messageCallback.bind(this);
 72 |     }
 73 | 
 74 |     this._socket.onopen = function(e) {
 75 |         console.log('Socket Connected - sending add: ' + e);
 76 |         this._socket.send(JSON.stringify({
 77 |             type: 'add'
 78 |         }));
 79 |     }.bind(this);
 80 | } else {
 81 |     console.log('Socket Already Connected - sending update');
 82 |     this._socket.send(JSON.stringify({
 83 |         type: 'update'
 84 |     }));
 85 | }
 86 | }
 87 | 
 88 | function  statusAsString(x) {
 89 |     if (x == "0") {return "monitoring";}
 90 |     else if (x == "1") {return "recording";}
 91 |     else if (x == "2") {return "inactive";}
 92 |     else if (x == "3") {return "<b>active</b>";}
 93 |     else {return "undefined";}
 94 | }
 95 | 
 96 | var recArray = [];
 97 | var recsArray = [];
 98 | var recidx = 0;
 99 | 
100 | function updateRecList(data) {
101 |    if (data.type == "recorders") {
102 |       recsArray = Object.values(data.recorders);   // copy recorders object into an array
103 |    }
104 | 
105 |    else if (data.type == "recorder") {
106 |       recArray = Object.values(data);   // copy recorder object into an array
107 |       var f = -1;      
108 |       for ( recidx = 0; recidx < recsArray.length; recidx++) {   // find the matching recorder
109 |           f = recsArray[recidx].id.indexOf(recArray[0].id);
110 |           console.log("* within for-loop recsArray[recidx].id " + recsArray[recidx].id);
111 |           console.log("* within for-loop recArray[0].id " + recArray[0].id);
112 |           console.log("* within for-loop recidx " + recsArray[recidx].id.indexOf(recArray[0].id));
113 |           if (f  > -1) break;
114 |       }
115 | 
116 |       // update with new values
117 |       recsArray[recidx].count = recArray[0].count; 
118 |       recsArray[recidx].duration = recArray[0].duration; 
119 |       recsArray[recidx].state = recArray[0].state; 
120 |       recsArray[recidx].status_error = recArray[0].status_error; 
121 |       recsArray[recidx].status_spike = recArray[0].status_spike; 
122 | 
123 |    }
124 | }
125 | 
126 | 
127 | function messageHandler(e) {
128 |   console.log("Got message: " + e.data);
129 |   try {
130 |     /*
131 |     "freq": "770468750",
132 | "sysNum": "0",
133 | "shortName": "dcfd",
134 | "talkgroup": "11035",
135 | "elasped": "38",
136 | "length": "38",
137 | "state": "0",
138 | "phase2": "true",
139 | "conventional": "false",
140 | "encrypted": "true",
141 | "emergency": "true",
142 | "startTime": "1504061548",
143 | "freqList": [
144 |     {
145 |         "freq": "770468750",
146 |         "time": "1504061548"
147 |     }
148 | ]*/
149 |       var data = JSON.parse(e.data);
150 |       if (typeof data.type !== "undefined") {
151 |           if (data.type == 'calls_active') {
152 |             $("#call-rows").empty();
153 |             for (var i = 0; i < data.calls.length; i++) {
154 |               var row = $("<tr><td>" + data.calls[i].shortName + "</td><td>"
155 |               + data.calls[i].sysNum + "</td><td>"
156 |               + data.calls[i].freq + "</td><td>"
157 |               + data.calls[i].talkgroup + "</td><td>"
158 |               + data.calls[i].talkgrouptag + "</td><td>"
159 |               + Math.floor(parseFloat(data.calls[i].length)) + "</td><td>"
160 |               + data.calls[i].conventional + "</td><td>"
161 |               + data.calls[i].phase2 + "</td><td>"
162 |               + data.calls[i].emergency + "</td></tr>");
163 | 
164 |               $("#call-rows").append(row);
165 |             }
166 |           }
167 |           if (data.type == 'recorders' || 'recorder') {
168 |             updateRecList(data);
169 |             $("#recorder-rows").empty();
170 |             for (var i = 0; i <  recsArray.length; i++) {
171 |               var row = $("<tr><td>" + recsArray[i].id + "</td><td>"
172 |               + recsArray[i].type + "</td><td>"
173 |               + recsArray[i].srcNum + "</td><td>"
174 |               + recsArray[i].recNum + "</td><td>"
175 |               + recsArray[i].count + "</td><td>"
176 |               + Math.floor(parseFloat(recsArray[i].duration)) + "</td><td>"
177 |               + statusAsString(recsArray[i].state) + "</td><td>"
178 |               + recsArray[i].status_error + "</td><td>"
179 |               + recsArray[i].status_spike + "</td></tr>");
180 | 
181 |               $("#recorder-rows").append(row);
182 |             }
183 |           }
184 |           if (data.type == 'rates') {
185 |             var rates = data.rates;
186 |             var rateHtml = $('<div class="ui bulleted list"/>');
187 |             for (var id in rates) {
188 |                 if (rates.hasOwnProperty(id)) {
189 |                     rateHtml.append("<div class=item>" + id + ": " + Math.floor(parseFloat(rates[id].decoderate)) + "</div>");
190 | 
191 |                 }
192 |             }
193 |             $("#rates").empty();
194 |             $("#rates").html(rateHtml);
195 |           }
196 |           if (data.type == 'config') {
197 | 
198 |             $("#systems").empty();
199 |             $("#sources").empty();
200 | 
201 |             for (var i = 0; i < data.systems.length; i++) {
202 |               var sysHtml = $("<div class='source ui cards'/>");
203 |               var groupHtml = '<div class="ui card"><div class="content"><div class="header">System</div>' +
204 |               '<div class="ui bulleted list">'+
205 |               "<div class=item>Short Name: " + data.systems[i].shortName + "</div>" +
206 |               "<div class=item>System Type: " + data.systems[i].systemType + "</div>" +
207 |               "<div class=item>Control Channels: " + data.systems[i].channels + "</div>" +
208 |               "<div class=item>Talkgroup File: " + data.systems[i].talkgroupsFile + "</div>" +
209 |               "</div></div></div>";
210 | 
211 |               sysHtml.append(groupHtml);
212 | 
213 |               groupHtml = '<div class="ui card"><div class="content"><div class="header">Recording</div>' +
214 |               '<div class="ui bulleted list">'+
215 |               "<div class=item>Audio Archive: " + data.systems[i].audioArchive + "</div>" +
216 |               "<div class=item>Call Log: " + data.systems[i].callLog + "</div>" +
217 |               "<div class=item>Record Unknown: " + data.systems[i].recordUnkown + "</div>" +
218 |               "<div class=item>Upload Script: " + data.systems[i].uploadScript + "</div>" +
219 |               "</div></div></div>";
220 | 
221 |               sysHtml.append(groupHtml);
222 | 
223 |               $("#systems").append('<h2 class="ui header">System ' + data.systems[i].sysNum  + '</h2>');
224 |               $("#systems").append(sysHtml);
225 |             }
226 |             for (var i = 0; i < data.sources.length; i++) {
227 |               var srcHtml = $("<div class='source ui cards'/>");
228 |               var groupHtml = '<div class="ui card"><div class="content"><div class="header">Levels</div>' +
229 |               '<div class="ui bulleted list">'+
230 |                "<div class=item>Analog Levels: " + data.sources[i].analog_levels + "</div>" +
231 |               "<div class='item'>Digital Levels: " + data.sources[i].digital_levels + "</div>" +
232 |               "<div class='item'>Squelch DB: " + data.sources[i].squelch_db + "</div>" +
233 |               "<div class='item'>Silence Frames: " + data.sources[i].silence_frames + "</div>" +
234 |               "</div></div></div>";
235 | 
236 |               srcHtml.append(groupHtml);
237 | 
238 |               groupHtml = '<div class="ui card"><div class="content"><div class="header">Recorders</div>' +
239 |               '<div class="ui bulleted list">'+
240 |               "<div class='item'>Analog Recorders: " + data.sources[i].analog_recorders + "</div>" +
241 |               "<div class='item'>Digital Recorders: " + data.sources[i].digital_recorders + "</div>" +
242 |               "<div class='item'>Debug Recorders: " + data.sources[i].debug_recorders + "</div>"  +
243 |               "</div></div></div>";
244 |               srcHtml.append(groupHtml);
245 | 
246 |               groupHtml = '<div class="ui card"><div class="content"><div class="header">Device and Tuning</div>' +
247 |               '<div class="ui bulleted list">'+
248 |               "<div class='item'>Driver: " + data.sources[i].driver + "</div>" +
249 |               "<div class='item'>Device: " + data.sources[i].device + "</div>" +
250 |               "<div class='item'>Antenna: " + data.sources[i].antenna + "</div>" +
251 |               "<div class='item'>Center Frequency (Hz): " + data.sources[i].center + "</div>" +
252 |               "<div class='item'>Tuning Error (Hz): " + data.sources[i].error + "</div>" +
253 |               "<div class='item'>Sampling Rate: " + data.sources[i].rate + "</div>" +
254 |               "<div class='item'>Min Tunable Freq (Hz): " + data.sources[i].min_hz + "</div>" +
255 |               "<div class='item'>Max Tunable Freq (Hz): " + data.sources[i].max_hz + "</div>" +
256 |               "<div class='item'>QPSK modulation: " + data.sources[i].qpsk + "</div>"  +
257 |               "</div></div></div>";
258 |               srcHtml.append(groupHtml);
259 | 
260 |               groupHtml = '<div class="ui card"><div class="content"><div class="header">Gain</div>' +
261 |               '<div class="ui bulleted list">'+
262 |               "<div class='item'>BB Gain: " + data.sources[i].bb_gain + "</div>" +
263 |               "<div class='item'>Gain: " + data.sources[i].gain + "</div>" +
264 |               "<div class='item'>IF Gain: " + data.sources[i].if_gain + "</div>" +
265 |               "<div class='item'>LNA Gain: " + data.sources[i].lna_gain + "</div>" +
266 |               "<div class='item'>Mix Gain: " + data.sources[i].mix_gain + "</div>" +
267 |               "</div></div></div>";
268 |               srcHtml.append(groupHtml);
269 | 
270 |               $("#sources").append('<h2 class="ui header">Source ' + i + '</h2>');
271 |               $("#sources").append(srcHtml);
272 |             }
273 |           }
274 |       } else {
275 | 
276 |       }
277 |     } catch (err) {
278 |         console.log("JSON Parsing Error: " + err);
279 |     }
280 |     console.log('Received Message: ' + e.data);
281 | }
282 | 
283 | window.onload = function() {
284 |   socketConnect(messageHandler);
285 | }
286 | </script>
287 | </html>
288 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TrunkRecorder/trunk-recorder-status-server/034a6c4057111725ef6e1a856b978f9005dc2ec7/screenshot.png


--------------------------------------------------------------------------------