CA module changes

Mitali Srivastava
1 parent 79de4a4f
Showing 4 changed files with 57 additions and 40 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/CAController.js
400-SOURCECODE/AIAHTML5.Web/app/views/ca/ca-view.html
400-SOURCECODE/AIAHTML5.Web/app/views/ci/ci-view.html
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
 AIA.controller("CAController", ["$scope", "$window", "$rootScope", "$compile", "$http", "$log", "$location", "pages", "BodyRegions", "BodySystems", "MedicalSpecialties", "DataService",
 function ($scope, $window, $rootScope, $compile, $http, log, $location, pages, BodyRegions, BodySystems, MedicalSpecialties, DataService) {
-    $rootScope.currentActiveModuleTitle = pages[3].name;
+    $rootScope.currentActiveModuleTitle = pages[4].name;
     $scope.showme = true;
     $scope.AnimationData;
     $scope.CAAllBodyRegion = [];
@@ -35,7 +35,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, pages, B
                       $scope.imagePath = "~/../content/images/ca/thumbnails/" + value._ThumbnailImage;
-                      var $el = $('<div id=' + value._id + ' class="col-sm-3 col-lg-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
+                      var $el = $('<div id=' + value._id + '  class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
                           + '<div class="thumbnail" >'
                                      + '<img id="' + value._Title + '" class="img-responsive" style="width:100%;height:100%;" ng-src="' + $scope.imagePath + '" alt="" title="" >'
                                      + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
@@ -3,40 +3,39 @@
     <div class="main">
         <div class="row">
-            <div class="col-sm-12 stickey-area" style="padding-left:25px; width:99%">
+            <div class="col-sm-12 stickey-area" style="padding-left:19px; width:99%">
                 <div class="breadcrumb">
-                    <div class="row">
-                        <h4 class="text-center text-primary paddingbtm5">Display Image By</h4>
+                    <div class="row center-block">
+                        <h5 class="text-center text-primary txt-white f15">Display Image By</h5>
                         <div class="col-sm-2">&nbsp;</div>
-                        <div class="col-sm-2">
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                             <div class="form-group">
-                                <h5 class="text-center text-primary paddingbtm5">Body Region</h5>
+                                <h6 class="text-center text-primary txt-white f11">Body Region</h6>
                                 <select class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in CAAllBodyRegion track by item">
                                     <option value="">All</option>
                                 </select>
                             </div>
                         </div>
-                        <div class="col-sm-2">
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                             <div class="form-group">
-                                <h5 class="text-center text-primary paddingbtm5">Body System</h5>
+                                <h6 class="text-center text-primary txt-white f11">Body System</h6>
                                 <select class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in CAAllBodySystem track by item">
                                     <option value="">All</option>
                                 </select>
                             </div>
                         </div>
-
-                        <div class="col-sm-2">
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                             <div class="form-group">
-                                <h5 class="text-center text-primary paddingbtm5">Medical Speciality</h5>
+                                <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
                                 <select class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CAAllSpeciality track by item">
                                     <option value="">All</option>
                                 </select>
                             </div>
                         </div>
-                        <div class="col-lg-2 col-sm-4">
+                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                             <div class="form-group">
-                                <h5 class="text-center text-primary paddingbtm5">Search</h5>
-                                <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" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>
+                                <h6 class="text-center text-primary txt-white f11">Search</h6>
+                                <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>
@@ -46,36 +45,36 @@
         <div class="row tab-content" style="padding-left:25px; width:99%">
             <div role="tabpanel" class="tab-pane active" id="grid-view">
             </div>
-            <div role="tabpanel" class="tab-pane active" id="list-view">
-                <div class="col-sm-12 table-responsive well" style="padding-left:25px; width:99%;max-height:350px;overflow:auto">
-                    <table class="table table-hover table-fixed bg-white" style="padding-left:25px; width:100%;">
-                        <thead>
+            <div role="tabpanel" class="tab-pane" id="list-view">
+                <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-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
+                        <thead class="clstheadca">
                             <tr class="active">
-                                <th>Title</th>
-                                <th>Region</th>
-                                <th>System</th>
-                                <th>Specialty</th>
+                                <th style="min-width: 250px;">Title</th>
+                                <th style="min-width: 250px;">Region</th>
+                                <th style="min-width: 260px;">System</th>
+                                <th style="min-width: 280px;">Specialty</th>
                             </tr>
                         </thead>
-                        <tbody ng-if="!filterstring">
-                            <tr ng-repeat="item in selectedCAlistViewData">
-                                <td ng-click="showItem(item._id)">
+                        <tbody ng-if="!filterstring" class="clstbodyca">
+                            <tr id="{{item._id}}" ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in selectedCAlistViewData">
+                                <td style="max-width: 250px;">
                                     {{item._Title}}
                                 </td>
-                                <td>
+                                <td style="max-width: 250px;">
                                     {{item._BodyRegion}}
                                 </td>
-                                <td>
+                                <td style="min-width: 260px;">
                                     {{item._BodySystem}}
                                 </td>
-                                <td>
+                                <td style="max-width: 280px;">
                                     {{item._MedicalSpecialty}}
                                 </td>
                             </tr>
                         </tbody>
-                        <tbody ng-if="filterstring">
-                            <tr ng-repeat="item in searchCAlistViewData">
-                                <td ng-click="showItem(item._id)">
+                        <tbody ng-if="filterstring" class="clstbody">
+                            <tr ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in searchCAlistViewData">
+                                <td>
                                     {{item._Title}}
                                 </td>
                                 <td>
@@ -91,13 +90,18 @@
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-12 well" ng-show=" hiderow" style="padding-left:25px;padding-top:10px;">
-                    <div class="col-sm-3 col-lg-3 no-padding">
-                        <div class="thumbnail no-margin">
-                            <img src="{{SelectedCAthumbImage}}" style="width:100%;height:100%;" alt=" " title=" ">
+                <div class="col-sm-12" ng-show=" hiderow" style="padding-left:25px;padding-top:10px;">
+                    <div class="row well">
+                        <div class="col-sm-3 col-lg-2 no-padding">
+                            <div class="thumbnail no-margin">
+                                <img src="{{SelectedCAthumbImage}}" style="width:100%;height:100%;" alt=" " title=" ">
+                            </div>
+                        </div>
+                        <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
+                            <p class="f11" ng-bind-html="SelectedCASummary"></p>
+                            <button type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openView($event)">Open</button>
                         </div>
                     </div>
-                    <div class="col-sm-8 col-lg-8" style="padding-left:10px;"><p ng-bind-html="SelectedCASummary"></p></div>
                 </div>
             </div>
         </div>
@@ -122,7 +122,7 @@
                             </tr>
                         </tbody>
                         <tbody ng-if="filterstring" class="clstbody">
-                            <tr ng-click="showItem(item._id)" ng-repeat="item in searchCIlistViewData">
+                            <tr ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in searchCIlistViewData">
                                 <td>
                                     {{item._Title}}
                                 </td>
@@ -717,7 +717,7 @@ textarea {
 .pad-lftrgt3 {padding-left:2px; padding-right:2px;}
 .table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
-.clsthead tr {
+.clsthead tr,.clstheadca tr {
     display: block;
     position: relative;
 }
@@ -725,8 +725,12 @@ textarea {
     min-width: 180px;
     text-align: left;
 }
+.clstheadca tr th {
+    /*min-width: 255px;*/
+    text-align: left;
+}
-.clstbody {
+.clstbody,.clstbodyca {
     display: block;
     height: 200px;
     width: 100%;
@@ -738,6 +742,15 @@ textarea {
     text-align: left;
 }
+.clstbodyca tr td {
+    /*max-width: 260px;*/
+    text-align: left;
+    word-wrap:break-word;
+ 
+}
+
+
+
 .cur-pot {
 cursor:pointer;
 }