Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1720:b8d19f53aaca

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
display the instance number, and the wc/ww info (work-in-progress)
author Sebastien Jodogne <s.jodogne@gmail.com>
date Tue, 01 Dec 2020 12:13:43 +0100
parents 9a1f79d21a3f
children 634ff8993f6a
comparison
equal deleted inserted replaced
1719:9a1f79d21a3f 1720:b8d19f53aaca
616 <div v-if="'tags' in content.series" class="wv-overlay-topright"> 616 <div v-if="'tags' in content.series" class="wv-overlay-topright">
617 {{ content.series.tags[STUDY_DESCRIPTION] }}<br/> 617 {{ content.series.tags[STUDY_DESCRIPTION] }}<br/>
618 {{ app.FormatDate(content.series.tags[STUDY_DATE]) }}<br/> 618 {{ app.FormatDate(content.series.tags[STUDY_DATE]) }}<br/>
619 {{ content.series.tags[SERIES_NUMBER] }} | {{ content.series.tags[SERIES_DESCRIPTION] }} 619 {{ content.series.tags[SERIES_NUMBER] }} | {{ content.series.tags[SERIES_DESCRIPTION] }}
620 </div> 620 </div>
621 <div class="wv-overlay-timeline-wrapper wvPrintExclude"> 621 <div class="wv-overlay-bottomleft wvPrintExclude" style="bottom: 0px">
622 <div style="text-align:left; padding:5px" v-show="numberOfFrames != 0"> 622 <div v-show="instanceNumber != 0" style="padding-bottom: 1em">
623 <div style="width: 12em; padding: 1em;" v-show="cineControls"> 623 Instance number: {{ instanceNumber }}
624 </div>
625 <span v-show="numberOfFrames != 0">
626 <div style="width: 12em;" v-show="cineControls">
624 <label> 627 <label>
625 Frame rate 628 Frame rate
626 <span class="wv-play-button-config-framerate-wrapper"> 629 <span class="wv-play-button-config-framerate-wrapper">
627 <input type="range" min="1" max="60" v-model="cineFramesPerSecond" 630 <input type="range" min="1" max="60" v-model="cineFramesPerSecond"
628 class="wv-play-button-config-framerate"> 631 class="wv-play-button-config-framerate">
636 </button> 639 </button>
637 <button class="btn btn-primary" @click="DecrementFrame()"> 640 <button class="btn btn-primary" @click="DecrementFrame()">
638 <i class="fas fa-step-backward"></i> 641 <i class="fas fa-step-backward"></i>
639 </button> 642 </button>
640 </div> 643 </div>
641 &nbsp;&nbsp;{{ currentFrame }} / {{ numberOfFrames }}&nbsp;&nbsp; 644 <span data-toggle="tooltip" data-title="Current frame number">
645 &nbsp;&nbsp;{{ currentFrame }} / {{ numberOfFrames }}&nbsp;&nbsp;
646 </span>
642 <div class="btn-group btn-group-sm" role="group"> 647 <div class="btn-group btn-group-sm" role="group">
643 <button class="btn btn-primary" @click="IncrementFrame()"> 648 <button class="btn btn-primary" @click="IncrementFrame()">
644 <i class="fas fa-step-forward"></i> 649 <i class="fas fa-step-forward"></i>
645 </button> 650 </button>
646 <button class="btn btn-primary" @click="stone.GoToLastFrame(canvasId)"> 651 <button class="btn btn-primary" @click="stone.GoToLastFrame(canvasId)">
656 </button> 661 </button>
657 <button type="button" class="btn btn-primary" @click="CineBackward()"> 662 <button type="button" class="btn btn-primary" @click="CineBackward()">
658 <i class="fas fa-play"></i> 663 <i class="fas fa-play"></i>
659 </button> 664 </button>
660 </div> 665 </div>
666 </span>
667 </div>
668 <div class="wv-overlay-bottomright wvPrintExclude" style="bottom: 0px">
669 <div v-if="windowingWidth != 0">
670 ww/cc: {{ windowingCenter }} / {{ windowingWidth }}
661 </div> 671 </div>
662 </div> 672 <div style="padding-top: 0.5em">
663 <div class="wv-overlay-bottomright wvPrintExclude" style="bottom: 0px"> 673 <div v-show="quality == stone.DisplayedFrameQuality.NONE"
664 <div v-show="quality == stone.DisplayedFrameQuality.NONE" 674 style="display:inline-block;background-color:red;width:1em;height:1em" />
665 style="display:block;background-color:red;width:1em;height:1em" /> 675 <div v-show="quality == stone.DisplayedFrameQuality.LOW"
666 <div v-show="quality == stone.DisplayedFrameQuality.LOW" 676 style="display:inline-block;background-color:orange;width:1em;height:1em" />
667 style="display:block;background-color:orange;width:1em;height:1em" /> 677 <div v-show="quality == stone.DisplayedFrameQuality.HIGH"
668 <div v-show="quality == stone.DisplayedFrameQuality.HIGH" 678 style="display:inline-block;background-color:green;width:1em;height:1em" />
669 style="display:block;background-color:green;width:1em;height:1em" /> 679 </div>
670 </div> 680 </div>
671 </div> 681 </div>
672 </div> 682 </div>
673 </div> 683 </div>
674 684