Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1849:023cce3d7844

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
1848:3751485f1b2e 1849:023cce3d7844
207 <span v-for="seriesIndex in study.series"> 207 <span v-for="seriesIndex in study.series">
208 <li class="wvSerieslist__seriesItem" 208 <li class="wvSerieslist__seriesItem"
209 v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags[SERIES_INSTANCE_UID]), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" 209 v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags[SERIES_INSTANCE_UID]), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }"
210 v-on:dragstart="SeriesDragStart($event, seriesIndex)" 210 v-on:dragstart="SeriesDragStart($event, seriesIndex)"
211 v-on:click="ClickSeries(seriesIndex)" 211 v-on:click="ClickSeries(seriesIndex)"
212 v-if="series[seriesIndex].multiframeInstances === null"> 212 v-if="series[seriesIndex].virtualSeries === null">
213 <div class="wvSerieslist__picture" style="z-index:0" 213 <div class="wvSerieslist__picture" style="z-index:0"
214 draggable="true" 214 draggable="true"
215 v-if="series[seriesIndex].type != stone.ThumbnailType.UNKNOWN" 215 v-if="series[seriesIndex].type != stone.ThumbnailType.UNKNOWN"
216 > 216 >
217 <div v-if="series[seriesIndex].type == stone.ThumbnailType.LOADING"> 217 <div v-if="series[seriesIndex].type == stone.ThumbnailType.LOADING">
259 </li> 259 </li>
260 260
261 261
262 <!-- Series with multiple multiframe instances (CINE) --> 262 <!-- Series with multiple multiframe instances (CINE) -->
263 <li class="wvSerieslist__seriesItem" 263 <li class="wvSerieslist__seriesItem"
264 v-bind:class="{ highlighted : GetActiveMultiframeInstances().includes(sopInstanceUid), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" 264 v-bind:class="{ highlighted : GetActiveVirtualSeries().includes(virtualSeries.ID), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }"
265 v-for="(numberOfFrames, sopInstanceUid) in series[seriesIndex].multiframeInstances" 265 v-for="virtualSeries in series[seriesIndex].virtualSeries"
266 v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" 266 v-on:dragstart="VirtualSeriesDragStart($event, seriesIndex, virtualSeries.ID)"
267 v-on:click="ClickMultiframeInstance(seriesIndex, sopInstanceUid)"> 267 v-on:click="ClickVirtualSeries(seriesIndex, virtualSeries.ID)">
268 <div class="wvSerieslist__picture" style="z-index:0" 268 <div class="wvSerieslist__picture" style="z-index:0"
269 draggable="true"> 269 draggable="true">
270 <img v-if="series[seriesIndex].type == stone.ThumbnailType.IMAGE" 270 <img v-if="series[seriesIndex].type == stone.ThumbnailType.IMAGE"
271 v-bind:src="sopInstanceUid in multiframeInstanceThumbnails ? multiframeInstanceThumbnails[sopInstanceUid] : series[seriesIndex].thumbnail" 271 v-bind:src="virtualSeries.ID in virtualSeriesThumbnails ? virtualSeriesThumbnails[virtualSeries.ID] : series[seriesIndex].thumbnail"
272 style="vertical-align:baseline" 272 style="vertical-align:baseline"
273 width="65px" height="65px" 273 width="65px" height="65px"
274 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]" 274 v-bind:title="leftMode == 'full' ? null : '[' + series[seriesIndex].tags[MODALITY] + '] ' + series[seriesIndex].tags[SERIES_DESCRIPTION]"
275 /> 275 />
276 276
277 <div v-bind:class="'wvSerieslist__badge--' + study.color"> 277 <div v-bind:class="'wvSerieslist__badge--' + study.color">
278 {{ numberOfFrames }} 278 {{ virtualSeries.NumberOfFrames }}
279 </div> 279 </div>
280 </div> 280 </div>
281 281
282 <div v-if="leftMode == 'full'" class="wvSerieslist__information" 282 <div v-if="leftMode == 'full'" class="wvSerieslist__information"
283 draggable="true" 283 draggable="true"
284 v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" 284 v-on:dragstart="VirtualSeriesDragStart($event, seriesIndex, virtualSeries.ID)"
285 v-on:click="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)"> 285 v-on:click="ClickVirtualSeries(seriesIndex, virtualSeries.ID)">
286 <p class="wvSerieslist__label"> 286 <p class="wvSerieslist__label">
287 [{{ series[seriesIndex].tags[MODALITY] }}] 287 [{{ series[seriesIndex].tags[MODALITY] }}]
288 {{ series[seriesIndex].tags[SERIES_DESCRIPTION] }} 288 {{ series[seriesIndex].tags[SERIES_DESCRIPTION] }}
289 </p> 289 </p>
290 </div> 290 </div>