Commit b82a48d1b9723d56d3e5a0caaf6b50ed876abf6c

Authored by unknown
1 parent 7f908aa1

SideBar Toggle Issue

400-SOURCECODE/AIAHTML5.Web/app/views/aa/atlas-anatomy-detail.html
... ... @@ -16,6 +16,11 @@
16 16 left: 0;
17 17 right: 0;
18 18 }
  19 + .active
  20 + {
  21 + margin-left:15px!important;
  22 + }
  23 + .tools1{left:-96px;}
19 24 </style>
20 25 <div id="aaDetailPageDiv" class="bodyWrap row" ng-controller="TileViewListController">
21 26  
... ... @@ -27,7 +32,7 @@
27 32 <div class="clearfix"></div>-->
28 33 <!--</div>-->
29 34 <div class="tools pull-left" style="top:44px;">
30   - <div class="toggle-icon toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
  35 + <div class="toggle-icon toggleBar toggleHeadingButton" id="sideBarToggle" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"></div>
31 36 <div class="">
32 37 <div class="col-sm-6" title="Hide Pins"><button onclick="hidePins(event)" class="btn btn-black btn-sm"> <img src="../../../content/images/aa/LeftMenu/hide-pin.png" alt="" title=""></button> </div>
33 38 <div class="col-sm-6" title="Show Selected Pins"><button class="btn btn-black btn-sm pull-right" onclick="showSelectedPins(event)"><img src="../../../content/images/aa/LeftMenu/draw-pin.png" alt="" title=""></button></div>
... ... @@ -159,8 +164,24 @@
159 164 </script>
160 165  
161 166 <script>
  167 + var isSideBarBtnClicked = true;
162 168 $(document).ready(function () {
163 169 $('[data-toggle="tooltip"]').tooltip();
  170 + $("#sideBarToggle").click(function () {
  171 + if (isSideBarBtnClicked == true) {
  172 + $(".main2").addClass("active");
  173 + $(".tools").addClass("tools1");
  174 + isSideBarBtnClicked = false;
  175 +
  176 + }
  177 + else
  178 + {
  179 + $(".main2").removeClass("active");
  180 + $(".tools").removeClass("tools1");
  181 + isSideBarBtnClicked = true;
  182 + }
  183 +
  184 + });
164 185 });
165 186 </script>
166 187 <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
... ...