TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Displaying 'I: ' in addition to 's: ' on thumbnail entries

Browse Source
This commit is contained in:
Bruno Alves de Faria 2016-08-20 14:03:00 -03:00
parent 3732d7cf70
commit d6dd104cba
4 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Packages/design/styles/common/global.styl
View File

@ -4,7 +4,7 @@ html body
font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
// Try to fix LT-273, need a monitor to test on though. // Try to fix LT-273, need a monitor to test on though.
//text-rendering: optimizeLegibility //text-rendering: optimizeLegibility
html hr html hr
border-top: 1px solid $uiBorderColor border-top: 1px solid $uiBorderColor
@ -38,4 +38,3 @@ html hr
.modal-header, .modal-footer .modal-header, .modal-footer
border-color: $uiBorderColor border-color: $uiBorderColor

12
Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html
View File

@ -3,19 +3,21 @@
<div class="p-x-1"> <div class="p-x-1">
{{>imageThumbnail (clone this)}} {{>imageThumbnail (clone this)}}
</div> </div>
<div class="seriesDetails m-a-1"> <div class="seriesDetails clearfix m-x-1">
<div class="seriesDescription"> <div class="seriesDescription">
{{this.thumbnail.stack.seriesDescription}} {{this.thumbnail.stack.seriesDescription}}
</div> </div>
<div class="seriesInformation"> <div class="seriesInformation">
<div class="seriesInformationIcons">
<strong>S:</strong>
<div></div>
</div>
<div class="seriesInformationNumbers"> <div class="seriesInformationNumbers">
<div>{{this.thumbnail.stack.seriesNumber}}</div> <div>{{this.thumbnail.stack.seriesNumber}}</div>
{{#unless isUndefined instanceNumber}}<div>{{instanceNumber}}</div>{{/unless}}
<div>{{this.thumbnail.stack.numImageFrames}}</div> <div>{{this.thumbnail.stack.numImageFrames}}</div>
</div> </div>
<div class="seriesInformationIcons">
<strong>S:</strong>
{{#unless isUndefined instanceNumber}}<strong>I:</strong>{{/unless}}
<div></div>
</div>
</div> </div>
</div> </div>
</div> </div>

3
Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js
View File

@ -248,5 +248,8 @@ Template.thumbnailEntry.events({
Template.thumbnailEntry.helpers({ Template.thumbnailEntry.helpers({
draggableClass() { draggableClass() {
return Template.instance().isDragAndDrop ? 'draggable' : ''; return Template.instance().isDragAndDrop ? 'draggable' : '';
},
instanceNumber() {
return Template.instance().data.thumbnail.stack.images[0].instanceNumber;
} }
}); });

12
Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.styl
View File

@ -21,12 +21,13 @@ $seriesCountBackgroundColor = #678696
word-wrap: break-word word-wrap: break-word
.seriesDescription .seriesDescription
float: left
margin-right: 54px margin-right: 54px
width: calc(100% - 50px)
.seriesInformation .seriesInformation
position: absolute float: right
right: 0 width: 50px
top: 0
.seriesInformationNumbers .seriesInformationNumbers
.seriesInformationIcons .seriesInformationIcons
@ -34,15 +35,16 @@ $seriesCountBackgroundColor = #678696
.seriesInformationNumbers .seriesInformationNumbers
color: $textSecondaryColor color: $textSecondaryColor
float: left float: right
font-size: 12px font-size: 12px
.seriesInformationIcons .seriesInformationIcons
float: left float: right
text-align: right text-align: right
strong strong
color: $activeColor color: $activeColor
display: block
font-size: 10px font-size: 10px
font-weight: 900 font-weight: 900