From 2ceca2bd1088ae8f4c2ce0e2dee032d510e5ee52 Mon Sep 17 00:00:00 2001
From: Aysel Afsar <aysel.afsar@gmail.com>
Date: Tue, 19 Jan 2016 23:35:41 -0500
Subject: [PATCH] LT-150: Added isPanelPinned property in ViewerData session to
 check whether thumbnails panel of the active tab is pinned or not

---
 .../basic/hidingPanel/hidingPanel.js          | 61 ++++++++++++++++---
 1 file changed, 51 insertions(+), 10 deletions(-)

diff --git a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
index b97541b02..c4445a763 100644
--- a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
+++ b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
@@ -1,3 +1,25 @@
+
+function pinPanel() {
+    var hidingPanel = $(".hidingPanel");
+    hidingPanel.css({
+        width: '122px'
+    });
+
+    hidingPanel.find('.hidingPanelContent').css({
+        transform: 'translate(130px)'
+    });
+
+    // Calculate newWidth of viewportAndLesionTable
+    var viewerWidth = $('#viewer').width();
+    var newWidth = 100 - 122 / viewerWidth * 100;
+    $("#viewportAndLesionTable").css('width', newWidth + '%');
+}
+
+function unpinPanel() {
+// Calculate newWidth of viewportAndLesionTable
+    $("#viewportAndLesionTable").css('width', '99%');
+}
+
 Template.hidingPanel.events({
     'mouseover div.hidingPanel': function(e, template) {
         var isPinned = template.isPinned.get();
@@ -52,15 +74,15 @@ Template.hidingPanel.events({
 
         template.isPinned.set(isPinned);
 
-        var mainElements = $('#viewportAndLesionTable');
+        // Set isPanelPinned of ViewerData
+        var contentId = template.data.contentId;
+        ViewerData[contentId].isPanelPinned = isPinned;
+        Session.set('ViewerData', ViewerData);
+
         if (isPinned) {
-            // Calculate newWidth of viewportAndLesionTable
-            var viewerWidth = $('#viewer').width();
-            var newWidth = 100 - 122 / viewerWidth * 100;
-            mainElements.css('width', newWidth + '%');
+            pinPanel();
         } else {
-            // Calculate newWidth of viewportAndLesionTable
-            mainElements.css('width', '99%');
+            unpinPanel();
         }
 
         resizeViewportElements();
@@ -76,7 +98,26 @@ Template.hidingPanel.helpers({
     }
 });
 
-Template.hidingPanel.onCreated(function() {
-    this.panelOpen = new ReactiveVar(false);
-    this.isPinned = new ReactiveVar(false);
+Template.hidingPanel.onRendered(function() {
+
+    var contentId = this.data.contentId;
+    var isPanelPinned = ViewerData[contentId].isPanelPinned;
+    if (isPanelPinned) {
+        pinPanel();
+    }
+
+});
+
+Template.hidingPanel.onCreated(function() {
+
+    this.panelOpen = new ReactiveVar(false);
+
+    var contentId = this.data.contentId;
+    var isPanelPinned = ViewerData[contentId].isPanelPinned;
+    if (!isPanelPinned) {
+        isPanelPinned = false;
+    }
+    this.isPinned = new ReactiveVar(isPanelPinned);
+
+
 });