Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1705:3d62634d442f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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>