tileview.html has been changes

unknown
1 parent 8652154d
Showing 3 changed files with 109 additions and 34 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/main/AIA.js
400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
@@ -16,7 +16,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         console.log('loadForModuleById is called')
         $rootScope.moduleName = Modules[moduleId].Name;
-        
+
         var promise = ModuleService.loadModuleDataBasedOnModuleName($scope.moduleName)
             .then(
@@ -55,8 +55,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     }
-    $scope.openModuleItem = function ()
-    {
+    $scope.openModuleItem = function () {
         debugger;
         var jsContentURL;
         var moduleItemViewDivId;
@@ -65,7 +64,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         if ($rootScope.moduleName == ATLAS_ANATOMY) {
             jsContentURL = 'app/views/aa/atlas-anatomy-detail.html';
-            moduleItemViewDivId = 'aaDetailPageDiv';           
+            moduleItemViewDivId = 'aaDetailPageDiv';
         }
         else if ($rootScope.moduleName == CLINICAL_ANIMATION) {
             //to do, in next phase of project 
@@ -110,7 +109,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         $timeout(function () {
             $compile(aaViewElement.contents())($scope);
-           
+
             if (document.getElementById('aaDetailPageDiv') != null) {
                 //0.4 added some stylesheets
@@ -125,12 +124,12 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 canvas.height = parseInt(($scope.imageHeight));
                 canvas.width = parseInt($scope.imageWidth);
                 canvas.style.left = '0px';
-                canvas.style.top = '0px';              
+                canvas.style.top = '0px';
                 canvas.style.position = "absolute";
                 $("#imageDiv").append(canvas);
                 $scope.context = canvas.getContext("2d")
-               
+
                 //6. Show all pins on AA opened item
                 $scope.showAllPins();
             }
@@ -139,13 +138,12 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     function loadFailure() {
         console.log('unable to load opened module ietem');
-       return true;
+        return true;
     }
-    function getImageHeightWidth()
-    {
-           $scope.imageWidth = this.width;
-           $scope.imageHeight = this.height;
+    function getImageHeightWidth() {
+        $scope.imageWidth = this.width;
+        $scope.imageHeight = this.height;
     }
     angular.element(document).ready(function (e) {
@@ -164,9 +162,8 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             function (result) {
                 $scope.aaPinData = result.data.Root.Item;
                 debugger;
-                angular.forEach($scope.aaPinData, function (value, key)
-                {
-                            
+                angular.forEach($scope.aaPinData, function (value, key) {
+
                     $scope.context.beginPath();
                     $scope.context.moveTo(value._PinX, value._PinY);
                     $scope.context.lineTo(value._HeadX, value._HeadY);
@@ -175,14 +172,14 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                     var headX = (parseInt(value._HeadX)) - 20;
                     var headY = (parseInt(value._HeadY)) - 15;
-                        var img = new Image();                  
-                        img.src = "~/../../../content/images/noraml-pin.png";
-                        img.onload = function () {
+                    var img = new Image();
+                    img.src = "~/../../../content/images/noraml-pin.png";
+                    img.onload = function () {
                         $scope.context.drawImage(img, headX, headY);
                     }
                 })
-             
+
                 console.log(JSON.stringify(result, null, 4));
             },
              function (error) {
@@ -196,5 +193,5 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
 }]);
-  
+
@@ -152,6 +152,13 @@ AIA.constant(&#39;pages&#39;, [
         pageUrl: 'app/widget/MainView.html',
         pageController: 'HomeController'
     },
+      {
+          name: 'Tiny View List view',
+          pageSlug: 'module-item-view',
+          pageUrl: 'app/views/module-item-view.html',
+          pageController: 'TileViewListController'
+
+      },
     {  // id:3,
         name: 'Clinical Illustrations View',
@@ -3,30 +3,101 @@
     <div class="main" ng-init="loadForModuleById(1)">
         <!--<div class="main">-->
         <div class="col-sm-12" style="padding-left:25px; width:99%">
+          
+                <!--Filter section-->
+                <!--<div class="col-sm-12 stickey-area clsstickydiv">-->
+                <div class="breadcrumb">
+                    <div class="row center-block">
+                        <h5 class="text-center text-primary txt-white f15">Display Image By</h5>
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
+                            <div class="form-group">
+                                <h6 class="text-center text-primary txt-white f11">Body Region</h6>
+                                <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in AllBodyRegion track by item">
+                                    <option value="">All</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
+                            <div class="form-group">
+                                <h6 class="text-center text-primary txt-white f11">Body System</h6>
+                                <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in AllBodySystem track by item">
+                                    <option value="">All</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
+                            <div class="form-group">
+                                <h6 class="text-center text-primary txt-white f11">View Orientation</h6>
+                                <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in AllOrientation track by item">
+                                    <option value="">All</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
+                            <div class="form-group">
+                                <h6 class="text-center text-primary txt-white f11">Image Type</h6>
+                                <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in AllImageType track by item">
+                                    <option value="">All</option>
+                                </select>
+                            </div>
+                        </div>
+                        <!--<div class="col-md-2 col-sm-4 pad-lftrgt3">
+                    <div class="form-group">
+                        <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
+                        <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">
+                            <option value="">All</option>
+                        </select>
+                    </div>
+                </div>-->
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
+                            <div class="form-group">
+                                <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)">
+                                        <i class="fa fa-search"></i>
+                                    </button>
-            <!--<!-- Nav tabs -->
-            <!--<ul class="nav nav-tabs" role="tablist">
+                                </div>
+
+
+
+                                <!--<button class="btn btn-primary btn-sm" ng-click="ApplySearch(query)"><i class="fa fa-search"></i></button>&nbsp;<button class="btn btn-primary btn-sm col-md-9" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>-->
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!--</div>-->
+                <!--End Filter Section-->
+                <!--<!-- 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="row tab-content">
-                <!--<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">
-                        <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="">
-                                    <div class="caption"><p>{{val._Title}}</p></div>
-                                </a>
+                <!-- Tab panes -->
+                <div class="row tab-content">
+                    <!--<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">
+                            <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="">
+                                        <div class="caption"><p>{{val._Title}}</p></div>
+                                    </a>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </div>
 <script>
     $(function () {