From 32cc4b1ae8ffd20d098f6fff47622728dc9e8922 Mon Sep 17 00:00:00 2001
From: Sandeep Kumar <sandeep.ku@ebix.com>
Date: Fri, 14 Feb 2020 18:17:24 +0530
Subject: [PATCH] Changes for CI CA 3D module panel activity to Save CB

---
 400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js          | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------
 400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js           | 145 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js           | 160 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------
 400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js    | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------
 400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js |  87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 5 files changed, 540 insertions(+), 86 deletions(-)

diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
index 1415ea3..41afb06 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
@@ -22,7 +22,13 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                     'currentViewTitle': '',
                     'parentSlugName': '',
                     'currentSlug': '',
-                    'imageId': ''
+                    'imageId': '',
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
                   
                 });
 
@@ -46,7 +52,13 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                     'currentViewTitle': '',
                     'parentSlugName': '',
                     'currentSlug': '',
-                    'imageId': ''
+                    'imageId': '',
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
                    
                 });
 
@@ -368,7 +380,8 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
 
 
         if (Selected3DImagePath.length > 0) {
-            $.jsPanel({
+            $scope.jsPanel3D =
+                $.jsPanel({
                 id: $scope.jsPanelID,
                 selector: '.threeDView',
                 theme: 'success',
@@ -388,7 +401,29 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                     height: $scope.jsPanelHeight
                 },
 
-            });
+                });
+            //$scope.jsPanel3D.status = "minimized";
+            var max = $scope.Get3DwindowStoreData(windowviewid, 'maximised');
+            var min = $scope.Get3DwindowStoreData(windowviewid, 'minimised');
+            if ($scope.jsPanel3D.status === "maximized" && max) {
+                $scope.jsPanel3D.maximize();
+                $scope.Set3DwindowStoreData(windowviewid, 'maximised', true);
+                $scope.Set3DwindowStoreData(windowviewid, 'minimised', false);
+            }
+            else if ($scope.jsPanel3D.status === "minimized" && min) {
+                $scope.jsPanel3D.minimize();
+                $scope.Set3DwindowStoreData(windowviewid, 'minimised', true);
+                $scope.Set3DwindowStoreData(windowviewid, 'maximised', false);
+            }
+            else {
+                $scope.jsPanel3D.normalize();
+                $scope.Set3DwindowStoreData(windowviewid, 'maximised', false);
+                $scope.Set3DwindowStoreData(windowviewid, 'minimised', false);
+            }            
+            $scope.Set3DwindowStoreData(windowviewid, 'top', $scope.jsPanelTop);
+            $scope.Set3DwindowStoreData(windowviewid, 'left', $scope.jsPanelLeft);
+            $scope.Set3DwindowStoreData(windowviewid, 'width', $scope.jsPanelWidth);
+            $scope.Set3DwindowStoreData(windowviewid, 'height', $scope.jsPanelHeight);
 
             $rootScope.currentSlug = '3d-anatomy-details';
             $scope.Set3DwindowStoreData(windowviewid, 'currentSlug', '3d-anatomy-details');
@@ -408,8 +443,8 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
             $('#ThreeDView').css("width", $(window).outerWidth()-20);
 
         }
-      
-
+        //Calling methode for save Js Panel Activity for SaveCB
+        $scope.PanelActivity();
     }
 
     $scope.AnimationOnLoad = function (windowviewid) {
@@ -437,7 +472,75 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
 
         });
 
-    }   
+    }
+
+    //Created method by Sandeep for Save JSPanel Activity on the CB module
+    $scope.PanelActivity = function () {
+
+        $("#" + $scope.jsPanelID).resizable({
+            stop: function (event, ui) {
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //var w = (this).offsetWidth; var h = (this).offsetHeight;                
+                $scope.Set3DwindowStoreData(windowviewid, 'width', ui.size.width);
+                $scope.Set3DwindowStoreData(windowviewid, 'height', ui.size.height);
+            }
+        });
+
+        $("#" + $scope.jsPanelID).draggable({
+            stop: function (event, ui) {
+                //var jsPanelID = $(this).attr("id");
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //var offSets = $(this).offset(); var postions = (this).position(); (this).offsetTop (this).offsetLeft 
+                $scope.Set3DwindowStoreData(windowviewid, 'top', ui.position.top);
+                $scope.Set3DwindowStoreData(windowviewid, 'left', ui.position.left);
+            }
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            for (var i in $rootScope.TheeDWindowData) {
+                if ($rootScope.TheeDWindowData[i] !== null && typeof ($rootScope.TheeDWindowData[i]) == "object") {
+                    if ($rootScope.TheeDWindowData[i].multiwinid == windowviewid) {
+                        $rootScope.TheeDWindowData.splice(i, 1);
+                    }
+                }
+            }
+            //$(".tools").css("z-index", "15000");
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-max .jsglyph-maximize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.Set3DwindowStoreData(windowviewid, 'maximised', true);
+            $scope.Set3DwindowStoreData(windowviewid, 'minimised', false);
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-min #minSpan", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.Set3DwindowStoreData(windowviewid, 'maximised', false);
+            $scope.Set3DwindowStoreData(windowviewid, 'minimised', true);
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-norm .jsglyph-normalize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.Set3DwindowStoreData(windowviewid, 'maximised', false);
+            $scope.Set3DwindowStoreData(windowviewid, 'minimised', false);
+
+        });
+
+    }
+
 
 }]);
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
index e735ca1..e1124d8 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
@@ -50,7 +50,13 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                     'clickedCAVideo': '',
                     'clickedCASummary': '',
                     'hostedFolderId': '',            
-                    'isTextVisible': true
+                    'isTextVisible': true,
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
                 });
 
         }
@@ -79,7 +85,13 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                     'clickedCAVideo': '',
                     'clickedCASummary': '',
                     'hostedFolderId': '',
-                    'isTextVisible': true
+                    'isTextVisible': true,
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
                 });
 
             }
@@ -829,13 +841,13 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                 $rootScope.isLoading = false;
                 $('#spinner').css('visibility', 'hidden');
 
-                $.jsPanel({
+                $scope.jsPanelCA = $.jsPanel({
                     id: $scope.jsPanelID,
                     selector: '.caView',
                     theme: 'success',
                     currentController: 'CAController',
                     parentSlug: $scope.GetCAwindowStoreData(windowviewid, 'parentSlugName'),
-                    content: '<script src="' + playerScript + '"></script><script>$(document).ready(function(){videojs("#playerinlineVideo_' + windowviewid + '").pause();$("#btnTxtOnOff_' + windowviewid + '").click(function(){if($.trim($(this).text()) === "Text Off"){$(this).text("Text On");$("#sid_' + windowviewid + '").css("visibility","hidden");}else{$(this).text("Text Off");$("#sid_' + windowviewid + '").css("visibility","visible");}});});</script>' +
+                    content: '<script src="' + playerScript + '"></script><script>$(document).ready(function(){videojs("#playerinlineVideo_' + windowviewid + '").pause();$("#btnTxtOnOff_' + windowviewid + '").click(function(){if($.trim($(this).text()) === "Text Off"){$(this).text("Text On");$("#sid_' + windowviewid + '").css("visibility","hidden");}else{$(this).text("Text Off");$("#sid_' + windowviewid + '").css("visibility","visible");} GetTextVisibity(event); });});</script>' +
                          '<div id="pid" class="row"><div id="divplayerinlineVideo_' + windowviewid + '" class="col-sm-12" align="center" width="640" height="480"><video width="640" height="360"' +
                          'class="ADAM_Video video-js vjs-default-skin vjs-big-play-centered" type="$videoType" id="playerinlineVideo_' + windowviewid + '" onloadstart="videoOnLoad(event)"' +
                         ' poster="' + poster + '"' +
@@ -863,9 +875,42 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                         width: $scope.jsPanelWidth,
                         height: $scope.jsPanelHeight
                     },
+                     
 
                 });
 
+                var max = $scope.GetCAwindowStoreData(windowviewid, 'maximised'); 
+                var min = $scope.GetCAwindowStoreData(windowviewid, 'minimised');
+                if ($scope.jsPanelCA.status === "maximized" && max) {
+                    $scope.jsPanelCA.maximize();
+                    $scope.SetCAwindowStoreData(windowviewid, 'maximised', true);
+                    $scope.SetCAwindowStoreData(windowviewid, 'minimised', false);                    
+                }
+                else if ($scope.jsPanelCA.status === "minimized" && min) {
+                    $scope.jsPanelCA.minimize();
+                    $scope.SetCAwindowStoreData(windowviewid, 'minimised', true);
+                    $scope.SetCAwindowStoreData(windowviewid, 'maximised', false);
+                }
+                else {
+                    $scope.jsPanelCA.normalize();
+                    $scope.SetCAwindowStoreData(windowviewid, 'maximised', false);
+                    $scope.SetCAwindowStoreData(windowviewid, 'minimised', false);
+                }
+                
+                //$scope.jsPanelCA.on('jspanelstatechange', function () {
+                //    if ($scope.jsPanelCA.status === "maximized" || $scope.jsPanelCA.status === "normalized") {
+                //        //mypanel2.content.append("<p style='...'><i>jsPanel</i>.status changed to: " + mypanel2.status + "</p>");
+                //    var offSet = $(this).offset(); var postions = (this).position();  event.currentTarget.offset.top; event.currentTarget.offsetleft;
+                //    $scope.SetCIwindowStoreData(windowviewid, 'top', offSet.top);
+                //    $scope.SetCIwindowStoreData(windowviewid, 'left', offSet.left);
+                //    $scope.SetCIwindowStoreData(windowviewid, 'width', event.currentTarget.offsetWidth);
+                //    $scope.SetCIwindowStoreData(windowviewid, 'height', event.currentTarget.offsetHeight);
+                //    }
+                //});
+                $scope.SetCAwindowStoreData(windowviewid, 'top', $scope.jsPanelTop);
+                $scope.SetCAwindowStoreData(windowviewid, 'left', $scope.jsPanelLeft);
+                $scope.SetCAwindowStoreData(windowviewid, 'width', $scope.jsPanelWidth);
+                $scope.SetCAwindowStoreData(windowviewid, 'height', $scope.jsPanelHeight);
 
                 $scope.SetCAwindowStoreData(windowviewid, 'currentSlug', 'clinical-animations-detail');
                 $('html, body').animate({ scrollTop: 0 });
@@ -900,7 +945,8 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                 $('#CAView').css("width", $(window).outerWidth() - 30);
 
             }
-     
+        //Calling methode for save Js Panel Activity for SaveCB
+        $scope.PanelActivity();
     }
 
     $scope.videoOnLoad = function (windowviewid)
@@ -986,6 +1032,85 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
         }
     }
 
+    $scope.GetTextVisiblity = function (windowviewid, btnTextValue) {
+        var isVisible;
+        if (btnTextValue == "Text On") {
+            isVisible = false;
+            $scope.SetCAwindowStoreData(windowviewid, 'isTextVisible', isVisible);
+        } else {
+            isVisible = true;
+            $scope.SetCAwindowStoreData(windowviewid, 'isTextVisible', isVisible);
+        }       
+    }
+
+    //Created method by Sandeep for Save JSPanel Activity on the CB module
+    $scope.PanelActivity = function () {
+
+        $("#" + $scope.jsPanelID).resizable({
+            stop: function (event, ui) {
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //var w = (this).offsetWidth; var h = (this).offsetHeight;                
+                $scope.SetCAwindowStoreData(windowviewid, 'width', ui.size.width);
+                $scope.SetCAwindowStoreData(windowviewid, 'height', ui.size.height);                                          
+            }
+        });        
+
+        $("#" + $scope.jsPanelID).draggable({
+            stop: function( event, ui ) {
+                //var jsPanelID = $(this).attr("id");
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //var offSets = $(this).offset(); var postions = (this).position(); (this).offsetTop (this).offsetLeft 
+                $scope.SetCAwindowStoreData(windowviewid, 'top', ui.position.top);
+                $scope.SetCAwindowStoreData(windowviewid, 'left', ui.position.left);               
+            }
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            for (var i in $rootScope.CAWindowData) {
+                if ($rootScope.CAWindowData[i] !== null && typeof ($rootScope.CAWindowData[i]) == "object") {
+                    if ($rootScope.CAWindowData[i].multiwinid == windowviewid) {
+                        $rootScope.CAWindowData.splice(i, 1);
+                    }
+                }
+            }          
+            //$(".tools").css("z-index", "15000");
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-max .jsglyph-maximize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.SetCAwindowStoreData(windowviewid, 'maximised', true);
+            $scope.SetCAwindowStoreData(windowviewid, 'minimised', false);          
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-min #minSpan", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.SetCAwindowStoreData(windowviewid, 'maximised', false);
+            $scope.SetCAwindowStoreData(windowviewid, 'minimised', true);
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-norm .jsglyph-normalize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            $scope.SetCAwindowStoreData(windowviewid, 'maximised', false);
+            $scope.SetCAwindowStoreData(windowviewid, 'minimised', false);
+
+        });
+
+    }
+
+    
     
 }]);
 
@@ -1002,6 +1127,16 @@ function videoOnLoad(event) {
     });
 }
 
+function GetTextVisibity(event) {
+    var scope = angular.element(document.getElementById("CAView")).scope();
+    var windowviewid = (event.target.id).split("_")[1];
+    var btnTextValue = event.target.innerText;
+
+    scope.$apply(function () {
+        scope.GetTextVisiblity(windowviewid, btnTextValue);
+    });
+}
+
 
 
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
index aeacc7a..141d26b 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
@@ -835,7 +835,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
 
 
 
-            $.jsPanel({
+            $scope.jsPanelCI = $.jsPanel({
                 id: $scope.jsPanelID,
                 selector: '.ciView',
                 theme: 'success',
@@ -859,6 +859,24 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                 },
 
             });
+
+            var max = $scope.GetCIwindowStoreData(windowviewid, 'maximised');
+            var min = $scope.GetCIwindowStoreData(windowviewid, 'minimised');
+            if ($scope.jsPanelCI.status === "maximized" && max) {
+                $scope.jsPanelCI.maximize();
+                $scope.SetCIwindowStoreData(windowviewid, 'maximised', true);
+                $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+            }
+            else if ($scope.jsPanelCI.status === "minimized" && min) {
+                $scope.jsPanelCI.minimize();
+                $scope.SetCIwindowStoreData(windowviewid, 'minimised', true);
+                $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+            }
+            else {
+                $scope.jsPanelCI.normalize();
+                $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+                $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+            }
           
             $scope.SetCIwindowStoreData(windowviewid, 'top', $scope.jsPanelTop);
             $scope.SetCIwindowStoreData(windowviewid, 'left', $scope.jsPanelLeft);
@@ -917,6 +935,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
 
             });
 
+            //Calling methode for save Js Panel Activity for SaveCB
             $scope.PanelActivity();
     }
 
@@ -1011,76 +1030,123 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
 
    //Created method by Sandeep for Save JSPanel Activity on the CB module
     $scope.PanelActivity = function () {
+        //$("#" + $scope.jsPanelID).resizable({
+        //    resize: function (event, ui) {
+        //        var len = (event.currentTarget.id).split("_").length;
+        //        var windowviewid = (event.currentTarget.id).split("_")[len - 1];                
+        //        $scope.SetCIwindowStoreData(windowviewid, 'width', ui.size.width);
+        //        $scope.SetCIwindowStoreData(windowviewid, 'height', ui.size.height);
+                                            
+        //    }
+        //});
+
+        //$("#" + $scope.jsPanelID).mousemove(function (event) {
+        //    var len = (event.currentTarget.id).split("_").length;
+        //    var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+        //    var offSet = $(this).offset();
+        //    $scope.SetCIwindowStoreData(windowviewid, 'top', offSet.top);
+        //    $scope.SetCIwindowStoreData(windowviewid, 'left', offSet.left);
+        //    $scope.SetCIwindowStoreData(windowviewid, 'width', event.currentTarget.offsetWidth);
+        //    $scope.SetCIwindowStoreData(windowviewid, 'height', event.currentTarget.offsetHeight);
+
+        //    console.log(offSet.top, offSet.left, event.currentTarget.offsetWidth, event.currentTarget.offsetHeight)
+        //});
+
+        //$("#" + $scope.jsPanelID).draggable({
+        //    drag: function (evt) {
+        //        //var currentPanelId = $(this).attr("id");
+        //        var len = (event.currentTarget.id).split("_").length;
+        //        var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+        //        //var offSet = $(this).offset();
+        //        $scope.SetCIwindowStoreData(windowviewid, 'top', (this).offsetTop);
+        //        $scope.SetCIwindowStoreData(windowviewid, 'left', (this).offsetLeft);
+        //        $scope.SetCIwindowStoreData(windowviewid, 'width', (this).offsetWidth);
+        //        $scope.SetCIwindowStoreData(windowviewid, 'height', (this).offsetHeight);
+        //    },
+        //});
+
         $("#" + $scope.jsPanelID).resizable({
-            resize: function (event, ui) {
+            stop: function (event, ui) {
                 var len = (event.currentTarget.id).split("_").length;
-                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
-                //$scope.jsPanelWidth = ui.size.width;
-                //$scope.jsPanelHeight = ui.size.height;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];                             
                 $scope.SetCIwindowStoreData(windowviewid, 'width', ui.size.width);
                 $scope.SetCIwindowStoreData(windowviewid, 'height', ui.size.height);
-                //console.log($rootScope.jsPanelWidth, $rootScope.jsPanelHeight);                               
             }
         });
 
-        $("#" + $scope.jsPanelID).mousemove(function (event) {
-            var len = (event.currentTarget.id).split("_").length;
-            var windowviewid = (event.currentTarget.id).split("_")[len - 1];
-            var offSet = $(this).offset();
-            $scope.SetCIwindowStoreData(windowviewid, 'top', offSet.top);
-            $scope.SetCIwindowStoreData(windowviewid, 'left', offSet.left);
-            $scope.SetCIwindowStoreData(windowviewid, 'width', event.currentTarget.offsetWidth);
-            $scope.SetCIwindowStoreData(windowviewid, 'height', event.currentTarget.offsetHeight);
-
-            console.log(offSet.top, offSet.left, event.currentTarget.offsetWidth, event.currentTarget.offsetHeight)
+        $("#" + $scope.jsPanelID).draggable({
+            stop: function (event, ui) {
+                //var jsPanelID = $(this).attr("id");
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //var offSets = $(this).offset(); var postions = (this).position(); (this).offsetTop (this).offsetLeft 
+                $scope.SetCIwindowStoreData(windowviewid, 'top', ui.position.top);
+                $scope.SetCIwindowStoreData(windowviewid, 'left', ui.position.left);
+            }
         });
 
-        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function () {
-            var len = ($scope.jsPanelID).split("_").length;
-            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
-            $(".tools").css("z-index", "15000");
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');            
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
+            for (var i in $rootScope.CIWindowData) {
+                if ($rootScope.CIWindowData[i] !== null && typeof ($rootScope.CIWindowData[i]) == "object") {
+                    if ($rootScope.CIWindowData[i].multiwinid == windowviewid) {
+                        $rootScope.CIWindowData.splice(i, 1);
+                    }
+                }
+            }
+            //$(".tools").css("z-index", "15000");
         });
 
-        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-max .jsglyph-maximize", function () {
-            var len = ($scope.jsPanelID).split("_").length;
-            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-max .jsglyph-maximize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
             $scope.SetCIwindowStoreData(windowviewid, 'maximised', true);
-            $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
-            
+            $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);            
         });
 
-        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-min #minSpan", function () {
-            var len = ($scope.jsPanelID).split("_").length;
-            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-min #minSpan", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;           
+            windowviewid = $scope.jsPanelCI.on('jspanelstatechange' , event);
             $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
             $scope.SetCIwindowStoreData(windowviewid, 'minimised', true);
            
         });
 
-        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-norm .jsglyph-normalize", function () {
-            var len = ($scope.jsPanelID).split("_").length;
-            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];            
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-norm .jsglyph-normalize", function (event) {
+            var currentPanelId = $(event.target).parent().parent().parent().parent().attr('id');
+            var len = (currentPanelId).split("_").length;
+            var windowviewid = (currentPanelId).split("_")[len - 1];
             $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
             $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
             
         });
 
-    }
-
-    //$("#ciImagePanel_410 .ui-draggable-handle .jsPanel-btn-close").click(function () {
-    //    $(this).toggleClass('btn-plus');
-    //    $("#ciImagePanel_410 .ui-draggable-handle .jsPanel-content jsPanel-theme-success").slideToggle();
-    //});
-    
-    //$("#" + $scope.jsPanelID + " .ui-draggable-handle .jsPanel-btn-min").click(function () {
-    //    $(this).toggleClass('btn-plus');
-    //    $("#ciImagePanel_410 .ui-draggable-handle .jsPanel-content jsPanel-theme-success").slideToggle();
-    //});
-    
-
-
-
-   
+        //$scope.jsPanelCI.on('jspanelstatechange', function (event) {
+            //var currentPanelId = $(this).attr("id");
+            //var len = (currentPanelId).split("_").length;
+            //var windowviewid = (currentPanelId).split("_")[len - 1];            
+            //if ($scope.jsPanelCI.status === "maximized") {
+            //    $scope.SetCIwindowStoreData(windowviewid, 'maximised', true);
+            //    $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+            //    //mypanel2.content.append("<p style='...'><i>jsPanel</i>.status changed to: " + mypanel2.status + "</p>");
+            //}
+            //else if($scope.jsPanelCI.status === "minimized"){
+            //    $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+            //    $scope.SetCIwindowStoreData(windowviewid, 'minimised', true);
+            //}
+            //else {
+            //    $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+            //    $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+            //}
+        //});
+
+
+
+    }   
    
 }]
 );
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
index d335a14..66ca609 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CurrBuildController.js
@@ -2332,9 +2332,9 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
             for (var i = 0; i < $rootScope.CIWindowData.length; i++) {
                 $scope.updatedWindowListForSaveCB.push({     
                     
-                        containsCapturedContent: true,//$rootScope.CIWindowData[i]
-                        annotationData: "",//$rootScope.CIWindowData[i]
-                        contextMenu: { lockResize: false, hideTitleBar: false },
+                    containsCapturedContent: true,//$rootScope.CIWindowData[i] // N
+                        annotationData: "",//$rootScope.CIWindowData[i] N
+                        contextMenu: { lockResize: false, hideTitleBar: false }, // N
                         position: {
                             top: $rootScope.CIWindowData[i].top,
                             left: $rootScope.CIWindowData[i].left,
@@ -2349,19 +2349,82 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
                         windowTitle: $rootScope.CIWindowData[i].currentViewTitle,
                         maximised: $rootScope.CIWindowData[i].maximised,
                         mType: $rootScope.CIWindowData[i].moduleName,
-                        id: $rootScope.CIWindowData[i].imageId,//$rootScope.CIWindowData[i].id,
-                        scrollPosition: {
-                            vertical: 0,
-                            horizontal: 0
-                        },
-                        windowListId: 0 //$rootScope.CIWindowData[i]       
+                        id: $rootScope.CIWindowData[i].imageId,
+                        scrollPosition: { vertical: 0, horizontal: 0 },// N
+                        windowListId: 0 //$rootScope.CIWindowData[i] // N      
                  });
                    
             }
             $rootScope.CIWindowData = [];
         }
         
-    }     
+    }
+
+    $scope.saveCAWindowActivity = function (currentId) {
+        if ($rootScope.CAWindowData != undefined && $rootScope.CAWindowData.length > 0) {
+            for (var i = 0; i < $rootScope.CAWindowData.length; i++) {
+                $scope.updatedWindowListForSaveCB.push({
+
+                    containsCapturedContent: true,//$rootScope.CAWindowData[i] // N
+                    //annotationData: "",//$rootScope.CAWindowData[i] N
+                    contextMenu: { lockResize: false, hideToolBar: false, hideTitleBar: false },//N
+                    position: {
+                        top: $rootScope.CAWindowData[i].top,
+                        left: $rootScope.CAWindowData[i].left,
+                    },
+                    size: {
+                        height: $rootScope.CAWindowData[i].height,
+                        width: $rootScope.CAWindowData[i].width
+                    },
+                    textVisible: $rootScope.CAWindowData[i].isTextVisible,
+                    imageId: $rootScope.CAWindowData[i].imageId,
+                    minimised: $rootScope.CAWindowData[i].minimised,
+                    windowTitle: $rootScope.CAWindowData[i].currentViewTitle,
+                    maximised: $rootScope.CAWindowData[i].maximised,
+                    mType: $rootScope.CAWindowData[i].moduleName,
+                    id: $rootScope.CAWindowData[i].imageId,
+                    scrollFlvPosition: { vertical: 0, horizontal: 0 },// N
+                    windowListId: 0 //$rootScope.CAWindowData[i] // N      
+                });
+
+            }
+            $rootScope.CAWindowData = [];
+        }
+    }
+
+    $scope.save3DWindowActivity = function (currentId) {
+        if ($rootScope.TheeDWindowData != undefined && $rootScope.TheeDWindowData.length > 0) {
+            for (var i = 0; i < $rootScope.TheeDWindowData.length; i++) {
+                $scope.updatedWindowListForSaveCB.push({
+
+                    containsCapturedContent: true,//$rootScope.TheeDWindowData[i] // N
+                    //annotationData: "",//$rootScope.TheeDWindowData[i] N                    
+                    contextMenu:{ lockResize: true, hideTitleBar: true, hideToolBar: false, hideLeftBar: false, hideTopToolBar: false },
+                    position: {
+                        top: $rootScope.TheeDWindowData[i].top,
+                        left: $rootScope.TheeDWindowData[i].left,
+                    },
+                    size: {
+                        height: $rootScope.TheeDWindowData[i].height,
+                        width: $rootScope.TheeDWindowData[i].width
+                    },
+                    textVisible: $rootScope.TheeDWindowData[i].isTextVisible,
+                    imageId: $rootScope.TheeDWindowData[i].imageId,
+                    minimised: $rootScope.TheeDWindowData[i].minimised,
+                    windowTitle: $rootScope.TheeDWindowData[i].currentViewTitle,
+                    maximised: $rootScope.TheeDWindowData[i].maximised,
+                    mType: $rootScope.TheeDWindowData[i].moduleName,
+                    id: $rootScope.TheeDWindowData[i].imageId,                    
+                    windowListId: 0, //$rootScope.TheeDWindowData[i] // N
+                    threeDData: $rootScope.TheeDWindowData[i].threeDAnatomyData,
+                    contentPath: $rootScope.TheeDWindowData[i].ImagePath,
+                    scrollPosition: { vertical: $rootScope.TheeDWindowData[i].verticalScroll ? 0 : 0 , horizontal: 0 },
+
+                });
+            }
+            $rootScope.TheeDWindowData = [];
+        }
+    }
 
     $scope.saveAAWindowActivity = function () {
              
@@ -2373,13 +2436,19 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
                         hideAllPins: $rootScope.AAWindowData[i].isHidePinBtnClicked,
                         selectedCallouts: $rootScope.AAWindowData[i].CBselectedpinCordinate,
                         annotationData: "",//No find in AA.js
-                        minimised: false,//N
-                        scrollPosition: { vertical: 279, horizontal: 313 },//N
+                        minimised: $rootScope.AAWindowData[i].minimised,
+                        scrollPosition: {
+                            vertical: $rootScope.AAWindowData[i].verticalScroll,
+                            horizontal: $rootScope.AAWindowData[i].horizontalScroll
+                        },
                         selectedStructureID: 0,//N
                         selectedPins: $rootScope.AAWindowData[i].clickedPins,
-                        maximised: false,//N
-                        size: { width: 800, height: 297 },//N
-                        id: "492",//N
+                        maximised: $rootScope.AAWindowData[i].maximised,
+                        size: {
+                            width: $rootScope.AAWindowData[i].width,
+                            height: $rootScope.AAWindowData[i].height
+                        },
+                        id: $rootScope.AAWindowData[i].imageId,
                         showSelectedPins: $rootScope.AAWindowData[i].isShowSelectedSystemPinsClicked,
                         hideCallOuts: false,//N
                         showAllPins: $rootScope.AAWindowData[i].isShowBodyWithCBPinData,//N
@@ -2387,13 +2456,14 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
                         bodySystemId: $rootScope.AAWindowData[i].SelectedSystemID,
                         windowListId: "0",//N
                         imageId: $rootScope.AAWindowData[i].imageId,
-                        position: { x: 840, y: 263 },//N
+                        //position: { x: 840, y: 263 },
+                        position: {
+                            top: $rootScope.AAWindowData[i].top,
+                            left: $rootScope.AAWindowData[i].left,
+                        },
                         mType: $rootScope.AAWindowData[i].moduleName,
                         containsCapturedContent: true,
-                        contextMenu: { hideLeftBar: false, hideTitleBar: false, hideTopToolBar: false, lockResize: false },
-
-                        //position: { top: $rootScope.jsPanelTop, left: $rootScope.jsPanelLeft },
-                        //size: { width: $rootScope.jsPanelWidth, height: $rootScope.jsPanelHeight }
+                        contextMenu: { hideLeftBar: false, hideTitleBar: false, hideTopToolBar: false, lockResize: false }                      
 
 
                 });                   
@@ -2406,9 +2476,9 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
         
         //$scope.saveDAWindowActivity();
         //$scope.saveAAWindowActivity(currentId);
-        $scope.saveCIWindowActivity(currentId);
+        //$scope.saveCIWindowActivity(currentId);
         //$scope.saveCAWindowActivity();
-        //$scope.save3DWindowActivity();            
+        $scope.save3DWindowActivity();            
         //$scope.savePicWindowActivity($scope.windowDataforCB);
         if ($scope.updatedWindowListForSaveCB.length > 0) {
             findKeyForChange($rootScope.contentNotesForSaveCB, currentId);
@@ -2421,7 +2491,8 @@ function ($scope, $rootScope, pages, log, Modules, $http, $compile, $location, $
         $scope.updatedWindowListForSaveCB = [];
         console.log($rootScope.contentNotesForSaveCB);
     }   
-  
+    
+    
 
     //$rootScope.updateWindowsContentForSaveCB = function (windowData) {
 
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 7b29b2c..d351112 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -88,7 +88,15 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                     'sliderVal':100,
                     'speechBubbleDimaensions':[],
                     'isShowBodyWithCBPinData':false,
-                    'CBselectedpinCordinate':[]
+                    'CBselectedpinCordinate': [],
+                    'verticalScroll': 0,
+                    'horizontalScroll':0,
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
 
                 });          
         
@@ -134,7 +142,15 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                     'sliderVal':100,
                     'speechBubbleDimaensions':[],
                     'isShowBodyWithCBPinData':false,
-                    'CBselectedpinCordinate':[]
+                    'CBselectedpinCordinate': [],
+                    'verticalScroll': 0,
+                    'horizontalScroll': 0,
+                    'top': 0,
+                    'left': 0,
+                    'width': 0,
+                    'height': 0,
+                    'minimised': false,
+                    'maximised': false
                     
                 });          
         
@@ -659,6 +675,8 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                  }, 400);
          
         }
+        //Calling methode for save Js Panel Activity for SaveCB
+        $scope.PanelActivity();
     }
 
    
@@ -1967,8 +1985,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 var windowviewid = (clickedSpeechBubbleId).split("_")[len-1];
                 
                 var verticalScrollPosition = document.getElementById('canvasAADiv_'+windowviewid).scrollTop;
-                var horizontlScrollPosition = document.getElementById('canvasAADiv_'+windowviewid).scrollLeft;
-               
+                var horizontlScrollPosition = document.getElementById('canvasAADiv_' + windowviewid).scrollLeft;
+                //Calling Method to save ScrollPosition for Save CB
+                $scope.SetAAwindowStoreData(windowviewid, 'verticalScroll', verticalScrollPosition);
+                $scope.SetAAwindowStoreData(windowviewid, 'horizontalScroll', horizontlScrollPosition);
                 var sppechBubbleId = $(this).attr("id").substring(12);
                 var speechBubbleDraggedLineID = "speechBubbleDraggedLine" + sppechBubbleId;
 
@@ -2948,6 +2968,65 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         }
 
     });
+
+    //Created method by Sandeep for Save JSPanel Activity on the CB module
+    $scope.PanelActivity = function () {
+        $("#" + $scope.jsPanelID).resizable({
+            resize: function (event, ui) {
+                var len = (event.currentTarget.id).split("_").length;
+                var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+                //$scope.jsPanelWidth = ui.size.width;
+                //$scope.jsPanelHeight = ui.size.height;
+                $scope.SetCIwindowStoreData(windowviewid, 'width', ui.size.width);
+                $scope.SetCIwindowStoreData(windowviewid, 'height', ui.size.height);
+                //console.log($rootScope.jsPanelWidth, $rootScope.jsPanelHeight);                               
+            }
+        });
+
+        $("#" + $scope.jsPanelID).mousemove(function (event) {
+            var len = (event.currentTarget.id).split("_").length;
+            var windowviewid = (event.currentTarget.id).split("_")[len - 1];
+            var offSet = $(this).offset();
+            $scope.SetCIwindowStoreData(windowviewid, 'top', offSet.top);
+            $scope.SetCIwindowStoreData(windowviewid, 'left', offSet.left);
+            $scope.SetCIwindowStoreData(windowviewid, 'width', event.currentTarget.offsetWidth);
+            $scope.SetCIwindowStoreData(windowviewid, 'height', event.currentTarget.offsetHeight);
+
+            console.log(offSet.top, offSet.left, event.currentTarget.offsetWidth, event.currentTarget.offsetHeight)
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function () {
+            var len = ($scope.jsPanelID).split("_").length;
+            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+            $(".tools").css("z-index", "15000");
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-max .jsglyph-maximize", function () {
+            var len = ($scope.jsPanelID).split("_").length;
+            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+            $scope.SetCIwindowStoreData(windowviewid, 'maximised', true);
+            $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-min #minSpan", function () {
+            var len = ($scope.jsPanelID).split("_").length;
+            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+            $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+            $scope.SetCIwindowStoreData(windowviewid, 'minimised', true);
+
+        });
+
+        $(document).on("click", "#" + $scope.jsPanelID + " .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-norm .jsglyph-normalize", function () {
+            var len = ($scope.jsPanelID).split("_").length;
+            var windowviewid = ($scope.jsPanelID).split("_")[len - 1];
+            $scope.SetCIwindowStoreData(windowviewid, 'maximised', false);
+            $scope.SetCIwindowStoreData(windowviewid, 'minimised', false);
+
+        });
+
+    }
+
 }]);
 
 
--
libgit2 0.21.4