@@ -67,56 +67,67 @@ TABS.gps.initialize = function (callback) {
6767 $ ( '.GPS_info td.distToHome' ) . text ( FC . GPS_DATA . distanceToHome + ' m' ) ;
6868
6969 // Update GPS Signal Strengths
70- const eSsTable = $ ( 'div.GPS_signal_strength table tr:not(.titles)' ) ;
71-
70+ const eSsTable = $ ( 'div.GPS_signal_strength table' ) ;
71+
72+ eSsTable . html ( '' ) ;
73+ eSsTable . append ( `
74+ <tr class="titles">
75+ <td style="width: 12%;" i18n="gpsSignalGnssId">${ i18n . getMessage ( 'gpsSignalGnssId' ) } </td>
76+ <td style="width: 10%;" i18n="gpsSignalSatId">${ i18n . getMessage ( 'gpsSignalSatId' ) } </td>
77+ <td style="width: 25%;" i18n="gpsSignalStr">${ i18n . getMessage ( 'gpsSignalStr' ) } </td>
78+ <td style="width: 53%;" i18n="gpsSignalStatusQly">${ i18n . getMessage ( 'gpsSignalStatusQly' ) } </td>
79+ </tr>
80+ ` ) ;
7281 if ( FC . GPS_DATA . chn . length <= 16 ) {
7382 // Legacy code path: old BF firmware or old ublox module
7483 for ( let i = 0 ; i < FC . GPS_DATA . chn . length ; i ++ ) {
75- const row = eSsTable . eq ( i ) ;
76-
77- $ ( 'td' , row ) . eq ( 0 ) . text ( '-' ) ;
78- $ ( 'td' , row ) . eq ( 1 ) . text ( FC . GPS_DATA . svid [ i ] ) ;
79- $ ( 'td' , row ) . eq ( 2 ) . find ( 'progress' ) . val ( FC . GPS_DATA . cno [ i ] ) ;
80- $ ( 'td' , row ) . eq ( 3 ) . text ( FC . GPS_DATA . quality [ i ] ) ;
84+ eSsTable . append ( `
85+ <tr>
86+ <td>-</td>
87+ <td>${ FC . GPS_DATA . svid [ i ] } </td>
88+ <td><progress value="${ FC . GPS_DATA . cno [ i ] } " max="99"></progress></td>
89+ <td>${ FC . GPS_DATA . quality [ i ] } </td>
90+ </tr>
91+ ` ) ;
8192 }
8293 // Cleanup the rest of the table
8394 for ( let i = FC . GPS_DATA . chn . length ; i < 32 ; i ++ ) {
84- const row = eSsTable . eq ( i ) ;
85-
86- $ ( 'td' , row ) . eq ( 0 ) . text ( '-' ) ;
87- $ ( 'td' , row ) . eq ( 1 ) . text ( '-' ) ;
88- $ ( 'td' , row ) . eq ( 2 ) . find ( 'progress' ) . val ( 0 ) ;
89- $ ( 'td' , row ) . eq ( 3 ) . text ( ' ' ) ;
95+ eSsTable . append ( `
96+ <tr>
97+ <td>-</td>
98+ <td>-</td>
99+ <td><progress value="0" max="99"></progress></td>
100+ <td> </td>
101+ </tr>
102+ ` ) ;
90103 }
91104 } else {
92105 // M8N/M9N on newer firmware
93106
94107 const maxUIChannels = 32 ; //the list in html can only show 32 channels but future firmware could send more
95- let channels = Math . min ( maxUIChannels , FC . GPS_DATA . chn . length ) ;
108+ let channels = Math . min ( maxUIChannels , FC . GPS_DATA . chn . length ) || 32 ;
96109
97110 for ( let i = 0 ; i < channels ; i ++ ) {
98- const row = eSsTable . eq ( i ) ;
99-
111+ let rowContent = '' ;
100112 if ( FC . GPS_DATA . chn [ i ] <= 6 ) {
101- $ ( 'td' , row ) . eq ( 0 ) . text ( gnssArray [ FC . GPS_DATA . chn [ i ] ] ) ;
113+ rowContent += `<td> ${ gnssArray [ FC . GPS_DATA . chn [ i ] ] } </td>` ;
102114 } else {
103- $ ( 'td' , row ) . eq ( 0 ) . text ( '-' ) ;
115+ rowContent += '<td>-</td>' ;
104116 }
105117
106118 if ( FC . GPS_DATA . chn [ i ] >= 7 ) {
107- $ ( 'td' , row ) . eq ( 1 ) . text ( '-' ) ;
108- $ ( 'td' , row ) . eq ( 2 ) . find ( ' progress' ) . val ( 0 ) ;
109- $ ( 'td' , row ) . eq ( 3 ) . text ( ' ' ) ;
119+ rowContent += '<td>-</td>' ;
120+ rowContent += `<td>< progress value=" ${ 0 } " max="99"></progress></td>` ;
121+ rowContent += `<td> </td>` ;
110122 } else {
111- $ ( 'td' , row ) . eq ( 1 ) . text ( FC . GPS_DATA . svid [ i ] ) ;
112- $ ( 'td' , row ) . eq ( 2 ) . find ( 'progress' ) . val ( FC . GPS_DATA . cno [ i ] ) ;
113-
123+ rowContent += `<td>${ FC . GPS_DATA . svid [ i ] } </td>` ;
124+ rowContent += `<td><progress value="${ FC . GPS_DATA . cno [ i ] } " max="99"></progress></td>` ;
114125 const quality = i18n . getMessage ( qualityArray [ FC . GPS_DATA . quality [ i ] & 0x7 ] ) ;
115126 const used = i18n . getMessage ( usedArray [ ( FC . GPS_DATA . quality [ i ] & 0x8 ) >> 3 ] ) ;
116127 const healthy = i18n . getMessage ( healthyArray [ ( FC . GPS_DATA . quality [ i ] & 0x30 ) >> 4 ] ) ;
117-
118- $ ( 'td' , row ) . eq ( 3 ) . text ( `${ quality } | ${ used } | ${ healthy } ` ) ;
128+ rowContent += `<td>${ quality } | ${ used } | ${ healthy } </td>` ;
119129 }
130+ eSsTable . append ( `<tr>${ rowContent } </tr>` ) ;
120131 }
121132 }
122133
0 commit comments