Mercurial > hg > orthanc-stone
diff 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 |
line wrap: on
line diff
--- a/Applications/StoneWebViewer/WebApplication/index.html Tue Dec 01 10:42:45 2020 +0100 +++ b/Applications/StoneWebViewer/WebApplication/index.html Tue Dec 01 12:13:43 2020 +0100 @@ -618,9 +618,12 @@ {{ app.FormatDate(content.series.tags[STUDY_DATE]) }}<br/> {{ content.series.tags[SERIES_NUMBER] }} | {{ content.series.tags[SERIES_DESCRIPTION] }} </div> - <div class="wv-overlay-timeline-wrapper wvPrintExclude"> - <div style="text-align:left; padding:5px" v-show="numberOfFrames != 0"> - <div style="width: 12em; padding: 1em;" v-show="cineControls"> + <div class="wv-overlay-bottomleft wvPrintExclude" style="bottom: 0px"> + <div v-show="instanceNumber != 0" style="padding-bottom: 1em"> + Instance number: {{ instanceNumber }} + </div> + <span v-show="numberOfFrames != 0"> + <div style="width: 12em;" v-show="cineControls"> <label> Frame rate <span class="wv-play-button-config-framerate-wrapper"> @@ -638,7 +641,9 @@ <i class="fas fa-step-backward"></i> </button> </div> - {{ currentFrame }} / {{ numberOfFrames }} + <span data-toggle="tooltip" data-title="Current frame number"> + {{ currentFrame }} / {{ numberOfFrames }} + </span> <div class="btn-group btn-group-sm" role="group"> <button class="btn btn-primary" @click="IncrementFrame()"> <i class="fas fa-step-forward"></i> @@ -658,15 +663,20 @@ <i class="fas fa-play"></i> </button> </div> - </div> + </span> </div> <div class="wv-overlay-bottomright wvPrintExclude" style="bottom: 0px"> - <div v-show="quality == stone.DisplayedFrameQuality.NONE" - style="display:block;background-color:red;width:1em;height:1em" /> - <div v-show="quality == stone.DisplayedFrameQuality.LOW" - style="display:block;background-color:orange;width:1em;height:1em" /> - <div v-show="quality == stone.DisplayedFrameQuality.HIGH" - style="display:block;background-color:green;width:1em;height:1em" /> + <div v-if="windowingWidth != 0"> + ww/cc: {{ windowingCenter }} / {{ windowingWidth }} + </div> + <div style="padding-top: 0.5em"> + <div v-show="quality == stone.DisplayedFrameQuality.NONE" + style="display:inline-block;background-color:red;width:1em;height:1em" /> + <div v-show="quality == stone.DisplayedFrameQuality.LOW" + style="display:inline-block;background-color:orange;width:1em;height:1em" /> + <div v-show="quality == stone.DisplayedFrameQuality.HIGH" + style="display:inline-block;background-color:green;width:1em;height:1em" /> + </div> </div> </div> </div>