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

comparison Applications/StoneWebViewer/WebApplication/app.js @ 2020:88673f50d7b9

added key bindings to change active study and series

author	Sebastien Jodogne <s.jodogne@gmail.com>
date	Sat, 03 Dec 2022 11:59:20 +0100
parents	fe9999d6a636
children	96d20b42e740

comparison

equal deleted inserted replaced

-:fe9999d6a636
+:88673f50d7b9
 }
 else {
 alert('Unsupported mouse action in the configuration file: ' + config);
 return stone.WebViewerAction.PAN;
 }
+}
+function LookupIndexOfResource(array, tag, value) {
+for (var i = 0; i < array.length; i++) {
+if (array[i].tags[tag] == value) {
+return i;
+}
+}
+return -1;
 }
 /**
 * Enable support for tooltips in Bootstrap. This function must be
 that.windowingCenter = args.detail.windowingCenter;
 that.windowingWidth = args.detail.windowingWidth;
 }
 });
-window.addEventListener('CineSwitch', function(args) {
+window.addEventListener('KeyCineSwitch', function(args) {
 if (that.active) {
-that.CineSwitch();
+that.KeyCineSwitch();
 }
 });
 },
 methods: {
 DragDrop: function(event) {
 CineBackward: function() {
 this.cineControls = true;
 this.cineIncrement = 1;
 this.UpdateCine();
 },
-CineSwitch: function() {
+KeyCineSwitch: function() {
 if (this.cineIncrement != 0) {
 this.CinePause();
 } else {
 this.CinePlay();
 }
 this.$nextTick(function () {
 stone.AllViewportsUpdateSize(true /* fit content */);
 });
 }
 },
+GetActiveViewportSeriesTags: function() {
+if (this.activeViewport == 1 &&
+this.viewport1Content.virtualSeriesId === undefined) {
+return this.viewport1Content.series.tags;
+}
+else if (this.activeViewport == 2 &&
+this.viewport2Content.virtualSeriesId === undefined) {
+return this.viewport2Content.series.tags;
+}
+else if (this.activeViewport == 3 &&
+this.viewport3Content.virtualSeriesId === undefined) {
+return this.viewport3Content.series.tags;
+}
+else if (this.activeViewport == 4 &&
+this.viewport4Content.virtualSeriesId === undefined) {
+return this.viewport4Content.series.tags;
+}
+else {
+return null;
+}
+},
-GetActiveSeries: function() {
+GetActiveSeriesInstanceUid: function() {
 var s = [];
 if ('tags' in this.viewport1Content.series)
 s.push(this.viewport1Content.series.tags[SERIES_INSTANCE_UID]);
 }
 })
 .catch(function (error) {
 alert('Cannot find the study in Orthanc');
 });
+},
+ChangeActiveSeries: function(offset) {
+var seriesTags = this.GetActiveViewportSeriesTags();
+if (seriesTags !== null) {
+var studyIndex = LookupIndexOfResource(this.studies, STUDY_INSTANCE_UID, seriesTags[STUDY_INSTANCE_UID]);
+if (studyIndex != -1) {
+var seriesInStudyIndices = this.studies[studyIndex].series;
+for (var i = 0; i < seriesInStudyIndices.length; i++) {
+if (this.series[seriesInStudyIndices[i]].tags[SERIES_INSTANCE_UID] == seriesTags[SERIES_INSTANCE_UID]) {
+var next = i + offset;
+if (next >= 0 &&
+next < seriesInStudyIndices.length) {
+this.SetViewportSeriesInstanceUid(this.activeViewport, this.series[seriesInStudyIndices[next]].tags[SERIES_INSTANCE_UID]);
+}
+break;
+}
+}
+}
+}
+},
+ChangeActiveStudy: function(offset) {
+var seriesTags = this.GetActiveViewportSeriesTags();
+if (seriesTags !== null) {
+var studyIndex = LookupIndexOfResource(this.studies, STUDY_INSTANCE_UID, seriesTags[STUDY_INSTANCE_UID]);
+if (studyIndex != -1) {
+var next = studyIndex + offset;
+if (next >= 0 &&
+next < this.studies.length) {
+var nextStudy = this.studies[next];
+if (nextStudy.series.length > 0) {
+var seriesIndex = nextStudy.series[0];
+if (this.series[seriesIndex].virtualSeries !== null) {
+this.ClickVirtualSeries(seriesIndex, this.series[seriesIndex].virtualSeries);
+} else {
+this.ClickSeries(seriesIndex);
+}
+}
+}
+}
+}
 }
 },
 mounted: function() {
 // Warning: In this function, the "stone" global object is not initialized yet!
 event.preventDefault();
 break;
 case 'Up':
 case 'ArrowUp':
-break;
+that.ChangeActiveSeries(-1);
+break
 case 'Down':
 case 'ArrowDown':
+that.ChangeActiveSeries(1);
+break;
+case 'PageUp':
+that.ChangeActiveStudy(-1);
+break
+case 'PageDown':
+that.ChangeActiveStudy(1);
 break;
 case ' ':
 case 'Space':
-dispatchEvent(new CustomEvent('CineSwitch', { }));
+dispatchEvent(new CustomEvent('KeyCineSwitch', { }));
 event.preventDefault();
 break;
 default:
 break;