196 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			196 lines
		
	
	
		
			12 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE HTML>
 | |
| <!--
 | |
| 
 | |
|     This file is part of OpenWebRX,
 | |
|     an open-source SDR receiver software with a web UI.
 | |
|     Copyright (c) 2013-2015 by Andras Retzler <randras@sdr.hu>
 | |
|     Copyright (c) 2019-2021 by Jakob Ketterl <dd5jfk@darc.de>
 | |
| 
 | |
|     This program is free software: you can redistribute it and/or modify
 | |
|     it under the terms of the GNU Affero 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 Affero General Public License for more details.
 | |
| 
 | |
|     You should have received a copy of the GNU Affero General Public License
 | |
|     along with this program.  If not, see <http://www.gnu.org/licenses/>.
 | |
| 
 | |
| -->
 | |
| <html>
 | |
|     <head>
 | |
|         <title>OpenWebRX | Open Source SDR Web App for Everyone!</title>
 | |
|         <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico" />
 | |
|         <script src="compiled/receiver.js"></script>
 | |
|         <link rel="stylesheet" type="text/css" href="static/lib/nanoscroller.css" />
 | |
|         <link rel="stylesheet" type="text/css" href="static/css/openwebrx.css" />
 | |
|         <meta charset="utf-8">
 | |
|         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 | |
|         <meta name="theme-color" content="#222" />
 | |
|     </head>
 | |
|     <body onload="openwebrx_init();">
 | |
| <div id="webrx-page-container">
 | |
|     ${header}
 | |
|     <div id="openwebrx-frequency-container">
 | |
|         <div id="openwebrx-bookmarks-container"></div>
 | |
|         <div id="openwebrx-scale-container">
 | |
|             <canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div id="webrx-canvas-background">
 | |
|         <div id="webrx-canvas-container">
 | |
|             <!-- add canvas here by javascript -->
 | |
|         </div>
 | |
|     </div>
 | |
|     <div id="openwebrx-panels-container">
 | |
|         <div id="openwebrx-panels-container-left">
 | |
|             <div class="openwebrx-panel" data-panel-name="client-under-devel" style="width: 245px; background-color: Red;">
 | |
|                 <span style="font-size: 15pt; font-weight: bold;">Under construction</span>
 | |
|                 <br />We're working on the code right now, so the application might fail.
 | |
|             </div>
 | |
|             <div class="openwebrx-panel" id="openwebrx-panel-digimodes" style="display: none; width: 619px;" data-panel-name="digimodes">
 | |
|                 <div id="openwebrx-digimode-canvas-container">
 | |
|                     <div id="openwebrx-digimode-select-channel"></div>
 | |
|                 </div>
 | |
|                 <div id="openwebrx-digimode-content-container">
 | |
|                     <div class="gradient"></div>
 | |
|                     <div id="openwebrx-digimode-content">
 | |
|                         <span id="openwebrx-cursor-blink"></span>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-wsjt-message" style="display: none; width: 619px;" data-panel-name="wsjt-message"></div>
 | |
|             <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-js8-message" style="display:none; width: 619px;" data-panel-name="js8-message"></div>
 | |
|             <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-packet-message" style="display: none; width: 619px;" data-panel-name="aprs-message"></div>
 | |
|             <div class="openwebrx-panel openwebrx-message-panel" id="openwebrx-panel-pocsag-message" style="display: none; width: 619px;" data-panel-name="pocsag-message"></div>
 | |
|             <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-ysf" style="display: none;" data-panel-name="metadata-ysf">
 | |
|                 <div class="openwebrx-meta-slot">
 | |
|                     <div class="openwebrx-ysf-mode"></div>
 | |
|                     <div class="openwebrx-meta-user-image"></div>
 | |
|                     <div class="openwebrx-ysf-source"><span class="location"></span><span class="callsign"></span></div>
 | |
|                     <div class="openwebrx-ysf-up"></div>
 | |
|                     <div class="openwebrx-ysf-down"></div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-dmr" style="display: none;" data-panel-name="metadata-dmr">
 | |
|                 <div class="openwebrx-meta-slot openwebrx-dmr-timeslot-panel">
 | |
|                     <div class="openwebrx-dmr-slot">Timeslot 1</div>
 | |
|                     <div class="openwebrx-meta-user-image"></div>
 | |
|                     <div class="openwebrx-dmr-id"></div>
 | |
|                     <div class="openwebrx-dmr-name"></div>
 | |
|                     <div class="openwebrx-dmr-target"></div>
 | |
|                 </div>
 | |
|                 <div class="openwebrx-meta-slot openwebrx-dmr-timeslot-panel">
 | |
|                     <div class="openwebrx-dmr-slot">Timeslot 2</div>
 | |
|                     <div class="openwebrx-meta-user-image"></div>
 | |
|                     <div class="openwebrx-dmr-id"></div>
 | |
|                     <div class="openwebrx-dmr-name"></div>
 | |
|                     <div class="openwebrx-dmr-target"></div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="openwebrx-panel" id="openwebrx-panel-log" data-panel-name="debug" style="width: 619px;">
 | |
|                 <div class="openwebrx-panel-inner nano" id="openwebrx-log-scroll">
 | |
|                     <div class="nano-content">
 | |
|                         <div id="openwebrx-client-log-title">OpenWebRX client log</div>
 | |
|                         <div>
 | |
|                             Author contact: <a href="http://www.justjakob.de/" target="_blank">Jakob Ketterl, DD5JFK</a> |
 | |
|                             <a href="https://www.openwebrx.de" target="_blank">OpenWebRX homepage</a>
 | |
|                         </div>
 | |
|                         <div>Support and information: <a href="https://groups.io/g/openwebrx" target="_blank">Groups.io Mailinglist</a></div>
 | |
|                         <div id="openwebrx-debugdiv"></div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|             <div class="openwebrx-panel" id="openwebrx-panel-status" data-panel-name="status" style="width: 615px;" data-panel-transparent="true">
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-audio-buffer" data-type="audiobuffer"></div>
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-audio-output" data-type="audiooutput"></div>
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-audio-speed" data-type="audiospeed"></div>
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-network-speed" data-type="networkspeed"></div>
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-server-cpu" data-type="cpu"></div>
 | |
|                 <div class="openwebrx-progressbar" id="openwebrx-bar-clients" data-type="clients"></div>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div id="openwebrx-panels-container-right">
 | |
|             <div class="openwebrx-panel" id="openwebrx-panel-receiver" data-panel-name="client-params" style="width: 259px;">
 | |
|                 <div class="openwebrx-panel-line frequencies-container">
 | |
|                     <div class="frequencies">
 | |
|                         <div class="webrx-actual-freq"></div>
 | |
|                         <div class="webrx-mouse-freq"></div>
 | |
|                     </div>
 | |
|                     <div class="openwebrx-button openwebrx-square-button openwebrx-bookmark-button" style="display:none;" title="Add bookmark...">
 | |
|                         <span class="sprite sprite-bookmark"></span>
 | |
|                     </div>
 | |
|                 </div>
 | |
|                 <div class="openwebrx-panel-line">
 | |
|                     <select id="openwebrx-sdr-profiles-listbox" onchange="sdr_profile_changed();">
 | |
|                     </select>
 | |
|                 </div>
 | |
|                 <div class="openwebrx-modes openwebrx-panel-line"></div>
 | |
|                 <div class="openwebrx-panel-line">
 | |
|                     <div title="Mute on/off" class="openwebrx-button openwebrx-mute-button" onclick="toggleMute();"><span class="sprite sprite-speaker openwebrx-sliderbtn-img"></span></div>
 | |
|                     <input title="Volume" id="openwebrx-panel-volume" class="openwebrx-panel-slider" type="range" min="0" max="150" value="50" step="1" onchange="updateVolume()" oninput="updateVolume()">
 | |
|                     <div title="Auto-adjust waterfall colors (right-click for continuous)" id="openwebrx-waterfall-colors-auto" class="openwebrx-button"><span class="sprite sprite-waterfall-auto openwebrx-sliderbtn-img"></span></div>
 | |
|                     <input title="Waterfall minimum level" id="openwebrx-waterfall-color-min" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(0);" oninput="updateVolume()">
 | |
|                 </div>
 | |
|                 <div class="openwebrx-panel-line">
 | |
|                     <div title="Auto-set squelch level" class="openwebrx-squelch-auto openwebrx-button"><span class="sprite sprite-squelch openwebrx-sliderbtn-img"></span></div>
 | |
|                     <input title="Squelch" class="openwebrx-squelch-slider openwebrx-panel-slider" type="range" min="-150" max="0" value="-150" step="1">
 | |
|                     <div title="Set waterfall colors to default" id="openwebrx-waterfall-colors-default" class="openwebrx-button" onclick="waterfallColorsDefault()"><span class="sprite sprite-waterfall-default openwebrx-sliderbtn-img"></span></div>
 | |
|                     <input title="Waterfall maximum level" id="openwebrx-waterfall-color-max" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(1);" oninput="updateVolume()">
 | |
|                 </div>
 | |
|                 <div class="openwebrx-panel-line">
 | |
|                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomInOneStep();"  title="Zoom in one step"><span class="sprite sprite-zoom-in"></span></div>
 | |
|                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutOneStep();" title="Zoom out one step"><span class="sprite sprite-zoom-out"></span></div>
 | |
|                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomInTotal();"  title="Zoom in totally"><span class="sprite sprite-zoom-in-total"></span></div>
 | |
|                     <div class="openwebrx-button openwebrx-square-button" onclick="zoomOutTotal();" title="Zoom out totally"><span class="sprite sprite-zoom-out-total"></span></div>
 | |
|                     <div id="openwebrx-smeter-db">0 dB</div>
 | |
|                 </div>
 | |
|                 <div class="openwebrx-panel-line">
 | |
|                     <div id="openwebrx-smeter">
 | |
|                         <div class="openwebrx-smeter-bar"></div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </div>
 | |
|     </div>
 | |
| </div>
 | |
|     <div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">
 | |
|         <div class="overlay-content">
 | |
|             <img id="openwebrx-play-button" src="static/gfx/openwebrx-play-button.png" />
 | |
|             <div>Start OpenWebRX</div>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;">
 | |
|         <div class="overlay-content">
 | |
|             <div>This receiver is currently unavailable due to technical issues.</div>
 | |
|             <div>Error Message:</div>
 | |
|             <div class="errormessage"></div>
 | |
|         </div>
 | |
|     </div>
 | |
|     <div id="openwebrx-dialog-bookmark" class="openwebrx-dialog" style="display:none;">
 | |
|         <form>
 | |
|             <div class="form-field">
 | |
|                 <label for="name">Name:</label>
 | |
|                 <input type="text" id="name" name="name" required="required">
 | |
|             </div>
 | |
|             <div class="form-field">
 | |
|                 <label for="frequency">Frequency:</label>
 | |
|                 <input type="number" id="frequency" name="frequency">
 | |
|             </div>
 | |
|             <div class="form-field">
 | |
|                 <label for="modulation">Modulation:</label>
 | |
|                 <select name="modulation" id="modulation"></select>
 | |
|             </div>
 | |
|             <div class="buttons">
 | |
|                 <div class="openwebrx-button" data-action="cancel">Cancel</div>
 | |
|                 <div class="openwebrx-button" data-action="submit">Ok</div>
 | |
|             </div>
 | |
|             <input type="submit" style="display:none;">
 | |
|         </form>
 | |
|     </div>
 | |
|     </body>
 | |
| </html>
 | 
