Commit 4e0e17faa7cf3700dc4e20540d523e50de37d6dc
Merge branch 'leftToolbarBreakIssue' into Develop
Showing
1 changed file
with
36 additions
and
35 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
... | ... | @@ -143,50 +143,50 @@ |
143 | 143 | <div class="pos-relative leftToolBar tools pull-left"> |
144 | 144 | <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div> |
145 | 145 | <div class="" style="top:20px"> |
146 | - <div class="col-sm-6"> | |
146 | + <div class="col-xs-6"> | |
147 | 147 | <button id="btnIdentity" onclick="OnIdentityClick()" class="btn btn-primary btn-sm tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Identify"> <img src="content/images/icon-identity.png" alt=""></button> |
148 | 148 | </div> |
149 | - <div class="col-sm-6 pull-right"> | |
149 | + <div class="col-xs-6 pull-right"> | |
150 | 150 | <button class="btn btn-black btn-sm pull-right tooltip-custom" onclick="OnZoom()" id="btnZoom" data-toggle="tooltip" data-placement="bottom" title="Zoom-in/Zoom-out"> |
151 | 151 | <img src="content/images/icon-zoom.png" alt=""> |
152 | 152 | </button> |
153 | 153 | |
154 | 154 | </div> |
155 | - <div class="col-sm-12"> | |
155 | + <div class="col-xs-12"> | |
156 | 156 | <button id="btnTranparency" class="btn btn-black btn-sm btn-block marginTop5 tooltip-custom" onclick="onTboxCreation()" data-toggle="tooltip" data-placement="bottom" title="Transparency Box"><img src="content/images/icon-transparency.png" alt=""></button> |
157 | 157 | </div> |
158 | 158 | |
159 | - <div class="col-sm-12 pad0"> | |
160 | - <div class="col-sm-6"> | |
159 | + <div class="col-xs-12 pad0"> | |
160 | + <div class="col-xs-6"> | |
161 | 161 | <button id="btnNormalMode" class="btn btn-primary btn-sm marginTop5 tooltip-custom" onclick="OnEnableNormalMode()" data-toggle="tooltip" data-placement="bottom" title="Normal"> <img src="content/images/bulb.png" alt=""></button> |
162 | 162 | </div> |
163 | - <div class="col-sm-6"> | |
163 | + <div class="col-xs-6"> | |
164 | 164 | <button id="btnExtract" class="btn btn-black btn-sm pull-right marginTop5 tooltip-custom" onclick="OnEnableExtract()" data-toggle="tooltip" data-placement="bottom" title="Extract"><img src="content/images/bulb1.png" alt=""></button> |
165 | 165 | </div> |
166 | - </div> | |
167 | - <div class="col-sm-12 pad0"> | |
168 | - <div class="col-sm-6"> | |
166 | + </div> | |
167 | + <div class="col-xs-12 pad0"> | |
168 | + <div class="col-xs-6"> | |
169 | 169 | <button id="btnHighLight" class="btn btn-black btn-sm marginTop5 tooltip-custom btn-resize" onclick="OnEnableHighlight()" data-toggle="tooltip" data-placement="bottom" title="Highlight"> <img src="content/images/Highlight-bulb.png" alt=""></button> |
170 | 170 | </div> |
171 | 171 | |
172 | - <div class="col-sm-6 dropdown hover-tool"> | |
172 | + <div class="col-xs-6 dropdown hover-tool"> | |
173 | 173 | <div class="custom-tooltip">Highlight Options</div> |
174 | 174 | <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" ng-click="LoadBodySystemData()"><img src="content/images/icon-highlight.png" alt="" title=""></button> |
175 | 175 | <ul class="dropdown-menu" aria-labelledby="dropdownMenu2"> |
176 | 176 | <li ng-class="CurrentStructure"><a href="#" title="Current Structure">Current Structure</a></li> |
177 | 177 | <li role="separator" class="divider"></li> |
178 | 178 | <!--<li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" ng-click="HighlightBodyByBodySystem($event)">Cardiovascular</a></li> |
179 | - <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodyByBodySystem($event)">Digestive</a></li> | |
180 | - <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodyByBodySystem($event)">Endocrine</a></li> | |
181 | - <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodyByBodySystem($event)">Immune</a></li> | |
182 | - <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodyByBodySystem($event)">Integumentary</a></li> | |
183 | - <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodyByBodySystem($event)">Lymphatic</a></li> | |
184 | - <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodyByBodySystem($event)">Muscular</a></li> | |
185 | - <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodyByBodySystem($event)">Nervous</a></li> | |
186 | - <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodyByBodySystem($event)">Reproductive</a></li> | |
187 | - <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodyByBodySystem($event)">Respiratory</a></li> | |
188 | - <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodyByBodySystem($event)">Skeletal</a></li> | |
189 | - <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodyByBodySystem($event)">Urinary</a></li>--> | |
179 | + <li ng-class="Digestive"><a href="#" title="Digestive" id="2" ng-click="HighlightBodyByBodySystem($event)">Digestive</a></li> | |
180 | + <li ng-class="Endocrine"><a href="#" title="Endocrine" id="3" ng-click="HighlightBodyByBodySystem($event)">Endocrine</a></li> | |
181 | + <li ng-class="Immune"><a href="#" title="Immune" id="4" ng-click="HighlightBodyByBodySystem($event)">Immune</a></li> | |
182 | + <li ng-class="Integumentary"><a href="#" title="Integumentary" id="5" ng-click="HighlightBodyByBodySystem($event)">Integumentary</a></li> | |
183 | + <li ng-class="Lymphatic"><a href="#" title="Lymphatic" id="6" ng-click="HighlightBodyByBodySystem($event)">Lymphatic</a></li> | |
184 | + <li ng-class="Muscular"><a href="#" title="Muscular" id="7" ng-click="HighlightBodyByBodySystem($event)">Muscular</a></li> | |
185 | + <li ng-class="Nervous"><a href="#" title="Nervous" id="8" ng-click="HighlightBodyByBodySystem($event)">Nervous</a></li> | |
186 | + <li ng-class="Reproductive"><a href="#" title="Reproductive" id="9" ng-click="HighlightBodyByBodySystem($event)">Reproductive</a></li> | |
187 | + <li ng-class="Respiratory"><a href="#" title="Respiratory" id="10" ng-click="HighlightBodyByBodySystem($event)">Respiratory</a></li> | |
188 | + <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" ng-click="HighlightBodyByBodySystem($event)">Skeletal</a></li> | |
189 | + <li ng-class="Urinary"><a href="#" title="Urinary" id="12" ng-click="HighlightBodyByBodySystem($event)">Urinary</a></li>--> | |
190 | 190 | |
191 | 191 | <li ng-class="Cardiovascular"><a href="#" title="Cardiovascular" id="1" onclick="OnBodySystemSelection(event)">Cardiovascular</a></li> |
192 | 192 | <li ng-class="Digestive"><a href="#" title="Digestive" id="2" onclick="OnBodySystemSelection(event)">Digestive</a></li> |
... | ... | @@ -201,10 +201,11 @@ |
201 | 201 | <li ng-class="Skeletal"><a href="#" title="Skeletal" id="11" onclick="OnBodySystemSelection(event)">Skeletal</a></li> |
202 | 202 | <li ng-class="Urinary"><a href="#" title="Urinary" id="12" onclick="OnBodySystemSelection(event)">Urinary</a></li> |
203 | 203 | </ul> |
204 | - </div></div> | |
204 | + </div> | |
205 | + </div> | |
205 | 206 | |
206 | - <div class="col-sm-12 pad0"> | |
207 | - <div class="col-sm-6 hover-gender-tool" ng-init="switchGender()"> | |
207 | + <div class="col-xs-12 pad0"> | |
208 | + <div class="col-xs-6 hover-gender-tool" ng-init="switchGender()"> | |
208 | 209 | <div class=" custom-tooltip1">Gender</div> |
209 | 210 | <button class="btn btn-black btn-sm marginTop5 dropdown-toggle" type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class=" fa fa-intersex font16"></i></button> |
210 | 211 | <ul class="dropdown-menu" aria-labelledby="dropdownMenu3"> |
... | ... | @@ -218,21 +219,21 @@ |
218 | 219 | <a href="#" title="Female" onclick="OnGenderChange(event)">Female</a> |
219 | 220 | |
220 | 221 | <!--<a href="javascript:void(0)" title="Male" ng-click="OnGenderChange($event)">Male</a></li> |
221 | - <li ng-class="female"><a href="javascript:void(0)" title="Female" ng-click="OnGenderChange($event)">Female</a></li>--> | |
222 | + <li ng-class="female"><a href="javascript:void(0)" title="Female" ng-click="OnGenderChange($event)">Female</a></li>--> | |
222 | 223 | </li> |
223 | 224 | </ul> |
224 | 225 | </div> |
225 | 226 | |
226 | - <div class="col-sm-6 tooltip-View-custom"> | |
227 | + <div class="col-xs-6 tooltip-View-custom"> | |
227 | 228 | <div class="custom-tooltip2">View</div> |
228 | 229 | <button class="btn btn-black btn-sm pull-right marginTop5 dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="content/images/view.png" alt="" title=""></button> |
229 | 230 | <ul class="dropdown-menu" aria-labelledby="dropdownMenu3"> |
230 | 231 | <!--<li ng-class="AnteriorView"><a href="#" title="Anterior" ng-click="OnViewChange($event)">Anterior</a></li> |
231 | - <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li> | |
232 | - <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li> | |
233 | - <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li> | |
234 | - <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li> | |
235 | - <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>--> | |
232 | + <li ng-class="LateralView"><a href="#" title="Lateral" ng-click="OnViewChange($event)">Lateral</a></li> | |
233 | + <li ng-class="MedialView"><a href="#" title="Medial" ng-click="OnViewChange($event)">Medial</a></li> | |
234 | + <li ng-class="PosteriorView"><a href="#" title="Posterior" ng-click="OnViewChange($event)">Posterior</a></li> | |
235 | + <li ng-class="LateralArmView"><a href="#" title="Lateral Arm" ng-click="OnViewChange($event)">Lateral Arm</a></li> | |
236 | + <li ng-class="MedialArmView"><a href="#" title="Medial Arm" ng-click="OnViewChange($event)">Medial Arm</a></li>--> | |
236 | 237 | |
237 | 238 | <li ng-class="AnteriorView"><a href="#" title="Anterior" onclick="OnViewChange(event)">Anterior</a></li> |
238 | 239 | <li ng-class="LateralView"><a href="#" title="Lateral" onclick="OnViewChange(event)">Lateral</a></li> |
... | ... | @@ -242,11 +243,11 @@ |
242 | 243 | <li ng-class="MedialArmView"><a href="#" title="Medial Arm" onclick="OnViewChange(event)">Medial Arm</a></li> |
243 | 244 | </ul> |
244 | 245 | </div> |
245 | - </div> | |
246 | + </div> | |
246 | 247 | |
247 | - <div class="col-sm-12"> | |
248 | - <button id="btnStrutureBox" onclick="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt=""></button> | |
249 | - </div> | |
248 | + <div class="col-xs-12"> | |
249 | + <button id="btnStrutureBox" onclick="enableShowHideStructureBox()" class="btn btn-primary btn-sm marginTop5 btn-block tooltip-custom" data-toggle="tooltip" data-placement="bottom" title="Show/Hide Structure Name Boxes"> <img src="content/images/comment-box.png" alt=""></button> | |
250 | + </div> | |
250 | 251 | |
251 | 252 | </div> |
252 | 253 | <div class=""> | ... | ... |