Mercurial > hg > orthanc-stone
comparison Applications/StoneWebViewer/WebApplication/index.html @ 1563:e0045462a25c
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 {{ currentFrame }} / {{ framesCount }} | 562 {{ currentFrame }} / {{ framesCount }} |
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" |