allow save dialog to be controlled by keyboard
Costa Tsaousis (ktsaou) committed
Nov 15, 2017 at 22:08 UTC
0549b19a1d0da48796aaaa230e73e7ebedd04762
1 file changed
+15
-9
web/index.html
+15
-9
@@ -610,10 +610,12 @@
610
},
611
612
netdataPanAndZoomCallback: function(status, after, before) {
613
- urlOptions.pan_and_zoom = status;
614
- urlOptions.after = after;
615
- urlOptions.before = before;
616
- urlOptions.hashUpdate();
613
+ if(netdataSnapshotData === null) {
614
+ urlOptions.pan_and_zoom = status;
615
+ urlOptions.after = after;
616
+ urlOptions.before = before;
617
+ urlOptions.hashUpdate();
618
+ }
619
}
620
621
};
@@ -3624,6 +3626,10 @@
3626
});
3627
3628
$('#saveSnapshotModal').on('show.bs.modal', saveSnapshotModalInit);
3629
+ $('#saveSnapshotModal').on('shown.bs.modal', function() {
3630
+ $('#saveSnapshotResolutionSlider').find(".slider-handle:first").attr("tabindex", 1);
3631
+ document.getElementById('saveSnapshotComments').focus();
3632
+ });
3633
$('#saveSnapshotModal').on('hide.bs.modal', saveSnapshotCancel);
3634
3635
showPageFooter();
@@ -4225,11 +4231,11 @@
4231
<br/>
4232
4233
<br/>
4228
- <input id="saveSnapshotResolutionSlider" data-slider-id='saveSnapshotResolutionSlider' type="text" style="width: 80%;"/>
4234
+ <input id="saveSnapshotResolutionSlider" data-slider-id='saveSnapshotResolutionSlider' type="text" style="width: 80%;" tabindex="0"/>
4235
<br/> <br/>
4236
<div class="input-group">
4237
<span class="input-group-addon" id="sizing-saveSnapshotFilename" style="width: 100px;">Filename</span>
4232
- <input id="saveSnapshotFilename" class="form-control" placeholder="Filename of the generated snapshot" aria-describedby="sizing-saveSnapshotFilename"/>
4238
+ <input id="saveSnapshotFilename" class="form-control" placeholder="Filename of the generated snapshot" aria-describedby="sizing-saveSnapshotFilename" tabindex="2"/>
4239
<div class="input-group-btn">
4240
<div class="input-group-btn">
4241
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span id="saveSnapshotCompressionName">Compression</span> <span class="caret"></span></button>
@@ -4250,7 +4256,7 @@
4256
</div>
4257
<div class="input-group" style="padding-top: 10px; width: 100%">
4258
<span class="input-group-addon" id="sizing-saveSnapshotComments" style="width: 100px;">Comments</span>
4253
- <input id="saveSnapshotComments" class="form-control" placeholder="Any comments about this snapshot?" aria-describedby="sizing-saveSnapshotComments"/>
4259
+ <input id="saveSnapshotComments" class="form-control" placeholder="Any comments about this snapshot?" aria-describedby="sizing-saveSnapshotComments" tabindex="3"/>
4260
</div>
4261
</div>
4262
@@ -4273,8 +4279,8 @@
4279
</p>
4280
</div>
4281
<div class="modal-footer">
4276
- <a id="saveSnapshotExport" href="#" onclick="saveSnapshot(); return false;" type="button" class="btn btn-success">Export</a>
4277
- <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
4282
+ <a id="saveSnapshotExport" href="#" onclick="saveSnapshot(); return false;" type="button" class="btn btn-success" tabindex="4">Export</a>
4283
+ <button type="button" class="btn btn-default" data-dismiss="modal" tabindex="5">Cancel</button>
4284
</div>
4285
</div>
4286
</div>