36
36
< div id ="navbar " class ="navbar-collapse collapse ">
37
37
< div class ="navbar-form navbar-right " role ="form ">
38
38
< div class ="btn-group ">
39
- < a class ="btn btn-default btn-video-export "> Export video...</ a >
40
- < a class ="btn btn-primary btn-workspaces-export "> Export Workspaces...</ a >
41
- < span class ="btn btn-primary btn-file "> Open log file/video < input type ="file " class ="file-open " multiple > </ span >
39
+ < a class ="btn btn-default btn-video-export " data-toggle =" tooltip " data-placement =" auto top " title =" Export your vide and chart setup to file " > Export video...</ a >
40
+ < a class ="btn btn-primary btn-workspaces-export " data-toggle =" tooltip " data-placement =" auto top " title =" Export your workspace confifurations to file " > Export Workspaces...</ a >
41
+ < span class ="btn btn-primary btn-file " data-toggle =" tooltip " data-placement =" auto top " title =" Open another log file, video file, exported workspace file or configuration dump file " > Open log file/video < input type ="file " class ="file-open " multiple > </ span >
42
42
</ div >
43
43
</ div >
44
44
</ div >
50
50
< div class ="jumbotron ">
51
51
< h1 > Welcome to the Enhanced Blackbox Explorer!</ h1 >
52
52
< p > This tool allows you to view and analyze logs created by Cleanflight's and Betaflight's Blackbox feature.</ p >
53
- < span class ="btn btn-primary btn-lg btn-file "> Open log file/video < input type ="file " class ="file-open " multiple > </ span >
53
+ < span class ="btn btn-primary btn-lg btn-file " data-toggle =" tooltip " data-placement =" auto top " title =" Start by opening a log or video file " > Open log file/video < input type ="file " class ="file-open " multiple > </ span >
54
54
</ div >
55
55
</ div >
56
56
@@ -166,31 +166,31 @@ <h1>Welcome to the Enhanced Blackbox Explorer!</h1>
166
166
< h4 > View</ h4 >
167
167
< div >
168
168
< div class ="btn-group " role ="group ">
169
- < button type ="button " class ="btn btn-default open-user-settings-dialog " title ="Show User Settings ">
169
+ < button type ="button " class ="btn btn-default open-user-settings-dialog " data-toggle =" tooltip " data-placement =" auto top " title ="Show User Settings ">
170
170
< span class ="glyphicon glyphicon-cog "> </ span >
171
171
</ button >
172
- < button type ="button " class ="btn btn-default open-header-dialog " title ="View/hide header ">
172
+ < button type ="button " class ="btn btn-default open-header-dialog " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide header ">
173
173
< span class ="glyphicon glyphicon-info-sign "> </ span >
174
174
</ button >
175
- < button type ="button " class ="btn btn-default view-video " title ="View/hide video display ">
175
+ < button type ="button " class ="btn btn-default view-video " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide video display ">
176
176
< span class ="glyphicon glyphicon-film "> </ span >
177
177
</ button >
178
- < button type ="button " class ="btn btn-default view-craft " title ="View/hide craft display ">
178
+ < button type ="button " class ="btn btn-default view-craft " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide craft display ">
179
179
< span class ="glyphicon glyphicon-plane "> </ span >
180
180
</ button >
181
- < button type ="button " class ="btn btn-default view-sticks " title ="View/hide stick display ">
181
+ < button type ="button " class ="btn btn-default view-sticks " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide stick display ">
182
182
< span class ="glyphicon glyphicon-pawn "> </ span >
183
183
</ button >
184
- < button type ="button " class ="btn btn-default view-table " title ="View/hide statistics display ">
184
+ < button type ="button " class ="btn btn-default view-table " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide statistics display ">
185
185
< span class ="glyphicon glyphicon-list-alt "> </ span >
186
186
</ button >
187
- < button type ="button " class ="btn btn-default view-analyser-sticks " style ="display:none " title ="View/hide stick analyser ">
187
+ < button type ="button " class ="btn btn-default view-analyser-sticks " style ="display:none " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide stick analyser ">
188
188
< span class ="glyphicon glyphicon-screenshot "> </ span >
189
189
</ button >
190
- < button type ="button " class ="btn btn-default view-analyser " title ="View/hide analyser display ">
190
+ < button type ="button " class ="btn btn-default view-analyser " data-toggle =" tooltip " data-placement =" auto top " title ="View/hide analyser display ">
191
191
< span class ="glyphicon glyphicon-equalizer "> </ span >
192
192
</ button >
193
- < button type ="button " class ="btn btn-default view-analyser-fullscreen " title ="Zoom Analyser Window ">
193
+ < button type ="button " class ="btn btn-default view-analyser-fullscreen " data-toggle =" tooltip " data-placement =" auto top " title ="Zoom Analyser Window ">
194
194
< span class ="glyphicon glyphicon-resize-full "> </ span > < span class ="glyphicon glyphicon-resize-small "> </ span >
195
195
</ button >
196
196
</ div >
@@ -200,25 +200,25 @@ <h4>View</h4>
200
200
< h4 > Playback</ h4 >
201
201
< div >
202
202
< div class ="btn-group " role ="group ">
203
- < button type ="button " class ="btn btn-default video-jump-start " title ="Jump to start of video ">
203
+ < button type ="button " class ="btn btn-default video-jump-start " data-toggle =" tooltip " data-placement =" auto top " title ="Jump to start of video ">
204
204
< span class ="glyphicon glyphicon-fast-backward "> </ span > < span class ="glyphicon-text-alike "> VID</ span >
205
205
</ button >
206
- < button type ="button " class ="btn btn-default log-jump-start " title ="Jump to start of log ">
206
+ < button type ="button " class ="btn btn-default log-jump-start " data-toggle =" tooltip " data-placement =" auto top " title ="Jump to start of log ">
207
207
< span class ="glyphicon glyphicon-fast-backward "> </ span >
208
208
</ button >
209
- < button type ="button " class ="btn btn-default log-jump-back ">
209
+ < button type ="button " class ="btn btn-default log-jump-back " data-toggle =" tooltip " data-placement =" auto top " title =" Jump back " >
210
210
< span class ="glyphicon glyphicon-step-backward "> </ span >
211
211
</ button >
212
- < button type ="button " class ="btn btn-default log-play-pause ">
212
+ < button type ="button " class ="btn btn-default log-play-pause " data-toggle =" tooltip " data-placement =" auto top " title =" Play/Pause log/video " >
213
213
< span class ="glyphicon glyphicon-play "> </ span >
214
214
</ button >
215
- < button type ="button " class ="btn btn-default log-jump-forward ">
215
+ < button type ="button " class ="btn btn-default log-jump-forward " data-toggle =" tooltip " data-placement =" auto top " title =" Jump forward " >
216
216
< span class ="glyphicon glyphicon-step-forward "> </ span >
217
217
</ button >
218
- < button type ="button " class ="btn btn-default log-jump-end " title ="Jump to end of log ">
218
+ < button type ="button " class ="btn btn-default log-jump-end " data-toggle =" tooltip " data-placement =" auto top " title ="Jump to end of log ">
219
219
< span class ="glyphicon glyphicon-fast-forward "> </ span >
220
220
</ button >
221
- < button type ="button " class ="btn btn-default video-jump-end " title ="Jump to end of video ">
221
+ < button type ="button " class ="btn btn-default video-jump-end " data-toggle =" tooltip " data-placement =" auto top " title ="Jump to end of video ">
222
222
< span class ="glyphicon-text-alike "> VID</ span > < span class ="glyphicon glyphicon-fast-forward "> </ span >
223
223
</ button >
224
224
</ div >
@@ -229,7 +229,7 @@ <h4>Playback speed</h4>
229
229
< div class ="form-inline ">
230
230
< div class ="form-group ">
231
231
< div class ="playback-rate-control btn-group btn-group-vertical "> </ div >
232
- < input type ="text " class ="form-control playback-rate " value ="1.0 " size ="5 ">
232
+ < input type ="text " class ="form-control playback-rate " value ="1.0 " size ="5 " data-toggle =" tooltip " data-placement =" auto top " title =" Directly set the playback speed " >
233
233
</ div >
234
234
</ div >
235
235
</ li >
@@ -238,15 +238,15 @@ <h4>Zoom</h4>
238
238
< div class ="form-inline ">
239
239
< div class ="form-group ">
240
240
< div class ="graph-zoom-control btn-group btn-group-vertical "> </ div >
241
- < input type ="text " class ="form-control graph-zoom " value ="- " size ="6 ">
241
+ < input type ="text " class ="form-control graph-zoom " value ="- " size ="6 " data-toggle =" tooltip " data-placement =" auto top " title =" Directly set the zoom level " >
242
242
</ div >
243
243
</ div >
244
244
</ li >
245
245
< li class ="log-chart-time-panel ">
246
246
< h4 > Time</ h4 >
247
247
< div class ="form-inline ">
248
248
< div class ="form-group ">
249
- < input type ="text " class ="form-control graph-time " value ="1.0 " size ="8 ">
249
+ < input type ="text " class ="form-control graph-time " value ="1.0 " size ="8 " data-toggle =" tooltip " data-placement =" auto top " title =" Enter a time to jump to " >
250
250
</ div >
251
251
</ div >
252
252
</ li >
@@ -255,15 +255,15 @@ <h4>Log sync</h4>
255
255
< div class ="form-inline ">
256
256
< div class ="form-group ">
257
257
< div class ="btn-group " role ="group ">
258
- < button type ="button " class ="btn btn-default log-sync-back " title ="Move log earlier ">
258
+ < button type ="button " class ="btn btn-default log-sync-back " data-toggle =" tooltip " data-placement =" auto top " title ="Move log earlier ">
259
259
< span class ="glyphicon glyphicon-step-backward "> </ span >
260
260
</ button >
261
261
< button type ="button " class ="btn btn-default log-sync-here "> Start log here</ button >
262
- < button type ="button " class ="btn btn-default log-sync-forward " title ="Move log later ">
262
+ < button type ="button " class ="btn btn-default log-sync-forward " data-toggle =" tooltip " data-placement =" auto top " title ="Move log later ">
263
263
< span class ="glyphicon glyphicon-step-forward "> </ span >
264
264
</ button >
265
265
</ div >
266
- < input type ="text " class ="form-control video-offset " value ="+0.0 " size ="7 ">
266
+ < input type ="text " class ="form-control video-offset " value ="+0.0 " size ="7 " data-toggle =" tooltip " data-placement =" auto top " title =" Enter a time offset " >
267
267
</ div >
268
268
</ div >
269
269
</ li >
@@ -276,14 +276,14 @@ <h4>Log sync</h4>
276
276
< canvas width ="0 " height ="0 " id ="craftCanvas "> </ canvas >
277
277
< canvas width ="0 " height ="0 " id ="analyserCanvas "> </ canvas >
278
278
< canvas width ="0 " height ="0 " id ="analyserStickCanvas "> </ canvas >
279
- < span class ="log-open-legend-dialog glyphicon glyphicon-cog "> </ span >
279
+ < span class ="log-open-legend-dialog glyphicon glyphicon-cog " data-toggle =" tooltip " data-placement =" auto top " title =" Show the legend " > </ span >
280
280
</ div >
281
281
< div class ="log-graph-config ">
282
- < h2 > Legend < span class ="log-close-legend-dialog glyphicon glyphicon-remove "> </ span > < span class ="open-keys-dialog glyphicon glyphicon-question-sign "> </ span > </ h2 >
282
+ < h2 > Legend < span class ="log-close-legend-dialog glyphicon glyphicon-remove " data-toggle =" tooltip " data-placement =" auto top " title =" Hide the legend " > </ span > < span class ="open-keys-dialog glyphicon glyphicon-question-sign " data-toggle =" tooltip " data-placement =" auto top " title =" Show the keyboard shortcuts "> </ span > </ h2 >
283
283
< div class ="log-index "> </ div >
284
284
< div class ="log-graph-legend ">
285
285
</ div >
286
- < button type ="button " class ="btn btn-default btn-block open-graph-configuration-dialog "> Graph setup</ button >
286
+ < button type ="button " class ="btn btn-default btn-block open-graph-configuration-dialog " data-toggle =" tooltip " data-placement =" auto top " title =" Setup chart pens " > Graph setup</ button >
287
287
</ div >
288
288
</ div >
289
289
< div class ="log-seek-bar ">
@@ -367,7 +367,7 @@ <h2>Legend <span class="log-close-legend-dialog glyphicon glyphicon-remove"></sp
367
367
< div class ="modal-dialog ">
368
368
< div class ="modal-content ">
369
369
< div class ="modal-header ">
370
- < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close ">
370
+ < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close " data-toggle =" tooltip " data-placement =" auto top " title =" Close without saving changes " >
371
371
< span aria-hidden ="true "> ×</ span >
372
372
</ button >
373
373
< h4 class ="modal-title "> Configure graphs</ h4 >
@@ -384,8 +384,8 @@ <h4 class="modal-title">Configure graphs</h4>
384
384
</ ul >
385
385
</ div >
386
386
< div class ="modal-footer ">
387
- < button type ="button " class ="btn btn-default graph-configuration-dialog-cancel " data-dismiss ="modal "> Cancel</ button >
388
- < button type ="button " class ="btn btn-primary graph-configuration-dialog-save " data-dismiss ="modal "> Save changes</ button >
387
+ < button type ="button " class ="btn btn-default graph-configuration-dialog-cancel " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close without saving changes " > Cancel</ button >
388
+ < button type ="button " class ="btn btn-primary graph-configuration-dialog-save " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close and save changes " > Save changes</ button >
389
389
</ div >
390
390
</ div >
391
391
</ div >
@@ -394,7 +394,7 @@ <h4 class="modal-title">Configure graphs</h4>
394
394
< div class ="modal-dialog ">
395
395
< div class ="modal-content ">
396
396
< div class ="modal-header ">
397
- < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close ">
397
+ < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close " data-toggle =" tooltip " data-placement =" auto top " title =" Close without saving changes " >
398
398
< span aria-hidden ="true "> ×</ span >
399
399
</ button >
400
400
< h4 class ="modal-title "> Log Header Information</ h4 >
@@ -841,9 +841,9 @@ <h5 class="modal-title-craft"></h5>
841
841
< div class ="clear-both "> </ div >
842
842
</ div >
843
843
< div class ="modal-footer ">
844
- < button type ="button " class ="btn btn-default header-dialog-toggle "> Cleanflight</ button >
845
- < button type ="button " class ="btn btn-default header-dialog-cancel " data-dismiss ="modal "> Cancel</ button >
846
- < button type ="button " class ="btn btn-primary header-dialog-save " data-dismiss ="modal "> Save changes</ button >
844
+ < button type ="button " class ="btn btn-default header-dialog-toggle " data-toggle =" tooltip " data-placement =" auto top " title =" Change the header display for the respective firmware type " > Cleanflight</ button >
845
+ < button type ="button " class ="btn btn-default header-dialog-cancel " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close without saving changes " > Cancel</ button >
846
+ < button type ="button " class ="btn btn-primary header-dialog-save " style =" display:none; " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close and save changes "> Save changes</ button >
847
847
</ div >
848
848
</ div >
849
849
</ div >
@@ -852,7 +852,7 @@ <h5 class="modal-title-craft"></h5>
852
852
< div class ="modal-dialog ">
853
853
< div class ="modal-content ">
854
854
< div class ="modal-header ">
855
- < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close ">
855
+ < button type ="button " class ="close " data-dismiss ="modal " aria-label ="Close " data-toggle =" tooltip " data-placement =" auto top " title =" Close the dialog box " >
856
856
< span aria-hidden ="true "> ×</ span >
857
857
</ button >
858
858
< h4 class ="modal-title "> Shortcut Keys</ h4 >
@@ -965,7 +965,7 @@ <h4 class="modal-title">Shortcut Keys</h4>
965
965
< div class ="clear-both "> </ div >
966
966
</ div >
967
967
< div class ="modal-footer ">
968
- < button type ="button " class ="btn btn-default keys-dialog-cancel " data-dismiss ="modal "> Cancel</ button >
968
+ < button type ="button " class ="btn btn-default keys-dialog-cancel " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close the dialog box " > Cancel</ button >
969
969
</ div >
970
970
</ div >
971
971
</ div >
@@ -1075,9 +1075,9 @@ <h4 class="modal-title">Export video</h4>
1075
1075
</ div >
1076
1076
</ div >
1077
1077
< div class ="modal-footer ">
1078
- < button type ="button " class ="btn btn-default video-export-dialog-cancel " data-dismiss ="modal "> Cancel</ button >
1079
- < button type ="button " class ="btn btn-default video-export-dialog-close " data-dismiss ="modal "> Close</ button >
1080
- < button type ="button " class ="btn btn-primary video-export-dialog-start "> Begin export</ button >
1078
+ < button type ="button " class ="btn btn-default video-export-dialog-cancel " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Cancel video generation " > Cancel</ button >
1079
+ < button type ="button " class ="btn btn-default video-export-dialog-close " data-dismiss ="modal " data-toggle =" tooltip " data-placement =" auto top " title =" Close dialog box " > Close</ button >
1080
+ < button type ="button " class ="btn btn-primary video-export-dialog-start " data-toggle =" tooltip " data-placement =" auto top " title =" Start generating video file " > Begin export</ button >
1081
1081
</ div >
1082
1082
</ div >
1083
1083
</ div >
0 commit comments