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

Add visual cue to active viewport

Browse Source
This commit is contained in:
Erik Ziegler 2015-10-31 17:19:58 +01:00
parent 587999b8dd
commit 48defe8bf1
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Packages/viewerbase/components/viewer/imageViewerViewport/imageViewerViewport.js
View File

@ -250,6 +250,11 @@ Template.imageViewerViewport.onRendered(function() {
var studies = Session.get('studies'); var studies = Session.get('studies');
var activeViewport = Session.get('activeViewport'); var activeViewport = Session.get('activeViewport');
if (activeViewport === this.data.viewportIndex) {
$('#imageViewerViewports .viewportContainer').removeClass('active');
$(element).parents('.viewportContainer').addClass('active');
}
var data = { var data = {
element: element, element: element,
viewport: this.data.viewport, viewport: this.data.viewport,
@ -305,6 +310,9 @@ Template.imageViewerViewport.events({
log.info("imageViewerViewport ActivateViewport"); log.info("imageViewerViewport ActivateViewport");
Session.set("activeViewport", this.viewportIndex); Session.set("activeViewport", this.viewportIndex);
$('#imageViewerViewports .viewportContainer').removeClass('active');
$(e.currentTarget).parents('.viewportContainer').addClass('active');
enablePrefetchOnElement(this.viewportIndex); enablePrefetchOnElement(this.viewportIndex);
displayReferenceLines(this.viewportIndex); displayReferenceLines(this.viewportIndex);
}, },

6
Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl
View File

@ -6,6 +6,12 @@
float: left float: left
border: 2px solid #777 border: 2px solid #777
&.active, &:hover.active
border: 2px solid #9A6617
&:hover
border: 2px solid white
.removable .removable
width: 100% width: 100%
height: 100% height: 100%