this is revert back of Tileviewcontroller and Tileviewhml with version 77

Mukul Rajput
1 parent 5bd0714d
Showing 2 changed files with 124 additions and 139 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
@@ -10,7 +10,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     var CLINICAL_ILLUSTRATION = 'Clinical Illustrations';
     var CLINICAL_ANIMATION = 'Clinical Animations';
     $rootScope.closeBtnImgPath = "~/../content/images/speeachBubbleClose.png";
-    $rootScope.listArray = [];
     //variables to bind Filter by Controls
     $scope.searchAAListViewData = [];
     $scope.SelectedAAthumbImage = [];
@@ -49,8 +48,61 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         }
         else {
+
             $('#grid-view').css("display", "none");
-            $('#list-view').css("display", "block");
+            if ($scope.isListViewDataLoaded == true) {
+                var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
+            .then(
+              function (result) {
+                  // alert(JSON.stringify($scope.moduleLandingData));
+                  $scope.moduleLandingData = result;
+                  $scope.selectedAAListViewData = new jinqJs()
+                                                      .from($scope.moduleLandingData.data.root.Item)
+                                                      .orderBy([{ field: '_Title', sort: 'asc' }])
+                                                      .select();
+                  var htm = '';
+                  htm += "<table class='table table-hover table-fixed bg-white table-txt12'>  <thead class='clsthead'><tr class='active'><th width='25%'>Title</th> <th width='15%'>Region</th> <th width='30%'>System</th><th width='15%'>View</th> <th width='15%'>Type</th></tr></thead><tbody class='clstbody'>";
+                  angular.forEach($scope.selectedAAListViewData, function (value, key) {
+                      htm += "<tr id=" + value._Id + " onclick='openListViewModuleItem(event)' ondblclick='openModuleItemView(event)'>"
+                      htm += '<td width="25%">' + value._Title + '</td><td width="15%">' + value._BodyRegion + '</td><td width="30%">' + value._BodySystem + '</td><td width="15%">' + value._ViewOrientation + '</td><td width="15%">' + value._ImageType + '</td>';
+                      htm += "</tr>"
+                  });
+                  htm += "</tbody></table>";
+                  $("#list-view").html(htm);
+                  $compile(htm)($scope);
+              });
+                $('#list-view').css("display", "block");
+                $scope.isListViewDataLoaded = false;
+            }
+            else {
+                $('#list-view').css("display", "block");
+            }
+
+            $timeout(function () {
+                //  if ($rootScope.isListViewRowClicked == true) {
+                //  $rootScope.isListViewRowClicked = false;
+                $("#demoView").remove();
+                $("#viewList").append("<div class='col-xs-12 text-center' style='padding-top:15px;padding-bottom:15px;' id='demoView'><div class='col-xs-12' style='padding:15px;background-color:#fff;'><div class='col-xs-2' style='border:1px solid #000;padding:5px;color:#000;font-size:12px;'><div class='thumbnail' style='margin-bottom:10px;'><img style='width:auto;height:95px!important;' src=" + $rootScope.listArray[0].imageName + "></div><div class='col-xs-12' id='demoText' style='padding:0;'>" + $rootScope.listArray[0].text + "</div></div></div><a style='position:absolute;right:30px;bottom:34px;' onclick='openCurrentView(event)' href='javascript:void(0)' class='pull-right btn btn-primary'>Open</a></div>");
+                var moduleItemDataToBeSavedID
+                $("#list-view table tbody tr").removeClass("active");
+                var moduleItemDataToBeSavedID = $rootScope.getLocalStorageValue("listViewSelectedID");
+                $("#list-view table tbody #" + moduleItemDataToBeSavedID).addClass("active");
+                $scope.isListViewButtonClicked = true;
+                var curAAListViewScroll = $rootScope.getLocalStorageValue("AAListViewScroll");
+
+                if (typeof (curAAListViewScroll) !== "undefined" && curAAListViewScroll !== null && curAAListViewScroll !== '') {
+                    if (typeof InstallTrigger !== 'undefined') {
+
+                        $('#list-view table tbody').animate({ scrollTop: $rootScope.getLocalStorageValue("AAListViewScroll") });
+                    }
+                    else {
+
+                        $('#list-view table tbody').scrollTop($rootScope.getLocalStorageValue("AAListViewScroll"));
+                    }
+
+                }
+                //     }
+            }, 2000);
         }
     };
@@ -74,6 +126,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                   $scope.moduleLandingData = result;
                   //   setTimeout(function () { $('#' + $rootScope.highlightid).find('.thumbnail').addClass('hightlightstate'); }, 100);
+
                   setTimeout(function () {
                       if ($rootScope.getLocalStorageValue('AAGridViewHighlightThumbnail') !== null) {
                           $('#' + $rootScope.getLocalStorageValue("AAGridViewHighlightThumbnail")).find('.thumbnail').addClass('HightLightThumbnail');
@@ -82,6 +135,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                           $('html, body').animate({ scrollTop: $rootScope.getLocalStorageValue('AAGridViewScroll') }, 'slow');
                       }
                   }, 100);
+
                   //console.log(JSON.stringify(result, null, 4));
               },
                function (error) {
@@ -89,7 +143,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                    console.log(' error: ' + error.statusText);
                }
               )
-        $('#list-view').css('display', 'none');
+
     }
     //$scope.$on('$viewContentLoaded', function (event) {
@@ -99,19 +153,20 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     //});
     $scope.isOpenBtnClicked = false;
     $scope.openModuleItemView = function (event) {
+
         $rootScope.MenuModuleName = "AA";
         localStorage.setItem("activeTab", $scope.activeTab);
         //0. Get selected Image Id
         if ($scope.isListViewButtonClicked == true) {
             if ($scope.isOpenBtnClicked == true) {
-                var moduleItemDataToBeSaved = $("#demoText").text().trim();
+                var moduleItemDataToBeSaved = $("#demoText").html();
                 $scope.isOpenBtnClicked = false;
             }
             else {
                 var moduleItemDataToBeSavedID = event.currentTarget.id;
                 localStorage.setItem("listViewSelectedID", moduleItemDataToBeSavedID);
-                var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text().trim();
+                var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text();
             }
         }
         else {
@@ -129,7 +184,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         $rootScope.bodySystemName = $rootScope.OpenedTileData[2];
         $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
         $scope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
-        //$rootScope.listArray = [];
+        $rootScope.listArray = [];
         $rootScope.listArray.push({ "imageName": $rootScope.OpenItemImagePath, "text": moduleItemDataToBeSaved });
         //3. set opened module item ti
         localStorage.setItem("currentViewTitle", $rootScope.OpenedTileData[6]);
@@ -139,6 +194,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         //3. Navigate to the Module-item-view
         var u = $location.url();
         $location.url('/module-item-view');
+
     }
@@ -150,7 +206,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         localStorage.setItem("listViewSelectedID", moduleItemDataToBeSavedID);
         $("#list-view table tbody #" + moduleItemDataToBeSavedID).addClass("active");
         localStorage.setItem("AAListViewScroll", $("#list-view table tbody").scrollTop());
-        var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text().trim();
+        var moduleItemDataToBeSaved = $("#list-view table tbody #" + moduleItemDataToBeSavedID).find('td:eq(0)').text();
         $rootScope.OpenedTileData = ModuleService.GetOpenedTileData(moduleItemDataToBeSaved, $scope.moduleLandingData);
         $rootScope.OpenItemImagePath = "../../../content/images/aa/images/" + $rootScope.OpenedTileData[3];
         $rootScope.listArray = [];
@@ -160,6 +216,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.openModuleItem = function () {
+
         if ($rootScope.refreshcheck == null) {
             $location.path('/');
         }
@@ -219,7 +276,9 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 $scope.imageWidth = this.width;
                 $scope.imageHeight = this.height;
+                //$('#aaBodyView').css("height", $(window).outerHeight());
+                //$('#aaBodyView').css("width", $(window).outerWidth());
                 $timeout(function () {
                     $compile(aaViewElement.contents())($scope);
@@ -256,8 +315,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                         canvas.style.position = "absolute";
                         $("#canvasDiv").append(canvas);
                         $scope.context = canvas.getContext("2d")
+
                         //6. Show all pins on AA opened item
                         $scope.showAllPins();
+
                         //7. Highlight all system body list in left side
                         $scope.highlightBodySystemList();
                     }
@@ -275,12 +336,14 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");
         var bodySystemListlength = bodySystemListObj.length;
         for (var i = 0; i < bodySystemListlength; i++) {
+
             //var boldTag = lis[i];
             for (var j = 0; j < $rootScope.bodySystemNames.length; j++) {
                 if ((bodySystemListObj[i].innerHTML) == ($rootScope.bodySystemNames[j])) {
                     $("#" + i).parent().removeClass("disabledSelectedSystem");
                 }
+
             }
         }
@@ -310,7 +373,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         $scope.allPinDataArray = [];
         var promise = ModuleService.getPinDataForImage($rootScope.imageName)
-
           .then(
             function (result) {
@@ -333,9 +395,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                         $scope.allPinDataArray.push(value._PinId);
                         $scope.drawStaticPinsOnImage('aaDetailViewCanvas', value._PinId, value._PinX, value._PinY, value._HeadX, value._HeadY)
                     })
-
-
-
                     //load search/vocab data
                     $rootScope.loadSearchData();
                 }
@@ -356,11 +415,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.FilterByImage = function (moduleId, query) {
-        $scope.moduleId = moduleId;
-        $scope.filterstring = true;
-        console.log('loadForModuleById is called');
+        $scope.moduleId = moduleId;
+        console.log('loadForModuleById is called')
         $rootScope.moduleName = Modules[moduleId].Name;
         while ($scope.searchAAListViewData.length) {
             $scope.searchAAListViewData.pop();
@@ -469,11 +527,12 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                      if (selectimg === true && count >= filtercount) {
+
                          $scope.imagePath = "../content/images/aa/thumbnails/" + value._TileImageName;
-                         var $el = $('<div id="' + value._Title + '" class="col-sm-3 col-lg-2" title = "' + value._Title + '" data-ng-click="openModuleItemView($event)">'
-                             + '<div class="thumbnail" ><a href="#">'
+                         var $el = $('<div id="' + value._id + '" class="col-sm-3 col-lg-2" title = "' + value._Title + '" data-ng-click="openModuleItemView($event)">'
+                             + '<div class="thumbnail" >'
                                         + '<img class="tinyImg" id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
                                         + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
@@ -488,7 +547,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                          $scope.searchAAListViewData.push(
                          {
-                             "_Id": value._Id,
+                             "_id": value._id,
                              "_ImageId": value._ImageId,
                              "_Title": value._Title,
                              "_ImageName": value._contentImage,
@@ -500,28 +559,29 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                              //"$$hashKey": value._Summary
                          });
-                         console.log($scope.searchAAListViewData);
-                         if ($('#searchItem').length > 0)
-                             $('#searchItem').remove();
+
                      }
+
+
                  });
-                 //Show Error Message in case of gridview/ ListView [if no data is found]
+                 //Show Error Message in case of gridview if no data is found
                  if ($scope.searchAAListViewData.length == 0) {
+
                      var $el = $('<div class="col-sm-12" style="padding-left:25px;padding-top:10px;"><strong style="color:white">No illustration found for the selected search criteria!</strong></div>').appendTo('#grid-view');
                      $compile($el)($scope);
                      $('table > #ListViewDiv > #searchItem').remove();
                      $('#ListViewDiv').append('<tr id="searchItem"><td colspan="6"><strong style="color:black;">No illustration found for the selected search criteria!</strong></td></tr>');
                  }
-                 //console.log(JSON.stringify(result, null, 4));
-                 console.log('SearchAAListViewData--' + $scope.searchAAListViewData);
+                 console.log(JSON.stringify(result, null, 4));
              },
               function (error) {
                   // handle errors here
                   console.log(' error: ' + error.statusText);
               }
              )
+
     }
     $scope.Reset = function (moduleId, query) {
@@ -545,8 +605,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         $('#ListViewDiv').scrollTop(0);
-        if ($('#demoView').length > 0)
-            $('#demoView').remove();
         // $scope.HideListViewDiv();
         $scope.filterstring = false;
@@ -560,6 +618,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.showSelectedSystemPins = function (event) {
+
         var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");
         var bodySystemListlength = bodySystemListObj.length;
         for (var i = 0; i < bodySystemListlength; i++) {
@@ -1192,6 +1251,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                           sortedTermTextArray.sort();
                       }
+
                       for (var i = 0; i <= sortedTermTextArray.length - 1; i++) {
                           for (var j = 0; j <= $scope.matchedLanguageTermData.length - 1; j++) {
                               if ($scope.matchedLanguageTermData[j]._TermText == sortedTermTextArray[i]) {
@@ -1203,9 +1263,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                       $scope.$watch('$scope.pinTermData', function (newValue, oldValue, scope) {
-
                           if (($('#termlistfilter').html() != ""))
-
                               $('#termlistfilter').empty();
                           if ($scope.pinTermData.length > 0) {
                               $timeout(function () {
@@ -1266,6 +1324,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $rootScope.refreshTermListOnAASystemSelection = function (bodySystemId) {
+
         $rootScope.bodySystemSeletedId = bodySystemId;
         $('#termList').empty();
         var bodySystemName = $("#AABodySystems #" + bodySystemId).val();
@@ -1274,6 +1333,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 var $selectedOptions = $('<option title= "' + $scope.pinTermData[j].TermTxt + '" id= "' + $scope.pinTermData[j].TermNumber + '">' + $scope.pinTermData[j].TermTxt + '</option>').appendTo("#termList")
                 $compile($selectedOptions)($scope);
+
             }
             $("#totalTerms").empty();
             $("#totalTerms").html("<span class='pull-left marginTop5'>" + $("#termList option").length + " Structures</span>");
@@ -1370,7 +1430,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.showAllPinsAfterHide = function (event) {
-
         $rootScope.isLoading = true;
         $('#spinner').css('visibility', 'visible');
@@ -1400,6 +1459,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
     $scope.showSelectedPins = function () {
+
         $rootScope.isLoading = true;
         $('#spinner').css('visibility', 'visible');
@@ -1435,7 +1495,6 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
             }
         }
-
     };
@@ -1456,6 +1515,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 var pinName = 'Pin_' + value1.id;
                 var pinArcName = 'PinArc_' + value1.id;
+
                 $('#aaDetailViewCanvas').setLayer(pinName, {
                     visible: true // set to true instead to show the layer again
                 }).drawLayers();
@@ -1463,6 +1523,8 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 $('#aaDetailViewCanvas').setLayer(pinArcName, {
                     visible: true // set to true instead to show the layer again
                 }).drawLayers();
+
+
                 // }
             })
@@ -1478,8 +1540,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 $('#aaDetailViewCanvas').setLayer(pinArcName, {
                     visible: false // set to true instead to show the layer again
                 }).drawLayers();
+
             })
+
         }
         else {
@@ -1603,6 +1667,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
                 $("#" + $rootScope.annotationArray[i].speechBuubleId).css("display", "none");
                 $("#" + $rootScope.annotationArray[i].speechBubbleLineId).css("display", "none");
             }
+
         }
         else {
             $rootScope.isShowHideButtonClicked = true;
@@ -1615,8 +1680,10 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
             $("#comment-box").addClass("btn-black");
         }
+
     }
     $scope.activePinOnLayerChange = function () {
+
         for (var i = 0; i <= $scope.activePinArray.length - 1; i++) {
             var radialAfterClick = $('#aaDetailViewCanvas').createGradient({
                 x1: 50, y1: 50,
@@ -1633,6 +1700,7 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
         }
     }
+
     $scope.activePinOnSliderChange = function () {
         if ($scope.activePinArray.length == 1) {
             for (var i = 0; i <= $scope.allPinDataArray.length - 1; i++) {
@@ -1804,7 +1872,6 @@ function openListViewModuleItem(event) {
 function openCurrentView(event) {
     var scope = angular.element(document.getElementById("list-view")).scope();
-    scope.isListViewButtonClicked = true;
     scope.isOpenBtnClicked = true;
     scope.$apply(function () {
         scope.openModuleItemView(event);
@@ -55,8 +55,8 @@
                             <h6 class="text-center text-primary txt-white f11">Search</h6>
                             <div class="btn-group col-xs-12" style="padding:0;">
-                                <button type="button" class="btn btn-primary btn-sm col-xs-9" ng-click="Reset(1, query)"><i class="fa fa-eye"></i> Show All</button>
-                                <button type="button" class="btn btn-primary btn-sm col-xs-3" ng-click="FilterByImage(1, query)">
+                                <button type="button" class="btn btn-primary btn-sm col-xs-9" ng-click="Reset(1,query)"><i class="fa fa-eye"></i> Show All</button>
+                                <button type="button" class="btn btn-primary btn-sm col-xs-3" ng-click="FilterByImage(1,query)">
                                     <i class="fa fa-search"></i>
                                 </button>
@@ -86,7 +86,7 @@
                 <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
                 <div role="tabpanel" class="tab-pane active" id="grid-view">
                     <div ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title' ">
-                        <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" data-ng-click="openModuleItemView($event)">
+                        <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" ng-click="openModuleItemView($event)">
                             <div class="thumbnail">
                                 <a href="#">
                                     <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" data-ng-click="openModuleItemView($event)" alt="" title="">
@@ -96,113 +96,31 @@
                         </div>
                     </div>
                 </div>
-                <!--<div class="col-xs-12" id="list-view"></div>-->
-                <div role="tabpanel" id="list-view" class="col-xs-12">
-                    <!--ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }"-->
-                    <!--<div class="col-sm-12 table-responsive">-->
-                    <!--<div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">-->
-                    <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
-                    <table class="table table-hover table-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
-                        <thead class="clsthead">
-                            <tr class="active">
-                                <th width="25%">Title</th>
-                                <th width="15%">Region</th>
-                                <th width="30%">System</th>
-                                <th width="15%">View</th>
-                                <th width="25%">Type</th>
-                                <!--<th width="25%">Specialty</th>-->
-                            </tr>
-                        </thead>
-                        <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbody">
-                            <tr id="{{val._Id}}" ng-class="{selected: val._Id === idSelected}" data-ng-click="openListViewModuleItem($event)" data-ng-dblclick=" openModuleItemView($event)" ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title'">
-                                <td width="25%">
-                                    {{val._Title}}
-                                </td>
-                                <td width="15%">
-                                    {{val._BodyRegion}}
-                                </td>
-                                <td width="30%">
-                                    {{val._BodySystem}}
-                                </td>
-                                <td width="15%">
-                                    {{val._ViewOrientation}}
-                                </td>
-                                <td width="25%">
-                                    {{val._ImageType}}
-                                </td>
-                                <!--<td width="25%">
-                                    {{item._MedicalSpecialty}}
-                                </td>-->
-                            </tr>
-                        </tbody>
-                        <tbody id="ListViewDiv" ng-if="filterstring" class="clstbody">
-                            <tr id="{{item._Id}}" ng-class="{selected: item._Id === idSelected}" data-ng-click="openListViewModuleItem($event)" data-ng-dblclick="openModuleItemView($event)" ng-repeat="item in searchAAListViewData">
-                                <td width="25%">
-                                    {{item._Title}}
-                                </td>
-                                <td width="15%">
-                                    {{item._BodyRegion}}
-                                </td>
-                                <td width="30%">
-                                    {{item._BodySystem}}
-                                </td>
-                                <td width="15%">
-                                    {{item._ViewOrientation}}
-                                </td>
-                                <td width="25%">
-                                    {{item._ImageType}}
-                                </td>
-                                <!--<td width="25%">
-                                    {{item._MedicalSpecialty}}
-                                </td>-->
-                            </tr>
-                            <!--<tr ng-if="typeof(searchCIListViewData) == 'undefined' || searchCIListViewData == null || searchCIListViewData == ''">
-                            <td colspan="6"><strong id="searchItem" style="color:black;">No illustration found for the selected search criteria!</strong></td>
-                            </tr>-->
-
-                        </tbody>
-                    </table>
-                    <!--</div>-->
-                    <div class="col-sm-12" ng-show="hiderow" style="padding-left:25px;padding-top:10px;">
-                        <div class="row well">
-                            <div title="{{SelectedAATitle}}" class="col-sm-3 col-lg-2 no-padding">
-                                <div class="thumbnail no-margin">
-                                    <img id="{{SelectedAAId}}" src="{{SelectedAAthumbImage}}" alt="" title="{{SelectedAATitle}}" data-ng-click="openCurrentView($event)">
-                                </div>
-                            </div>
-                            <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
-                                <p class="f11" ng-bind-html="SelectedAASummary"></p>
-                                <button id="{{SelectedAAId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openCurrentView($event)">Open</button>
-                            </div>
-                        </div>
-
-                    </div>
-                </div>
+                <div class="col-xs-12" id="list-view"></div>
             </div>
         </div>
-    </div>
-</div>
-<script>
-    $(function () {
-        $(function () {
-            $('[data-toggle="tooltip"]').tooltip();
-        })
-    });
-</script>
-<script>
-    (function ($) {
-        $(window).load(function () {
-            $(".sidebar").mCustomScrollbar({
-                autoHideScrollbar: true,
-                //theme:"rounded"
+        <script>
+            $(function () {
+
+                $(function () {
+                    $('[data-toggle="tooltip"]').tooltip();
+                })
+            });
+        </script>
+        <script>
+            (function ($) {
+                $(window).load(function () {
+                    $(".sidebar").mCustomScrollbar({
+                        autoHideScrollbar: true,
+                        //theme:"rounded"
+                    });
+                    //alert("side bar DA page");
+                });
+            })(jQuery);
+        </script>
+        <script>
+            $(function () {
+                $(".modal").draggable();
             });
-            //alert("side bar DA page");
-        });
-    })(jQuery);
-</script>
-<script>
-    $(function () {
-        $(".modal").draggable();
-    });
-</script>
 \ No newline at end of file
+        </script>