Mercurial > hg > orthanc-stone
diff Applications/StoneWebViewer/WebApplication/index.html @ 1849:023cce3d7844
introduction of the concept of "virtual series"
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Tue, 29 Jun 2021 12:12:46 +0200 |
parents | 58049bdebdc3 |
children | 4026a458349d |
line wrap: on
line diff
--- a/Applications/StoneWebViewer/WebApplication/index.html Mon Jun 28 12:19:38 2021 +0200 +++ b/Applications/StoneWebViewer/WebApplication/index.html Tue Jun 29 12:12:46 2021 +0200 @@ -209,7 +209,7 @@ v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags[SERIES_INSTANCE_UID]), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" v-on:dragstart="SeriesDragStart($event, seriesIndex)" v-on:click="ClickSeries(seriesIndex)" - v-if="series[seriesIndex].multiframeInstances === null"> + v-if="series[seriesIndex].virtualSeries === null"> <div class="wvSerieslist__picture" style="z-index:0" draggable="true" v-if="series[seriesIndex].type != stone.ThumbnailType.UNKNOWN" @@ -261,28 +261,28 @@ <!-- Series with multiple multiframe instances (CINE) --> <li class="wvSerieslist__seriesItem" - v-bind:class="{ highlighted : GetActiveMultiframeInstances().includes(sopInstanceUid), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" - v-for="(numberOfFrames, sopInstanceUid) in series[seriesIndex].multiframeInstances" - v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" - v-on:click="ClickMultiframeInstance(seriesIndex, sopInstanceUid)"> + v-bind:class="{ highlighted : GetActiveVirtualSeries().includes(virtualSeries.ID), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" + v-for="virtualSeries in series[seriesIndex].virtualSeries" + v-on:dragstart="VirtualSeriesDragStart($event, seriesIndex, virtualSeries.ID)" + v-on:click="ClickVirtualSeries(seriesIndex, virtualSeries.ID)"> <div class="wvSerieslist__picture" style="z-index:0" draggable="true"> <img v-if="series[seriesIndex].type == stone.ThumbnailType.IMAGE" - v-bind:src="sopInstanceUid in multiframeInstanceThumbnails ? multiframeInstanceThumbnails[sopInstanceUid] : series[seriesIndex].thumbnail" + v-bind:src="virtualSeries.ID in virtualSeriesThumbnails ? virtualSeriesThumbnails[virtualSeries.ID] : series[seriesIndex].thumbnail" style="vertical-align:baseline" width="65px" height="65px" v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]" /> <div v-bind:class="'wvSerieslist__badge--' + study.color"> - {{ numberOfFrames }} + {{ virtualSeries.NumberOfFrames }} </div> </div> <div v-if="leftMode == 'full'" class="wvSerieslist__information" draggable="true" - v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" - v-on:click="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)"> + v-on:dragstart="VirtualSeriesDragStart($event, seriesIndex, virtualSeries.ID)" + v-on:click="ClickVirtualSeries(seriesIndex, virtualSeries.ID)"> <p class="wvSerieslist__label"> [{{ series[seriesIndex].tags[MODALITY] }}] {{ series[seriesIndex].tags[SERIES_DESCRIPTION] }}