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] }}