Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1710:673c163e1b3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
playing videos if Orthanc is not available
author Sebastien Jodogne <s.jodogne@gmail.com>
date Mon, 30 Nov 2020 16:41:31 +0100
parents 2931f5e15320
children fb57536fcc5f
comparison
equal deleted inserted replaced
1709:2931f5e15320 1710:673c163e1b3e
213 213
214 <i v-if="series[seriesIndex].type == stone.ThumbnailType.PDF" 214 <i v-if="series[seriesIndex].type == stone.ThumbnailType.PDF"
215 class="wvSerieslist__placeholderIcon fa fa-file-pdf"></i> 215 class="wvSerieslist__placeholderIcon fa fa-file-pdf"></i>
216 216
217 <i v-if="series[seriesIndex].type == stone.ThumbnailType.VIDEO" 217 <i v-if="series[seriesIndex].type == stone.ThumbnailType.VIDEO"
218 class="wvSerieslist__placeholderIcon fa fa-video-video"></i> 218 class="wvSerieslist__placeholderIcon fa fa-video"></i>
219 219
220 <div v-if="[stone.ThumbnailType.IMAGE, stone.ThumbnailType.NO_PREVIEW].includes(series[seriesIndex].type)" 220 <div v-if="[stone.ThumbnailType.IMAGE, stone.ThumbnailType.NO_PREVIEW].includes(series[seriesIndex].type)"
221 class="wvSerieslist__placeholderIcon" 221 class="wvSerieslist__placeholderIcon"
222 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]"> 222 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]">
223 <i v-if="series[seriesIndex].type == stone.ThumbnailType.NO_PREVIEW" 223 <i v-if="series[seriesIndex].type == stone.ThumbnailType.NO_PREVIEW"
532 v-bind:left="viewport1Left" 532 v-bind:left="viewport1Left"
533 v-bind:top="viewport1Top" 533 v-bind:top="viewport1Top"
534 v-bind:width="viewport1Width" 534 v-bind:width="viewport1Width"
535 v-bind:height="viewport1Height" 535 v-bind:height="viewport1Height"
536 v-bind:show-info="showInfo" 536 v-bind:show-info="showInfo"
537 v-bind:global-configuration="globalConfiguration"
537 v-bind:active="activeViewport==1"></viewport> 538 v-bind:active="activeViewport==1"></viewport>
538 <viewport v-on:updated-series="SetViewportSeries(2, $event)" 539 <viewport v-on:updated-series="SetViewportSeries(2, $event)"
539 v-on:selected-viewport="activeViewport=2" 540 v-on:selected-viewport="activeViewport=2"
540 v-show="viewport2Visible" 541 v-show="viewport2Visible"
541 canvas-id="canvas2" 542 canvas-id="canvas2"
543 v-bind:left="viewport2Left" 544 v-bind:left="viewport2Left"
544 v-bind:top="viewport2Top" 545 v-bind:top="viewport2Top"
545 v-bind:width="viewport2Width" 546 v-bind:width="viewport2Width"
546 v-bind:height="viewport2Height" 547 v-bind:height="viewport2Height"
547 v-bind:show-info="showInfo" 548 v-bind:show-info="showInfo"
549 v-bind:global-configuration="globalConfiguration"
548 v-bind:active="activeViewport==2"></viewport> 550 v-bind:active="activeViewport==2"></viewport>
549 <viewport v-on:updated-series="SetViewportSeries(3, $event)" 551 <viewport v-on:updated-series="SetViewportSeries(3, $event)"
550 v-on:selected-viewport="activeViewport=3" 552 v-on:selected-viewport="activeViewport=3"
551 v-show="viewport3Visible" 553 v-show="viewport3Visible"
552 canvas-id="canvas3" 554 canvas-id="canvas3"
554 v-bind:left="viewport3Left" 556 v-bind:left="viewport3Left"
555 v-bind:top="viewport3Top" 557 v-bind:top="viewport3Top"
556 v-bind:width="viewport3Width" 558 v-bind:width="viewport3Width"
557 v-bind:height="viewport3Height" 559 v-bind:height="viewport3Height"
558 v-bind:show-info="showInfo" 560 v-bind:show-info="showInfo"
561 v-bind:global-configuration="globalConfiguration"
559 v-bind:active="activeViewport==3"></viewport> 562 v-bind:active="activeViewport==3"></viewport>
560 <viewport v-on:updated-series="SetViewportSeries(4, $event)" 563 <viewport v-on:updated-series="SetViewportSeries(4, $event)"
561 v-on:selected-viewport="activeViewport=4" 564 v-on:selected-viewport="activeViewport=4"
562 v-show="viewport4Visible" 565 v-show="viewport4Visible"
563 canvas-id="canvas4" 566 canvas-id="canvas4"
565 v-bind:left="viewport4Left" 568 v-bind:left="viewport4Left"
566 v-bind:top="viewport4Top" 569 v-bind:top="viewport4Top"
567 v-bind:width="viewport4Width" 570 v-bind:width="viewport4Width"
568 v-bind:height="viewport4Height" 571 v-bind:height="viewport4Height"
569 v-bind:show-info="showInfo" 572 v-bind:show-info="showInfo"
573 v-bind:global-configuration="globalConfiguration"
570 v-bind:active="activeViewport==4"></viewport> 574 v-bind:active="activeViewport==4"></viewport>
571 </div> 575 </div>
572 </div> 576 </div>
573 </div> 577 </div>
574 </div> 578 </div>
666 <div v-show="status == 'pdf'" > 670 <div v-show="status == 'pdf'" >
667 <pdf-viewer v-bind:prefix="canvasId + '-pdf'" ref="pdfViewer"></pdf-viewer> 671 <pdf-viewer v-bind:prefix="canvasId + '-pdf'" ref="pdfViewer"></pdf-viewer>
668 </div> 672 </div>
669 673
670 <div v-if="status == 'video'" class="wvPaneOverlay"> 674 <div v-if="status == 'video'" class="wvPaneOverlay">
671 [ videos are not supported yet ] 675 <div v-if="!('OrthancApiRoot' in globalConfiguration) || videoUri.length == 0">
672 <!--video class="wvVideo" autoplay="" loop="" controls="" preload="auto" type="video/mp4" 676 [ cannot play videos using only DICOMweb yet ]
673 src="http://viewer-pro.osimis.io/instances/e465dd27-83c96343-96848735-7035a133-1facf1a0/frames/0/raw"> 677 </div>
674 </video--> 678 <div v-if="'OrthancApiRoot' in globalConfiguration && videoUri.length > 0">
679 <video class="wvVideo" autoplay="" loop="" controls="" preload="auto" type="video/mp4"
680 v-bind:src="videoUri">
681 </video>
682 </div>
675 </div> 683 </div>
676 684
677 <div v-if="status == 'loading'" class="wvPaneOverlay"> 685 <div v-if="status == 'loading'" class="wvPaneOverlay">
678 <span class="wvLoadingSpinner"> 686 <span class="wvLoadingSpinner">
679 <div class="bounce1"></div> 687 <div class="bounce1"></div>