From 9a49b48f4ce226af40c3d91eff8e19b009e1a730 Mon Sep 17 00:00:00 2001 From: "Hansi, dl9rdz" Date: Wed, 27 Jan 2021 22:49:40 +0100 Subject: [PATCH] useClearTextTraffic:true --- config.xml | 10 +++++- www/css/index.css | 10 ++++++ www/img/ballon.png | Bin 566 -> 1300 bytes www/index.html | 2 +- www/js/index.js | 82 +++++++++++++++++++++++++++++++++------------ 5 files changed, 81 insertions(+), 23 deletions(-) diff --git a/config.xml b/config.xml index 87fb134..5ff2030 100644 --- a/config.xml +++ b/config.xml @@ -1,5 +1,6 @@ - + rdzSondyGO A sample Apache Cordova application that uses rdzwx-plugin. @@ -22,6 +23,10 @@ + + + + @@ -31,4 +36,7 @@ + + + diff --git a/www/css/index.css b/www/css/index.css index 5575993..7901f15 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -98,6 +98,16 @@ html, body { color: #008cba; } +.infocontent .lifenessinfo { + color: #ff0000; +} +.infocontent-status0 .lifenessinfo { + color: #00ff00; +} +.infocontent-status2 .lifenessinfo { + color: #ffff00; +} + @media (orientation: portrait) { .infotable { width: 75vw; diff --git a/www/img/ballon.png b/www/img/ballon.png index 568d0e771e2342b70a6d87d10bcf1ea4a3dd0bbc..797fae3fa69426fe92b7a337f5834ca75b7a6905 100644 GIT binary patch delta 1288 zcmV+j1^4>41e6LhiBL{Q4GJ0x0000DNk~Le0000$0000$2nGNE0IF$m-T(jq24YJ` zL;(K){{a7>y{D6rAs&C_0U8l14{E8VBme*ep-DtRRCwC$n$J%oWf;dl!;b})Ee;xl zV$7CgEm=%(c1t*TX-Q1R~4CQvVJLpQjvu&;+sp=Dd>v@_Ed`c0lpr=7O%_xnEY^S*!2^S;nR3oTq_NKX8T z01u!T_8uUYc{BrT02-i4pf|0u0u%v@0ulm5m9{M)EFjP-DGu#Lrq-l#eCO1VNDtYSFVnO=lP#H#)=ojT?X%zE{4Vf36T7cJZ)N z^4?Dz0EI1NvKW8Ca!SetPiF>{bd^vqK$+?_Cd&D?i(4q^92rBC~Fvw}SWC}lr! zwS%`iN6_7QdJphUSMJ^l?7qm^*7IVkq>Z%*V5GFgJ^8T=zFunyR^mbKPPlvh^u6pc ztYlBkj%k0;NJ*pkdSPauxB-oXy<=Va;ExgOhrrB0uD2VNcpiQ2x-CP1nSo1L603L` zlqNT0O~OgDa~+Ur0s%Jc6hLbN0b+Iv@U+q0Uz*(1?G&KVRMtL0g(dV1aHrNSbjc!52vcI`R>Of~@d}@0Q-? z-#IIO)3OsH^E~j(^B{o*JGK`u$0sbC@+>|gv!(!va&CN+os+GyfU(niK2skW-a?Pk zfjiZ1ggS(^X;>3Mz7b(Q5ouhOMEt*aEB${N3kuDEe;8b}Vaf~AOfXJxSVexCW`so| z%+jnd&JWdcOfF2bqXrS4IMF_*PKwG#`mAKmDJgjjOZWF@`qOFq4?8&R2@C!G>D83KQK zghHW`NmGd|Z$wp9N8G>7;gK-M#Z~3UPLX%q0}L-HdAihquBz&YlkIWZ15i~}15|)i zDn&AxB$Y}PdI* z^=OAwF9CjD{_06rSC2e?t7ql6KmSbgzxnz#ef+}($3^Iw|bBy y3E=*f83K)hD=$FZhQJR$u20cI3oW!zXZ#OLa8T|eao02C+Z3%CM`aZNx8)C7D18G$u{>cKo?AHfx% z0jLn0n8L_H4s8^@5LhuF{7Z6y)#^DuHbTx5VGSi|KB4IlF*D?wWhZ`5@hr^8IRQ1# zz;kGGi`OW6xV*`1dxH`YGwKIjDhHeapmYo_9)-db*wabLqXT0ToBTnbbCr(H6+b~2cN03b4fXc7XW{4UA?>ww38Rlfa}ooeM1 zz{@?QZq3!?_9+o7KmMx}k91{gP90S28i{HFh$#?aj}+dnT{V&}hWF+Lms>8+1-4V6 zc_mM|>18y#?ab2b)_5R3C23&~wct~dyFBv8*n&#tr zy}o(qn*dy2`0kvxiW<;f#-nDE?0o(b4F*3q{ - Hello World + rdzSondyGO V1.0.1
diff --git a/www/js/index.js b/www/js/index.js index adbbd19..2594a91 100644 --- a/www/js/index.js +++ b/www/js/index.js @@ -33,7 +33,8 @@ var myposMarker = null; var ballonIcon, landIcon; var infobox = null; -var checkMark = "✅"; +//var checkMark = "✅"; +var checkMark = "✔"; var crossMark = "❌"; // add "bottom center" to leaflet @@ -63,6 +64,7 @@ function onDeviceReady() { tfatlas = L.tileLayer('https://{s}.tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey=' + tfapikey, {attribution: '© Thunderforest, © OpenStreetMap'}), opentopo = L.tileLayer('https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', {attribution: 'Kartendaten: © OpenStreetMap-Mitwirkende, SRTM | Kartendarstellung: © OpenTopoMap (CC-BY-SA)'}), sat = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'}), + offline = L.tileLayer('file:///android_asset/www/tiles/{z}/{x}/{y}.png', {attribution: '© OpenStreetMap', maxNativeZoom: 14} ); Stamen_TonerHybrid = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner-hybrid/{z}/{x}/{y}{r}.{ext}', { attribution: 'Map tiles by Stamen Design, CC BY 3.0 — Map data © OpenStreetMap contributors', subdomains: 'abcd', @@ -87,7 +89,8 @@ function onDeviceReady() { "OpenCycleMap": tfcycle, "OpenTopoMap" : opentopo, "Sat": sat, - "Hybdir": hybrid, + "Hybdir": hybrid + }; var baseMapControl = new L.control.layers(baseMaps, {}, { collapsed: true, position: 'topright' } ).addTo(map); @@ -147,14 +150,19 @@ function onDeviceReady() { if(this._contentShown == false) { this._showContent(); } else { this._hideContent(); } }, setContent: function(obj) { + //alert(JSON.stringify(obj)); if(!this._infoContentContainer) return; if(obj.type == null) obj.type = "RS41"; // TODO fix in plugin - distance = L.latLng(obj).distanceTo(L.latLng(mypos)) - if(distance>9999) { distance = distance.toFixed(0); } - else { distance = distance.toFixed(1); } - distance = "d=" + distance + "m"; - l1 = "
" + obj.type + "" + obj.ser + "
"; - l2 = "
" + obj.freq.toFixed(3) + " MHz " + (0.001*obj.afc).toFixed(2) + " kHz
"; + distance = ""; + if(obj.validPos) { + distance = L.latLng(obj).distanceTo(L.latLng(mypos)) + if(distance>9999) { distance = distance.toFixed(0); } + else { distance = distance.toFixed(1); } + distance = "d=" + distance + "m"; + } + sym = "⬤ "; + l1 = "
" + sym + obj.type + "" + obj.ser + "
"; + l2 = "
" + (1*obj.freq).toFixed(3) + " MHz " + (0.001*obj.afc).toFixed(2) + " kHz
"; l3 = "
" + obj.alt.toFixed(0) + "m" + obj.vs + "m/s " + (obj.hs*3.6).toFixed(1) + "km/h
"; l4 = "
RSSI: " + -0.5*obj.rssi + " " + distance + "
"; this._infoContentL1.innerHTML = l1; @@ -162,6 +170,9 @@ function onDeviceReady() { this._infoContentL3.innerHTML = l3; this._infoContentL4.innerHTML = l4; }, + setStatus: function(status) { // 0: rx, 1=to, 2=err, ... + L.DomUtil.setClass(this._infoContentL1, "infocontent infocontentl1 infocontent-status"+status); + }, _hideContent: function(ev) { this._infoBody.style.display = 'none'; this._infoCloseButton.style.display = 'none'; @@ -197,10 +208,10 @@ function onDeviceReady() { ttgourl: "http://192.168.42.1", states: [{ stateName: 'offline', icon: '' + crossMark + '' - //, onClick: function(btn, map) { btn.state('online'); } + , onClick: function(btn, map) { btn.state('online'); } }, { stateName: 'online', - icon: '' + checkMark + '', + icon: '' + checkMark + '', onClick: function(btn, map) { cordova.InAppBrowser.open(btn.ttgourl, '_blank', "location=yes"); } } ], @@ -213,9 +224,9 @@ function onDeviceReady() { ballonIcon = L.icon({ iconUrl: "img/ballon.png", - iconSize: [17,22], - iconAnchor: [9,22], - popupAnchor: [0,-28] + iconSize: [32,32], + iconAnchor: [16,32], + popupAnchor: [0,-32] }); landingIcon = L.icon({ iconUrl: "img/landing.png", @@ -225,9 +236,10 @@ function onDeviceReady() { }); ready = 1; RdzWx.start("testarg", callBack); + setInterval(periodicStatusCheck, 1000); // just for testing - update( {id: "A1234567", lat: 48, lon: 13, alt: 10000, vs: 10, hs: 30, rssi: -90, rxStat: "||||||||||||....", type: "RS41", freq: "400.000", afc: "+1.2", ser: "A1234567"} ); + update( {res: 0, validId: 1, validPos: 1, id: "A1234567", lat: 48, lon: 13, alt: 10000, vs: 10, hs: 30, rssi: -90, rxStat: "||||||||||||....", type: "RS41", freq: "400.000", afc: "+1.2", ser: "A1234567"} ); updateMypos(mypos); } @@ -297,7 +309,10 @@ function getPrediction() { const url = TAWHIRI + formatParams(tParams); xhr.onreadystatechange = function() { if(xhr.readyState === 4) { - console.log(xhr.response); + if( (xhr.status/100)!=2 ) { + alert("Request failed: "+xhr.statusText); + return; + } var pred = JSON.parse(xhr.response); var traj0 = pred.prediction[0].trajectory; // 0 is ascent, 1 is descent... var traj1 = pred.prediction[1].trajectory; // 0 is ascent, 1 is descent... @@ -338,9 +353,9 @@ function callBack(arg) { return; } console.log("callback: "+JSON.stringify(arg)); - if(obj.id || obj.msgtype) { - update(obj); - } + //if(obj.res || obj.msgtype) { + update(obj); + //} } function updateMypos(obj) { @@ -356,12 +371,25 @@ function updateMypos(obj) { } } +var lastMsgTS = 0; + +function periodicStatusCheck() { + now = new Date(); + if( lastMsgTS && (now-lastMsgTS) > 5000 ) { + // handle connection broken (if still connnected) + //alert("Closing conn: "+now+" vs "+lastMsgTS); + console.log("no data for 5 seconds, closing connection to rdzTTGOsonde"); + RdzWx.closeconn("", function(){}); + } +} + function update(obj) { - console.log("update called"); if(!ready || !map) { console.log("not ready"); return; } + lastMsgTS = new Date(); + console.log("update: "+lastMsgTS); if(obj.msgtype) { if(obj.msgtype == "ttgostatus") { ttgoStatus.ttgourl = 'http://' + obj.ip; @@ -370,10 +398,23 @@ function update(obj) { if(obj.msgtype == "gps") { updateMypos(obj); } + console.log("update: type="+obj.msgtype); return; } + // position update + console.log("Pos update: "+JSON.stringify(obj)); + infobox.setContent(obj); + infobox.setStatus(obj.res); + if( (!obj.validId) || (!obj.validPos) || (obj.res!=0) ) { + // no valid pos... + // res: 1=Timeout, 2=CRC error, 3=unknown, 4=no position + console.log("valid: "+(!obj.validId)+" validPos: "+(!obj.validPos)+" res: "+(obj.res!=0)); + console.log("update with no valid pos"); + return; + } lastObj.obj = obj; + console.log("Good update!"); var pos = new L.LatLng(obj.lat, obj.lon); var marker; var tooltip; @@ -392,14 +433,13 @@ function update(obj) { markers[obj.id] = marker; marker.addTo(map); poly.addTo(map); - tooltip = L.tooltip({ direction: 'right', permanent: true, className: 'sondeTooltip', offset: [10,0], interactive: false, opacity: 0.6 }); + tooltip = L.tooltip({ direction: 'right', permanent: true, className: 'sondeTooltip', offset: [10,-16], interactive: false, opacity: 0.6 }); marker.bindTooltip(tooltip); marker.tt = tooltip; marker.vsavg = obj.vs; } var tt = '
' + obj.id + '
' + obj.alt + 'm '+ obj.vs +'m/s ' + (obj.hs*3.6).toFixed(1) + 'km/h
'; tooltip.setContent(tt); - infobox.setContent(obj); marker.setLatLng(pos); marker.update(); // necessary?