[Mobile] Angular

Replaced document usage with
angular calls that change the ternary
op to flip the slide.
This commit is contained in:
Dave 2015-07-09 10:53:03 -07:00
parent b9371ea03d
commit 30efec0090
2 changed files with 28 additions and 34 deletions

View File

@ -19,9 +19,10 @@
this source code distribution or the Licensing information page available this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div id="myElement" content="jquery-wrapper" class="abs holder-all browse-mode holder-hide"> <div ng-controller="BrowseController">
<div content="jquery-wrapper" class="abs holder-all browse-mode holder-hide" ng-class="treeCl ? 'holder-show' : 'holder-hide'">
<mct-include key="'topbar-browse'"></mct-include> <mct-include key="'topbar-browse'"></mct-include>
<div class="holder browse-area s-browse-area abs" ng-controller="BrowseController"> <div class="holder browse-area s-browse-area abs">
<mct-split-pane class='contents abs' anchor='left'> <mct-split-pane class='contents abs' anchor='left'>
<div class='split-pane-component treeview pane browse-manage createtreebtns'> <div class='split-pane-component treeview pane browse-manage createtreebtns'>
<mct-representation key="'create-button'" mct-object="navigatedObject"> <mct-representation key="'create-button'" mct-object="navigatedObject">
@ -45,4 +46,5 @@
ng-click="treeSlide()">T</div> ng-click="treeSlide()">T</div>
</div> </div>
<mct-include key="'bottombar'"></mct-include> <mct-include key="'bottombar'"></mct-include>
</div>
</div> </div>

View File

@ -142,18 +142,10 @@ define(
}; };
$scope.treeSlide = function () { $scope.treeSlide = function () {
console.log("Clicked"); if ($scope.treeCl) {
if (document.getElementById("myElement"). $scope.treeCl = false;
className.match(/(?:^|\s)holder-hide(?!\S)/)) { } else if (!$scope.treeCl) {
document.getElementById("myElement").className = $scope.treeCl = true;
document.getElementById("myElement")
.className.replace(/(?:^|\s)holder-hide(?!\S)/g, '');
document.getElementById("myElement").className += " holder-show";
} else {
document.getElementById("myElement").className =
document.getElementById("myElement")
.className.replace(/(?:^|\s)holder-show(?!\S)/g, '');
document.getElementById("myElement").className += " holder-hide";
} }
}; };