ADAM / AIAHTML5

Commit e2acf51ae5d7cb71260ff3cb793bb722006e618a

Authored by unknown
1 parent 865d8839

Commit Changes

Inline Side-by-side
Showing 1 changed file with 210 additions and 210 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
  View file @e2acf51
1 -<div class="bodyWrap row ">  
2 - <div ng-include="'app/widget/MainMenu.html'" />  
3 - <div class="main" ng-init="loadForModuleById(1)">  
4 - <!--<div class="main">-->  
5 - <div class="col-sm-12" style="padding-left:25px; width:99%">  
6 -  
7 - <!--Filter section-->  
8 - <!--<div class="col-sm-12 stickey-area clsstickydiv">-->  
9 - <div class="breadcrumb">  
10 - <div class="row center-block">  
11 - <h5 class="text-center text-primary txt-white f15">Display Image By</h5>  
12 - <div class="col-md-2 col-sm-4 pad-lftrgt3">  
13 - <div class="form-group">  
14 - <h6 class="text-center text-primary txt-white f11">Body Region</h6>  
15 - <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in AllBodyRegion track by item">  
16 - <option value="">All</option>  
17 - </select>  
18 - </div>  
19 - </div>  
20 - <div class="col-md-2 col-sm-4 pad-lftrgt3">  
21 - <div class="form-group">  
22 - <h6 class="text-center text-primary txt-white f11">Body System</h6>  
23 - <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in AllBodySystem track by item">  
24 - <option value="">All</option>  
25 - </select>  
26 - </div>  
27 - </div>  
28 -  
29 - <div class="col-md-2 col-sm-4 pad-lftrgt3">  
30 - <div class="form-group">  
31 - <h6 class="text-center text-primary txt-white f11">View Orientation</h6>  
32 - <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in AllOrientation track by item">  
33 - <option value="">All</option>  
34 - </select>  
35 - </div>  
36 - </div>  
37 - <div class="col-md-2 col-sm-4 pad-lftrgt3">  
38 - <div class="form-group">  
39 - <h6 class="text-center text-primary txt-white f11">Image Type</h6>  
40 - <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in AllImageType track by item">  
41 - <option value="">All</option>  
42 - </select>  
43 - </div>  
44 - </div>  
45 - <!--<div class="col-md-2 col-sm-4 pad-lftrgt3">  
46 - <div class="form-group">  
47 - <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>  
48 - <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">  
49 - <option value="">All</option>  
50 - </select>  
51 - </div>  
52 - </div>-->  
53 - <div class="col-md-2 col-sm-4 pad-lftrgt3">  
54 - <div class="form-group">  
55 - <h6 class="text-center text-primary txt-white f11">Search</h6>  
56 -  
57 - <div class="btn-group col-xs-12" style="padding:0;">  
58 - <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>  
59 - <button type="button" class="btn btn-primary btn-sm col-xs-3" ng-click="FilterByImage(1, query)">  
60 - <i class="fa fa-search"></i>  
61 - </button>  
62 -  
63 - </div>  
64 -  
65 -  
66 -  
67 - <!--<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>-->  
68 - </div>  
69 - </div>  
70 - </div>  
71 - </div>  
72 - <!--</div>-->  
73 - <!--End Filter Section-->  
74 - <!--<!-- Nav tabs -->  
75 - <!--<ul class="nav nav-tabs" role="tablist">  
76 - <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>  
77 - <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>  
78 - </ul>-->  
79 - <!--<!-- Nav tabs -->  
80 - <!--<ul class="nav nav-tabs" role="tablist">  
81 - <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>  
82 - <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>  
83 - </ul>-->  
84 - <!-- Tab panes -->  
85 - <div class="row tab-content" id="viewList">  
86 - <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->  
87 -  
88 - <div class="customTable" role="tabpanel" class="tab-pane active" id="grid-view">  
89 - <div ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title' ">  
90 - <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" ng-click="openModuleItemView($event)">  
91 - <div class="thumbnail">  
92 - <a href="#">  
93 - <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" data-ng-click="openModuleItemView($event)" alt="" title="">  
94 - <div class="caption"><p>{{val._Title}}</p></div>  
95 - </a>  
96 - </div>  
97 - </div>  
98 - </div>  
99 - </div>  
100 - <!--<div class="col-xs-12" id="list-view"></div>-->  
101 - <div class="customTable" role="tabpanel" id="list-view">  
102 - <!--ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }"-->  
103 - <!--<div class="col-sm-12 table-responsive">-->  
104 - <!--<div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">-->  
105 - <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->  
106 - <div class="panel col-sm-12 table-responsive">  
107 - <table class="table table-hover table-fixed bg-white table-txt12">  
108 - <thead class="clsthead">  
109 - <tr class="active">  
110 - <th width="20%">Title</th>  
111 - <th width="20%">Region</th>  
112 - <th width="20%">System</th>  
113 - <th width="10%">View</th>  
114 - <th>Type</th>  
115 - <!--<th width="25%">Specialty</th>-->  
116 - </tr>  
117 - </thead>  
118 - <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbody">  
119 - <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'">  
120 - <td width="20%">  
121 - {{val._Title}}  
122 - </td>  
123 - <td width="20%">  
124 - {{val._BodyRegion}}  
125 - </td>  
126 - <td width="20%">  
127 - {{val._BodySystem}}  
128 - </td>  
129 - <td width="10%">  
130 - {{val._ViewOrientation}}  
131 - </td>  
132 - <td>  
133 - {{val._ImageType}}  
134 - </td>  
135 - <!--<td width="25%">  
136 - {{item._MedicalSpecialty}}  
137 - </td>-->  
138 - </tr>  
139 - </tbody>  
140 - <tbody id="ListViewDiv" ng-if="filterstring" class="clstbody">  
141 - <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">  
142 - <td width="20%">  
143 - {{item._Title}}  
144 - </td>  
145 - <td width="20%">  
146 - {{item._BodyRegion}}  
147 - </td>  
148 - <td width="20%">  
149 - {{item._BodySystem}}  
150 - </td>  
151 - <td width="10%">  
152 - {{item._ViewOrientation}}  
153 - </td>  
154 - <td>  
155 - {{item._ImageType}}  
156 - </td>  
157 - <!--<td width="25%">  
158 - {{item._MedicalSpecialty}}  
159 - </td>-->  
160 - </tr>  
161 - <!--<tr ng-if="typeof(searchCIListViewData) == 'undefined' || searchCIListViewData == null || searchCIListViewData == ''">  
162 - <td colspan="6"><strong id="searchItem" style="color:black;">No illustration found for the selected search criteria!</strong></td>  
163 - </tr>-->  
164 -  
165 - </tbody>  
166 - </table>  
167 - </div>  
168 - <!--</div>-->  
169 - <div class="col-sm-12" ng-show="hiderow" style="padding-left:25px;padding-top:10px;">  
170 - <div class="row well">  
171 - <div title="{{SelectedAATitle}}" class="col-sm-3 col-lg-2 no-padding">  
172 - <div class="thumbnail no-margin">  
173 - <img id="{{SelectedAAId}}" src="{{SelectedAAthumbImage}}" alt="" title="{{SelectedAATitle}}" data-ng-click="openCurrentView($event)">  
174 - </div>  
175 - </div>  
176 - <div class="col-sm-9 col-lg-9" style="padding-left:10px;">  
177 - <p class="f11" ng-bind-html="SelectedAASummary"></p>  
178 - <button id="{{SelectedAAId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openCurrentView($event)">Open</button>  
179 - </div>  
180 - </div>  
181 -  
182 - </div>  
183 - </div>  
184 - </div>  
185 - </div>  
186 - </div>  
187 -</div>  
188 -<script>  
189 - $(function () {  
190 -  
191 - $(function () {  
192 - $('[data-toggle="tooltip"]').tooltip();  
193 - })  
194 - });  
195 -</script>  
196 -<script>  
197 - (function ($) {  
198 - $(window).load(function () {  
199 - $(".sidebar").mCustomScrollbar({  
200 - autoHideScrollbar: true,  
201 - //theme:"rounded"  
202 - });  
203 - //alert("side bar DA page");  
204 - });  
205 - })(jQuery);  
206 -</script>  
207 -<script>  
208 - $(function () {  
209 - $(".modal").draggable();  
210 - }); 1 +<div class="bodyWrap row ">
  2 + <div ng-include="'app/widget/MainMenu.html'" />
  3 + <div class="main" ng-init="loadForModuleById(1)">
  4 + <!--<div class="main">-->
  5 + <div class="col-sm-12" style="padding-left:25px; width:99%">
  6 +
  7 + <!--Filter section-->
  8 + <!--<div class="col-sm-12 stickey-area clsstickydiv">-->
  9 + <div class="breadcrumb">
  10 + <div class="row center-block">
  11 + <h5 class="text-center text-primary txt-white f15">Display Image By</h5>
  12 + <div class="col-md-2 col-sm-4 pad-lftrgt3">
  13 + <div class="form-group">
  14 + <h6 class="text-center text-primary txt-white f11">Body Region</h6>
  15 + <select id="region" class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in AllBodyRegion track by item">
  16 + <option value="">All</option>
  17 + </select>
  18 + </div>
  19 + </div>
  20 + <div class="col-md-2 col-sm-4 pad-lftrgt3">
  21 + <div class="form-group">
  22 + <h6 class="text-center text-primary txt-white f11">Body System</h6>
  23 + <select id="system" class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in AllBodySystem track by item">
  24 + <option value="">All</option>
  25 + </select>
  26 + </div>
  27 + </div>
  28 +
  29 + <div class="col-md-2 col-sm-4 pad-lftrgt3">
  30 + <div class="form-group">
  31 + <h6 class="text-center text-primary txt-white f11">View Orientation</h6>
  32 + <select id="orientation" class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in AllOrientation track by item">
  33 + <option value="">All</option>
  34 + </select>
  35 + </div>
  36 + </div>
  37 + <div class="col-md-2 col-sm-4 pad-lftrgt3">
  38 + <div class="form-group">
  39 + <h6 class="text-center text-primary txt-white f11">Image Type</h6>
  40 + <select id="Type" class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in AllImageType track by item">
  41 + <option value="">All</option>
  42 + </select>
  43 + </div>
  44 + </div>
  45 + <!--<div class="col-md-2 col-sm-4 pad-lftrgt3">
  46 + <div class="form-group">
  47 + <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
  48 + <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">
  49 + <option value="">All</option>
  50 + </select>
  51 + </div>
  52 + </div>-->
  53 + <div class="col-md-2 col-sm-4 pad-lftrgt3">
  54 + <div class="form-group">
  55 + <h6 class="text-center text-primary txt-white f11">Search</h6>
  56 +
  57 + <div class="btn-group col-xs-12" style="padding:0;">
  58 + <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>
  59 + <button type="button" class="btn btn-primary btn-sm col-xs-3" id="searchBtnAA" ng-click="FilterByImage(1, query)">
  60 + <i class="fa fa-search"></i>
  61 + </button>
  62 +
  63 + </div>
  64 +
  65 +
  66 +
  67 + <!--<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>-->
  68 + </div>
  69 + </div>
  70 + </div>
  71 + </div>
  72 + <!--</div>-->
  73 + <!--End Filter Section-->
  74 + <!--<!-- Nav tabs -->
  75 + <!--<ul class="nav nav-tabs" role="tablist">
  76 + <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>
  77 + <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
  78 + </ul>-->
  79 + <!--<!-- Nav tabs -->
  80 + <!--<ul class="nav nav-tabs" role="tablist">
  81 + <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>
  82 + <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
  83 + </ul>-->
  84 + <!-- Tab panes -->
  85 + <div class="row tab-content" id="viewList">
  86 + <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
  87 +
  88 + <div class="customTable" role="tabpanel" class="tab-pane active" id="grid-view">
  89 + <div ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title' ">
  90 + <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" ng-click="openModuleItemView($event)">
  91 + <div class="thumbnail">
  92 + <a href="#">
  93 + <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" data-ng-click="openModuleItemView($event)" alt="" title="">
  94 + <div class="caption"><p>{{val._Title}}</p></div>
  95 + </a>
  96 + </div>
  97 + </div>
  98 + </div>
  99 + </div>
  100 + <!--<div class="col-xs-12" id="list-view"></div>-->
  101 + <div class="customTable" role="tabpanel" id="list-view">
  102 + <!--ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }"-->
  103 + <!--<div class="col-sm-12 table-responsive">-->
  104 + <!--<div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">-->
  105 + <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
  106 + <div class="panel col-sm-12 table-responsive">
  107 + <table class="table table-hover table-fixed bg-white table-txt12">
  108 + <thead class="clsthead">
  109 + <tr class="active">
  110 + <th width="20%">Title</th>
  111 + <th width="20%">Region</th>
  112 + <th width="20%">System</th>
  113 + <th width="10%">View</th>
  114 + <th>Type</th>
  115 + <!--<th width="25%">Specialty</th>-->
  116 + </tr>
  117 + </thead>
  118 + <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbody">
  119 + <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'">
  120 + <td width="20%">
  121 + {{val._Title}}
  122 + </td>
  123 + <td width="20%">
  124 + {{val._BodyRegion}}
  125 + </td>
  126 + <td width="20%">
  127 + {{val._BodySystem}}
  128 + </td>
  129 + <td width="10%">
  130 + {{val._ViewOrientation}}
  131 + </td>
  132 + <td>
  133 + {{val._ImageType}}
  134 + </td>
  135 + <!--<td width="25%">
  136 + {{item._MedicalSpecialty}}
  137 + </td>-->
  138 + </tr>
  139 + </tbody>
  140 + <tbody id="ListViewDiv" ng-if="filterstring" class="clstbody">
  141 + <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">
  142 + <td width="20%">
  143 + {{item._Title}}
  144 + </td>
  145 + <td width="20%">
  146 + {{item._BodyRegion}}
  147 + </td>
  148 + <td width="20%">
  149 + {{item._BodySystem}}
  150 + </td>
  151 + <td width="10%">
  152 + {{item._ViewOrientation}}
  153 + </td>
  154 + <td>
  155 + {{item._ImageType}}
  156 + </td>
  157 + <!--<td width="25%">
  158 + {{item._MedicalSpecialty}}
  159 + </td>-->
  160 + </tr>
  161 + <!--<tr ng-if="typeof(searchCIListViewData) == 'undefined' || searchCIListViewData == null || searchCIListViewData == ''">
  162 + <td colspan="6"><strong id="searchItem" style="color:black;">No illustration found for the selected search criteria!</strong></td>
  163 + </tr>-->
  164 +
  165 + </tbody>
  166 + </table>
  167 + </div>
  168 + <!--</div>-->
  169 + <div class="col-sm-12" ng-show="hiderow" style="padding-left:25px;padding-top:10px;">
  170 + <div class="row well">
  171 + <div title="{{SelectedAATitle}}" class="col-sm-3 col-lg-2 no-padding">
  172 + <div class="thumbnail no-margin">
  173 + <img id="{{SelectedAAId}}" src="{{SelectedAAthumbImage}}" alt="" title="{{SelectedAATitle}}" data-ng-click="openCurrentView($event)">
  174 + </div>
  175 + </div>
  176 + <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
  177 + <p class="f11" ng-bind-html="SelectedAASummary"></p>
  178 + <button id="{{SelectedAAId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openCurrentView($event)">Open</button>
  179 + </div>
  180 + </div>
  181 +
  182 + </div>
  183 + </div>
  184 + </div>
  185 + </div>
  186 + </div>
  187 +</div>
  188 +<script>
  189 + $(function () {
  190 +
  191 + $(function () {
  192 + $('[data-toggle="tooltip"]').tooltip();
  193 + })
  194 + });
  195 +</script>
  196 +<script>
  197 + (function ($) {
  198 + $(window).load(function () {
  199 + $(".sidebar").mCustomScrollbar({
  200 + autoHideScrollbar: true,
  201 + //theme:"rounded"
  202 + });
  203 + //alert("side bar DA page");
  204 + });
  205 + })(jQuery);
  206 +</script>
  207 +<script>
  208 + $(function () {
  209 + $(".modal").draggable();
  210 + });
211 </script> 211 </script>
212 \ No newline at end of file 212 \ No newline at end of file