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 211 </script>
212 212 \ No newline at end of file
... ...