AWV-1: Clearing empty viewports labels

This commit is contained in:
Bruno Alves de Faria 2016-09-03 11:38:26 -03:00
parent e4dfd7c4bf
commit 54481cf716
4 changed files with 92 additions and 85 deletions

View File

@ -22,7 +22,7 @@
<div>{{seriesDescription}}</div> <div>{{seriesDescription}}</div>
</div> </div>
{{#if gt numImages 1}} {{#if gt numImages 1}}
{{> imageControls imageIndex=imageIndex numImages=numImages}} {{>imageControls imageIndex=imageIndex numImages=numImages}}
{{ /if }} {{/if}}
</div> </div>
</template> </template>

View File

@ -10,27 +10,30 @@
color: $uiYellow color: $uiYellow
p, h4 p, h4
text-align: center
padding: 4px 0 padding: 4px 0
text-align: center
word-wrap: break-word
p p
font-size: 11pt font-size: 11pt
.loadingIndicator .loadingIndicator
background-color: rgba(0,0,0,0.75)
display: none display: none
font-size: 18px
height: 100%
overflow: hidden
pointer-events: none // Necessary for click-through to cornerstone element below pointer-events: none // Necessary for click-through to cornerstone element below
position: absolute position: absolute
top: 0 top: 0
width: 100% width: 100%
height: 100%
font-size: 18px
z-index: 100 z-index: 100
background-color: rgba(0,0,0,0.75)
.indicatorContents .indicatorContents
position: absolute
top: 40%
width: 100%
font-size: 30px font-size: 30px
font-weight: 300 font-weight: 300
position: absolute
text-align: center text-align: center
top: 50%
transform(translateY(-50%))
width: 100%

View File

@ -1,6 +1,6 @@
<template name="viewportOverlay"> <template name="viewportOverlay">
<div class="imageViewerViewportOverlay noselect {{#if gt numImages 1}}controlsVisible{{/if}}"> <div class="imageViewerViewportOverlay noselect {{#if gt numImages 1}}controlsVisible{{/if}}">
{{ #unless tagDisplaySpecified }} {{#unless tagDisplaySpecified}}
<div class="topleft dicomTag"> <div class="topleft dicomTag">
<div>{{formatPN patientName}}</div> <div>{{formatPN patientName}}</div>
<div>{{patientId}}</div> <div>{{patientId}}</div>
@ -20,15 +20,16 @@
<div>{{#if gt numImages 1}}Img: {{instanceNumber}} ({{imageIndex}}/{{numImages}}){{/if}}</div> <div>{{#if gt numImages 1}}Img: {{instanceNumber}} ({{imageIndex}}/{{numImages}}){{/if}}</div>
<div>{{#if frameRate}}{{frameRate}} FPS{{/if}}</div> <div>{{#if frameRate}}{{frameRate}} FPS{{/if}}</div>
<div>{{imageDimensions}}</div> <div>{{imageDimensions}}</div>
<div>{{#if location}}Loc: {{location}} mm{{/if}} <div>
{{#if thickness}}Thick: {{thickness}} mm{{/if}} <span>{{#if location}}Loc: {{location}} mm{{/if}}</span>
{{#if spacingBetweenSlices}}Spacing: {{spacingBetweenSlices}} mm{{/if}} <span>{{#if thickness}}Thick: {{thickness}} mm{{/if}}</span>
<span>{{#if spacingBetweenSlices}}Spacing: {{spacingBetweenSlices}} mm{{/if}}</span>
</div> </div>
<div>{{seriesDescription}}</div> <div>{{seriesDescription}}</div>
</div> </div>
{{ /unless }} {{/unless}}
{{ #if tagDisplayRightOnly }} {{#if tagDisplayRightOnly}}
<div class="topright dicomTag"> <div class="topright dicomTag">
<div>{{formatPN patientName}}</div> <div>{{formatPN patientName}}</div>
<div>{{patientId}}</div> <div>{{patientId}}</div>
@ -46,9 +47,9 @@
<div>{{compression}}</div> <div>{{compression}}</div>
<div>{{wwwc}}</div> <div>{{wwwc}}</div>
</div> </div>
{{ /if }} {{/if}}
{{ #if tagDisplayLeftOnly }} {{#if tagDisplayLeftOnly}}
<div class="topleft dicomTag"> <div class="topleft dicomTag">
<div>{{formatPN patientName}}</div> <div>{{formatPN patientName}}</div>
<div>{{patientId}}</div> <div>{{patientId}}</div>
@ -66,10 +67,10 @@
<div>{{compression}}</div> <div>{{compression}}</div>
<div>{{wwwc}}</div> <div>{{wwwc}}</div>
</div> </div>
{{ /if }} {{/if}}
{{#if gt numImages 1}} {{#if gt numImages 1}}
{{> imageControls imageIndex=imageIndex numImages=numImages}} {{>imageControls imageIndex=imageIndex numImages=numImages}}
{{ /if }} {{/if}}
</div> </div>
</template> </template>

View File

@ -2,6 +2,9 @@
$viewportTagPadding = 20px $viewportTagPadding = 20px
.imageViewerViewport.empty ~ .imageViewerViewportOverlay
display: none
.imageViewerViewportOverlay .imageViewerViewportOverlay
color: $textSecondaryColor color: $textSecondaryColor