orthanc-stone: Applications/StoneWebViewer/WebApplication/app.js comparison

comparison Applications/StoneWebViewer/WebApplication/app.js @ 2019:fe9999d6a636

handling of left, right, and space keys

author	Sebastien Jodogne <s.jodogne@gmail.com>
date	Sat, 03 Dec 2022 09:22:19 +0100
parents	7e45941acc1d
children	88673f50d7b9

comparison

equal deleted inserted replaced

-:6099c7925202
+:fe9999d6a636
 if (args.detail.canvasId == that.canvasId) {
 that.windowingCenter = args.detail.windowingCenter;
 that.windowingWidth = args.detail.windowingWidth;
 }
 });
+window.addEventListener('CineSwitch', function(args) {
+if (that.active) {
+that.CineSwitch();
+}
+});
 },
 methods: {
 DragDrop: function(event) {
 event.preventDefault();
 IncrementFrame: function(isCircular) {
 return stone.IncrementFrame(this.canvasId, isCircular);
 },
 CinePlay: function() {
 this.cineControls = true;
-this.cineIncrement = 1;
+this.cineIncrement = -1;
 this.UpdateCine();
 },
 CinePause: function() {
 if (this.cineIncrement == 0) {
 // Two clicks on the "pause" button will hide the playback control
 this.UpdateCine();
 }
 },
 CineBackward: function() {
 this.cineControls = true;
-this.cineIncrement = -1;
+this.cineIncrement = 1;
 this.UpdateCine();
+},
+CineSwitch: function() {
+if (this.cineIncrement != 0) {
+this.CinePause();
+} else {
+this.CinePlay();
+}
 },
 UpdateCine: function() {
 // Cancel the previous cine loop, if any
 if (this.cineTimeoutId !== null) {
 clearTimeout(this.cineTimeoutId);
 this.viewport4Content = {
 series: series,
 virtualSeriesId: info.virtualSeriesId
 };
 }
+// Give the focus to this viewport (new in Stone Web viewer 2.5)
+this.activeViewport = viewportIndex;
 },
 ClickSeries: function(seriesIndex) {
 this.SetViewportSeries(this.activeViewport, {
 seriesIndex: seriesIndex
 stone.AddTextAnnotation(args.detail.canvasId, label,
 args.detail.pointedX, args.detail.pointedY,
 args.detail.labelX, args.detail.labelY);
 }
 });
+window.addEventListener('keydown', function(event) {
+var canvas = that.GetActiveCanvas();
+if (canvas != '') {
+switch (event.key) {
+case 'Left':
+case 'ArrowLeft':
+stone.DecrementFrame(canvas, false);
+event.preventDefault();
+break;
+case 'Right':
+case 'ArrowRight':
+stone.IncrementFrame(canvas, false);
+event.preventDefault();
+break;
+case 'Up':
+case 'ArrowUp':
+break;
+case 'Down':
+case 'ArrowDown':
+break;
+case ' ':
+case 'Space':
+dispatchEvent(new CustomEvent('CineSwitch', { }));
+event.preventDefault();
+break;
+default:
+break;
+}
+}
+});
 }
 });