Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1720:b8d19f53aaca
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 {{ currentFrame }} / {{ numberOfFrames }} | 644 <span data-toggle="tooltip" data-title="Current frame number"> |
645 {{ currentFrame }} / {{ numberOfFrames }} | |
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 |