in progress for jsPanel

Amrita Vishnoi
1 parent 321d39b4
Showing 5 changed files with 114 additions and 81 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
400-SOURCECODE/AIAHTML5.Web/app/views/module-item-view.html
400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
 'use strict';
-AIA.controller("TileViewListController", ["$scope", "$rootScope", "$compile", "$http", "$log", "$location", "$timeout", "DA", "Modules", "$routeParams", "DataService",
-function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Modules, $routeParam, DataService) {
+AIA.controller("TileViewListController", ["$scope", "$rootScope", "$compile", "$http", "$log", "$location", "$timeout", "DA", "Modules", "$routeParams", "DataService", "ModuleService",
+function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Modules, $routeParam, DataService,ModuleService) {
     $scope.genderId = "";
@@ -184,6 +184,23 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
               )
     }
+    $scope.openModuleItemView = function (event) {
+        //alert('openModuleItemView is called')
+        var moduleItemDataToBeSaved = event.target.id;
+
+        var OpendTileData = [];
+
+        OpendTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
+
+        $rootScope.imageName = OpendTileData[3];
+
+        $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + OpendTileData[3];
+        //alert('img Name: ' +$scope.OpenItemImageName);
+
+        var u = $location.url();
+        $location.url('/module-item-view');
+    }
+
     //get the DA body view list based on selected gender
     //get the DA body view list based on selected gender
     $scope.getDAViewList = function ($event) {
@@ -437,51 +454,67 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         //0. we will initially append container to load body
         //check if localstorage has any settings
-        var curentEthnicity = localStorage.getItem("globalEthnicity");
-        if (typeof (curentEthnicity) !== "undefined" && curentEthnicity !== null) {
-            $rootScope.globalSetting.ethnicity = curentEthnicity;
-        }
+        //var curentEthnicity = localStorage.getItem("globalEthnicity");
+        //if (typeof (curentEthnicity) !== "undefined" && curentEthnicity !== null) {
+        //    $rootScope.globalSetting.ethnicity = curentEthnicity;
+        //}
-        var curentmodesty = localStorage.getItem("globalModesty");
-        if (typeof (curentmodesty) !== "undefined" && curentmodesty !== null) {
-            $rootScope.globalSetting.modesty = curentmodesty
-        }
+        //var curentmodesty = localStorage.getItem("globalModesty");
+        //if (typeof (curentmodesty) !== "undefined" && curentmodesty !== null) {
+        //    $rootScope.globalSetting.modesty = curentmodesty
+        //}
         //0.1
-        var currentBodyViewId = localStorage.getItem("currentBodyViewId");
+        //var currentBodyViewId = localStorage.getItem("currentBodyViewId");
-        $scope.loadSearchDataForBodyView();
+        //$scope.loadSearchDataForBodyView();
-        console.log('currentBodyViewId pickjed from localStorage: ' + currentBodyViewId);
+        //console.log('currentBodyViewId pickjed from localStorage: ' + currentBodyViewId);
-        var openViews;
-        if ($rootScope.openViews != null || $rootScope.openViews != undefined) {
-            if ($rootScope.openViews.length > 0) {
-                openViews = new jinqJs()
-                           .from($rootScope.openViews)
-                           .where("BodyViewId == " + currentBodyViewId)
-                           .select();
-            }
-        }
+        //var openViews;
+        //if ($rootScope.openViews != null || $rootScope.openViews != undefined) {
+        //    if ($rootScope.openViews.length > 0) {
+        //        openViews = new jinqJs()
+        //                   .from($rootScope.openViews)
+        //                   .where("BodyViewId == " + currentBodyViewId)
+        //                   .select();
+        //    }
+        //}
         // 0.2 getting corresponding body view title
         //var counter = 1;
-        var tittle = localStorage.getItem("currentViewTitleFromJson");
-        localStorage.setItem("currentViewTitle", tittle);
+        //var tittle = localStorage.getItem("currentViewTitleFromJson");
+        //localStorage.setItem("currentViewTitle", tittle);
-      
+        //WILL BE USED WHEN MULTI VIEWOPEN FUNCTIONALITY IS IMPELMNETD
+        //if (openViews != null && openViews != undefined) {
+        //    angular.forEach(openViews, function (value, key) {
+
+        //        if (value.bodyView == tittle) {
+        //            tittle = localStorage.getItem("currentViewTitleFromJson") + counter++;
+        //            $rootScope.currentActiveViewTitle = tittle;
+        //            localStorage.setItem("currentViewTitle", tittle);
+        //        }
+
+        //    });
+        //}
+        //else {
+        //    localStorage.setItem("currentViewTitle", tittle);
+        //}
+
+        //0.3 
         $.jsPanel({
             id: 'daImagePanel',
             selector: '.daBodyView',
             theme: 'success',
-            currentController: 'TileViewListController',
-            parentSlug: 'tile-view',
+            currentController: 'TileListViewController',
+            parentSlug: 'tile-view-list',
             ajax: {
-                url: 'app/views/da/da-view.html'
+                url: 'app/views/aa/atlas-anatomy-detail.html'
             },
-            title: localStorage.getItem("currentViewTitle"),
+            title: "abc",
             position: {
                 top: 70,
@@ -494,15 +527,15 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         console.log('jsPanel loaded daImagePanel exist= ' + document.getElementById('daImagePanel'))
         //0.1
-        $rootScope.currentSlug = 'tile-view';
+        //$rootScope.currentSlug = 'da-body-view';
         //0.2
-        $rootScope.openViews.push(
-                  {
-                      "module": $rootScope.currentActiveModuleTitle, "bodyView": tittle, "state": 'max', "BodyViewId": $rootScope.currentBodyViewId,
-                      "slug": $rootScope.currentSlug
-                  }
-                );
+        //$rootScope.openViews.push(
+        //          {
+        //              "module": $rootScope.currentActiveModuleTitle, "bodyView": tittle, "state": 'max', "BodyViewId": $rootScope.currentBodyViewId,
+        //              "slug": $rootScope.currentSlug
+        //          }
+        //        );
         //0.3
         var daBodyviewElement = angular.element(document.getElementById("daBodyview"));
@@ -520,7 +553,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 //1. load navigator man first  
                 console.log('before LoadBodyViewNavigatorImage call')
-                $scope.LoadBodyViewNavigatorImage();
+               // $scope.LoadBodyViewNavigatorImage();
                 //$scope.loadSearchDataForBodyView();
@@ -530,8 +563,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 //2.
-                console.log('currentBodyViewId just before sending: ' + currentBodyViewId);
-                $scope.loadBodyViewData(currentBodyViewId);
+                //console.log('currentBodyViewId just before sending: ' + currentBodyViewId);
+               // $scope.loadBodyViewData(currentBodyViewId);
                 //2. load bodyRegion data
                 $rootScope.isLoading = true;
@@ -7280,22 +7313,22 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     $scope.ShowSearch = function () {
         console.log('ShowSearch is called');
-        //this check is for log only because we are writing length so need to check if its not null or undefined
-        if ($scope.VocabTermTxt != null || $scope.VocabTermTxt != undefined)
-            console.log('$scope.VocabTermTxt.length= ' + $scope.VocabTermTxt.length)
-
-        $timeout(function () {
-            if (($scope.VocabTermTxt != null || $scope.VocabTermTxt != undefined) && ($scope.VocabTermTxt.length > 0)) {
-                $scope.IsSearchVisible = true;
-                document.getElementById("termlistfilter").style.display = "block";
-            }
-            else {
-                $scope.loadSearchDataForBodyView();
-                if ($scope.VocabTermTxt.length > 0) {
-                    $scope.ShowSearch();
-                }
-            }
-        }, 500);
+        ////this check is for log only because we are writing length so need to check if its not null or undefined
+        //if ($scope.VocabTermTxt != null || $scope.VocabTermTxt != undefined)
+        //    console.log('$scope.VocabTermTxt.length= ' + $scope.VocabTermTxt.length)
+
+        //$timeout(function () {
+        //    if (($scope.VocabTermTxt != null || $scope.VocabTermTxt != undefined) && ($scope.VocabTermTxt.length > 0)) {
+        //        $scope.IsSearchVisible = true;
+        //        document.getElementById("termlistfilter").style.display = "block";
+        //    }
+        //    else {
+        //        $scope.loadSearchDataForBodyView();
+        //        if ($scope.VocabTermTxt.length > 0) {
+        //            $scope.ShowSearch();
+        //        }
+        //    }
+        //}, 500);
         //$scope.IsSearchVisible = true;
@@ -8130,13 +8163,13 @@ function OnIdentityClick() {
 function OnZoom() {
     //Dissectible Anatomy > Extract and Annotations displays apart on the page after click on Zoom-in.
-    $(".com").remove();
-    $("#bord").remove();
+    //$(".com").remove();
+    //$("#bord").remove();
     console.log('OnZoom is called outside ');
-    var scope = angular.element(document.getElementById("daView")).scope();
-    scope.$apply(function () {
-        scope.enableZoom();
-    });
+    //var scope = angular.element(document.getElementById("daView")).scope();
+    //scope.$apply(function () {
+    //    scope.enableZoom();
+    //});
 }
 function onListManagerTermSelection(id) {
@@ -134,7 +134,7 @@
         right: 0;
     }
 </style>
-<div class=" " id="daView" ng-controller="TileViewListController">
+<div class=" " id="daView" ng-controller="TileViewListController" ng-init="alert('hi')">
     <div class="pos-relative leftToolBar tools pull-left">
         <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>
         <div class="" style="top:20px">
@@ -142,7 +142,7 @@
                 <button id="btnIdentity" onclick="OnIdentityClick()" class="btn btn-primary btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt=""></button>
             </div>
             <div class="col-xs-6 pull-right">
-                <button class="btn btn-black btn-sm pull-right tooltip-custom" onclick="OnZoom()" id="btnZoom" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
+                <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="OnZoom()" id="btnZoom" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
                     <img src="content/images/icon-zoom.png" alt="">
                 </button>
@@ -283,7 +283,7 @@
                 <div class="">
                     <div class="input-group col-sm-8 col-xs-7 col-md-10 pull-left">
-                        <input type="text" class="form-control input-sm pull-left" id="typedtermname" ng-blur="HideSearch()" onclick="OnSearch()" ondblclick="OnSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">
+                        <input type="text" class="form-control input-sm pull-left" id="typedtermname" ng-blur="HideSearch()" ng-click="OnSearch()" ng-dblclick="OnSearch()" ng-model="searchFilter" ng-change="textChange(searchFilter)" placeholder="Search...">
                         <div id="backdrop" ng-show="IsSearchVisible">
                             <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12 pull-left">
@@ -139,7 +139,7 @@
                 <button id="btnIdentity" onclick="OnIdentityClick()" class="btn btn-primary btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt=""></button>
             </div>
             <div class="col-xs-6 pull-right">
-                <button class="btn btn-black btn-sm pull-right tooltip-custom" onclick="OnZoom()" id="btnZoom" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
+                <button class="btn btn-black btn-sm pull-right tooltip-custom" ng-click="OnZoom()" id="btnZoom" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out">
                     <img src="content/images/icon-zoom.png" alt="">
                 </button>
 <div>
     <div ng-include="aap/widget/MainMenu.html"></div>
-    <div ng-init="openBodyView()" id="" class="daBodyView" ng-controller="DAController"></div>
+    <div ng-init="openBodyView()" id="" class="daBodyView" ng-controller="TileViewListController"></div>
     <!--<div >
      </div>-->
@@ -5,26 +5,26 @@
         <div class="col-sm-12" style="padding-left:25px; width:99%">
-            <!-- Nav tabs -->
-            <ul class="nav nav-tabs" role="tablist">
-                <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa  fa-mars-stroke "></i> Male</a></li>
-                <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
-            </ul>
+            <!--<!-- Nav tabs -->
+            <!--<ul class="nav nav-tabs" role="tablist">
+            <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa  fa-mars-stroke "></i> Male</a></li>
+            <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
+        </ul>-->
             <!-- Tab panes -->
-            <div class="tab-content">
-                <div role="tabpanel" class="tab-pane active">
-                    <div class="row" id="bodyViewList">
-
-
-
+            <div class="row tab-content" style="padding-left:25px; width:99%">
+                <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
+                <div role="tabpanel" id="grid-view">
+                    <div ng-repeat="(key,val) in moduleLandingData.data.root.Item">
+                        <div id="{{val._Id}}" class="col-sm-3 col-md-3" title="{{val._Title}}" ng-click="openModuleItemView($event)">
+                            <div class="thumbnail">
+                                <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" alt="" title="">
+                                <div class="caption"><p>{{val._Title}}</p></div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-
             </div>
         </div>
-    </div>
-    </div>
-</div>
 <script>
     $(function () {