Mercurial > hg > orthanc-stone

comparison Applications/StoneWebViewer/WebApplication/index.html @ 1563:e0045462a25c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
cont print
author Sebastien Jodogne <s.jodogne@gmail.com>
date Fri, 21 Aug 2020 21:57:54 +0200
parents 2a4a6b967053
children e4a52cbbdd70
comparison
equal deleted inserted replaced
1562:2a4a6b967053 1563:e0045462a25c
118 </button> 118 </button>
119 </div> 119 </div>
120 </div> 120 </div>
121 121
122 122
123 <div class="wvLayoutLeft" v-show="leftVisible" 123 <div class="wvLayoutLeft wvPrintExclude" v-show="leftVisible"
124 v-bind:class="{ 'wvLayoutLeft--small': leftMode == 'small' }" 124 v-bind:class="{ 'wvLayoutLeft--small': leftMode == 'small' }"
125 > 125 >
126 <div class="wvLayoutLeft__actions" style="z-index:10"> 126 <div class="wvLayoutLeft__actions" style="z-index:10">
127 <button class="wvLayoutLeft__action button__base wh__25 lh__25 text-center" 127 <button class="wvLayoutLeft__action button__base wh__25 lh__25 text-center"
128 @click="leftVisible = false"> 128 @click="leftVisible = false">
247 </div> 247 </div>
248 <div class="wvLayout__main" 248 <div class="wvLayout__main"
249 v-bind:class="{ 'wvLayout__main--smallleftpadding': leftVisible && leftMode == 'small', 'wvLayout__main--leftpadding': leftVisible && leftMode != 'small' }" 249 v-bind:class="{ 'wvLayout__main--smallleftpadding': leftVisible && leftMode == 'small', 'wvLayout__main--leftpadding': leftVisible && leftMode != 'small' }"
250 > 250 >
251 251
252 <div class="wvToolbar wvToolbar--top"> 252 <div class="wvToolbar wvToolbar--top wvPrintExclude">
253 <div class="ng-scope inline-object"> 253 <div class="ng-scope inline-object">
254 <div class="tbGroup"> 254 <div class="tbGroup">
255 <div class="tbGroup__toggl"> 255 <div class="tbGroup__toggl">
256 <button class="wvButton" 256 <button class="wvButton"
257 v-bind:class="{ 'wvButton--underline' : !viewportLayoutButtonsVisible }" 257 v-bind:class="{ 'wvButton--underline' : !viewportLayoutButtonsVisible }"
402 </button> 402 </button>
403 </div> 403 </div>
404 </div> 404 </div>
405 405
406 406
407 <div class="wvLayout__splitpane--toolbarAtTop"> 407 <div class="wvLayout__splitpane--toolbarAtTop wvPrintFullPage">
408 <div id="viewport" class="wvSplitpane"> 408 <div id="viewport" class="wvSplitpane">
409 <viewport v-on:updated-series="SetViewportSeries(1, $event)" 409 <viewport v-on:updated-series="SetViewportSeries(1, $event)"
410 v-on:selected-viewport="activeViewport=1" 410 v-on:selected-viewport="activeViewport=1"
411 v-show="viewport1Visible" 411 v-show="viewport1Visible"
412 canvas-id="canvas1" 412 canvas-id="canvas1"
532 'wvSplitpane__cellBorder--violet' : series.color == 'violet' 532 'wvSplitpane__cellBorder--violet' : series.color == 'violet'
533 }" 533 }"
534 v-on:dragover="SeriesDragAccept($event)" 534 v-on:dragover="SeriesDragAccept($event)"
535 v-on:drop="SeriesDragDrop($event)" 535 v-on:drop="SeriesDragDrop($event)"
536 style="width:100%;height:100%"> 536 style="width:100%;height:100%">
537 <div class="wvSplitpane__cell" 537 <div class="wvSplitpane__cell"
538 v-on:click="MakeActive()"> 538 v-on:click="MakeActive()">
539 <div v-show="status == 'ready'" 539 <div v-show="status == 'ready'"
540 style="position:absolute; left:0; top:0; width:100%; height:100%"> 540 style="position:absolute; left:0; top:0; width:100%; height:100%">
541 <!--div style="width: 100%; height: 100%; background-color: red"></div--> 541 <!--div style="width: 100%; height: 100%; background-color: red"></div-->
542 <canvas v-bind:id="canvasId" 542 <canvas v-bind:id="canvasId" class="wvPrintViewer"
543 style="position:absolute; left:0; top:0; width:100%; height:100%" 543 style="position:absolute; left:0; top:0; width:100%; height:100%"
544 oncontextmenu="return false"></canvas> 544 oncontextmenu="return false"></canvas>
545 545
546 <div v-if="'tags' in series" v-show="showInfo"> 546 <div v-if="'tags' in series" v-show="showInfo">
547 <div class="wv-overlay"> 547 <div class="wv-overlay">
552 <div class="wv-overlay-topright"> 552 <div class="wv-overlay-topright">
553 {{ series.tags['0008,1030'] }}<br/> 553 {{ series.tags['0008,1030'] }}<br/>
554 {{ series.tags['0008,0020'] }}<br/> 554 {{ series.tags['0008,0020'] }}<br/>
555 {{ series.tags['0020,0011'] }} | {{ series.tags['0008,103e'] }} 555 {{ series.tags['0020,0011'] }} | {{ series.tags['0008,103e'] }}
556 </div> 556 </div>
557 <div class="wv-overlay-bottomleft" 557 <div class="wv-overlay-bottomleft wvPrintExclude"
558 v-show="framesCount != 0"> 558 v-show="framesCount != 0">
559 <button class="btn btn-primary" @click="DecrementFrame()"> 559 <button class="btn btn-primary" @click="DecrementFrame()">
560 <i class="fa fa-chevron-circle-left"></i> 560 <i class="fa fa-chevron-circle-left"></i>
561 </button> 561 </button>
562 &nbsp;&nbsp;{{ currentFrame }} / {{ framesCount }}&nbsp;&nbsp; 562 &nbsp;&nbsp;{{ currentFrame }} / {{ framesCount }}&nbsp;&nbsp;
563 <button class="btn btn-primary" @click="IncrementFrame()"> 563 <button class="btn btn-primary" @click="IncrementFrame()">
564 <i class="fa fa-chevron-circle-right"></i> 564 <i class="fa fa-chevron-circle-right"></i>
565 </button> 565 </button>
566 </div> 566 </div>
567 <div class="wv-overlay-bottomright"> 567 <div class="wv-overlay-bottomright wvPrintExclude">
568 <div v-show="quality == stone.DisplayedFrameQuality.NONE" 568 <div v-show="quality == stone.DisplayedFrameQuality.NONE"
569 style="display:block;background-color:red;width:1em;height:1em" /> 569 style="display:block;background-color:red;width:1em;height:1em" />
570 <div v-show="quality == stone.DisplayedFrameQuality.LOW" 570 <div v-show="quality == stone.DisplayedFrameQuality.LOW"
571 style="display:block;background-color:orange;width:1em;height:1em" /> 571 style="display:block;background-color:orange;width:1em;height:1em" />
572 <div v-show="quality == stone.DisplayedFrameQuality.HIGH" 572 <div v-show="quality == stone.DisplayedFrameQuality.HIGH"