Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/app.js @ 1720:b8d19f53aaca

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
display the instance number, and the wc/ww info (work-in-progress)
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 01 Dec 2020 12:13:43 +0100
parents 65c03d33c345
children d4a8e2b19a65
comparison
equal deleted inserted replaced
1719:9a1f79d21a3f 1720:b8d19f53aaca
135 cineControls: false, 135 cineControls: false,
136 cineIncrement: 0, 136 cineIncrement: 0,
137 cineFramesPerSecond: 30, 137 cineFramesPerSecond: 30,
138 cineTimeoutId: null, 138 cineTimeoutId: null,
139 cineLoadingFrame: false, 139 cineLoadingFrame: false,
140 videoUri: '' 140 videoUri: '',
141 windowingCenter: 0,
142 windowingWidth: 0,
143 instanceNumber: 0
141 } 144 }
142 }, 145 },
143 watch: { 146 watch: {
144 currentFrame: function(newVal, oldVal) { 147 currentFrame: function(newVal, oldVal) {
145 /** 148 /**
153 this.status = 'loading'; 156 this.status = 'loading';
154 this.cineControls = false; 157 this.cineControls = false;
155 this.cineMode = ''; 158 this.cineMode = '';
156 this.cineLoadingFrame = false; 159 this.cineLoadingFrame = false;
157 this.cineRate = 30; // Default value 160 this.cineRate = 30; // Default value
161 this.windowingCenter = 0;
162 this.windowingWidth = 0;
163 this.instanceNumber = 0;
158 164
159 if (this.cineTimeoutId !== null) { 165 if (this.cineTimeoutId !== null) {
160 clearTimeout(this.cineTimeoutId); 166 clearTimeout(this.cineTimeoutId);
161 this.cineTimeoutId = null; 167 this.cineTimeoutId = null;
162 } 168 }
237 window.addEventListener('FrameUpdated', function(args) { 243 window.addEventListener('FrameUpdated', function(args) {
238 if (args.detail.canvasId == that.canvasId) { 244 if (args.detail.canvasId == that.canvasId) {
239 that.currentFrame = (args.detail.currentFrame + 1); 245 that.currentFrame = (args.detail.currentFrame + 1);
240 that.numberOfFrames = args.detail.numberOfFrames; 246 that.numberOfFrames = args.detail.numberOfFrames;
241 that.quality = args.detail.quality; 247 that.quality = args.detail.quality;
248 that.instanceNumber = args.detail.instanceNumber;
242 } 249 }
243 }); 250 });
244 251
245 window.addEventListener('SeriesDetailsReady', function(args) { 252 window.addEventListener('SeriesDetailsReady', function(args) {
246 if (args.detail.canvasId == that.canvasId) { 253 if (args.detail.canvasId == that.canvasId) {
270 * https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements 277 * https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements
271 **/ 278 **/
272 Vue.nextTick(function() { 279 Vue.nextTick(function() {
273 that.$refs.pdfViewer.LoadPdf(pdf); 280 that.$refs.pdfViewer.LoadPdf(pdf);
274 }); 281 });
282 }
283 });
284
285 window.addEventListener('WindowingUpdated', function(args) {
286 if (args.detail.canvasId == that.canvasId) {
287 that.windowingCenter = args.detail.windowingCenter;
288 that.windowingWidth = args.detail.windowingWidth;
289 console.log(that.windowingCenter + ' ' + that.windowingWidth);
275 } 290 }
276 }); 291 });
277 }, 292 },
278 methods: { 293 methods: {
279 DragDrop: function(event) { 294 DragDrop: function(event) {