Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1705:3d62634d442f
multiple multiframe is working
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Fri, 27 Nov 2020 17:43:46 +0100 |
parents | 902d13889ae4 |
children | 2931f5e15320 |
comparison
equal
deleted
inserted
replaced
1704:902d13889ae4 | 1705:3d62634d442f |
---|---|
242 </li> | 242 </li> |
243 | 243 |
244 | 244 |
245 <!-- Series with multiple multiframe instances (CINE) --> | 245 <!-- Series with multiple multiframe instances (CINE) --> |
246 <li class="wvSerieslist__seriesItem" | 246 <li class="wvSerieslist__seriesItem" |
247 v-bind:class="{ highlighted : GetActiveSeries().includes(series[seriesIndex].tags['0020,000e']), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" | 247 v-bind:class="{ highlighted : GetActiveMultiframeInstances().includes(sopInstanceUid), 'wvSerieslist__seriesItem--list' : leftMode != 'grid', 'wvSerieslist__seriesItem--grid' : leftMode == 'grid' }" |
248 v-for="(numberOfFrames, sopInstanceUid) in series[seriesIndex].multiframeInstances" | 248 v-for="(numberOfFrames, sopInstanceUid) in series[seriesIndex].multiframeInstances" |
249 v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" | 249 v-on:dragstart="MultiframeInstanceDragStart($event, seriesIndex, sopInstanceUid)" |
250 v-on:click="ClickMultiframeInstance(seriesIndex, sopInstanceUid)"> | 250 v-on:click="ClickMultiframeInstance(seriesIndex, sopInstanceUid)"> |
251 <div class="wvSerieslist__picture" style="z-index:0" | 251 <div class="wvSerieslist__picture" style="z-index:0" |
252 draggable="true"> | 252 draggable="true"> |
577 left: left, | 577 left: left, |
578 top: top, | 578 top: top, |
579 width: width, | 579 width: width, |
580 height: height }"> | 580 height: height }"> |
581 <div v-bind:class="{ 'wvSplitpane__cellBorder--selected' : active, | 581 <div v-bind:class="{ 'wvSplitpane__cellBorder--selected' : active, |
582 'wvSplitpane__cellBorder' : content.color == '', | 582 'wvSplitpane__cellBorder' : content.series.color == '', |
583 'wvSplitpane__cellBorder--blue' : content.color == 'blue', | 583 'wvSplitpane__cellBorder--blue' : content.series.color == 'blue', |
584 'wvSplitpane__cellBorder--red' : content.color == 'red', | 584 'wvSplitpane__cellBorder--red' : content.series.color == 'red', |
585 'wvSplitpane__cellBorder--green' : content.color == 'green', | 585 'wvSplitpane__cellBorder--green' : content.series.color == 'green', |
586 'wvSplitpane__cellBorder--yellow' : content.color == 'yellow', | 586 'wvSplitpane__cellBorder--yellow' : content.series.color == 'yellow', |
587 'wvSplitpane__cellBorder--violet' : content.color == 'violet' | 587 'wvSplitpane__cellBorder--violet' : content.series.color == 'violet' |
588 }" | 588 }" |
589 ondragover="event.preventDefault()" | 589 ondragover="event.preventDefault()" |
590 v-on:drop="DragDrop($event)" | 590 v-on:drop="DragDrop($event)" |
591 style="width:100%;height:100%"> | 591 style="width:100%;height:100%"> |
592 <div class="wvSplitpane__cell" | 592 <div class="wvSplitpane__cell" |
598 style="position:absolute; left:0; top:0; width:100%; height:100%" | 598 style="position:absolute; left:0; top:0; width:100%; height:100%" |
599 oncontextmenu="return false"></canvas> | 599 oncontextmenu="return false"></canvas> |
600 | 600 |
601 <div v-show="showInfo"> | 601 <div v-show="showInfo"> |
602 <div class="wv-overlay"> | 602 <div class="wv-overlay"> |
603 <div v-if="'tags' in content" class="wv-overlay-topleft"> | 603 <div v-if="'tags' in content.series" class="wv-overlay-topleft"> |
604 {{ content.tags['0010,0010'] }}<br/> | 604 {{ content.series.tags['0010,0010'] }}<br/> |
605 {{ content.tags['0010,0020'] }} | 605 {{ content.series.tags['0010,0020'] }} |
606 </div> | 606 </div> |
607 <div v-if="'tags' in content" class="wv-overlay-topright"> | 607 <div v-if="'tags' in content.series" class="wv-overlay-topright"> |
608 {{ content.tags['0008,1030'] }}<br/> | 608 {{ content.series.tags['0008,1030'] }}<br/> |
609 {{ app.FormatDate(content.tags['0008,0020']) }}<br/> | 609 {{ app.FormatDate(content.series.tags['0008,0020']) }}<br/> |
610 {{ content.tags['0020,0011'] }} | {{ content.tags['0008,103e'] }} | 610 {{ content.series.tags['0020,0011'] }} | {{ content.series.tags['0008,103e'] }} |
611 </div> | 611 </div> |
612 <div class="wv-overlay-timeline-wrapper wvPrintExclude"> | 612 <div class="wv-overlay-timeline-wrapper wvPrintExclude"> |
613 <div style="text-align:left; padding:5px" v-show="numberOfFrames != 0"> | 613 <div style="text-align:left; padding:5px" v-show="numberOfFrames != 0"> |
614 <div style="width: 12em; padding: 1em;" v-show="cineControls"> | 614 <div style="width: 12em; padding: 1em;" v-show="cineControls"> |
615 <label> | 615 <label> |