ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-01 00:45:41 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Mobile] Angular

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
platform/commonUI/browse/res/templates/browse.html
View File

@ -19,30 +19,32 @@
this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information.
-->
<div id="myElement" content="jquery-wrapper" class="abs holder-all browse-mode holder-hide">
<mct-include key="'topbar-browse'"></mct-include>
<div class="holder browse-area s-browse-area abs" ng-controller="BrowseController">
<mct-split-pane class='contents abs' anchor='left'>
<div class='split-pane-component treeview pane browse-manage createtreebtns'>
<mct-representation key="'create-button'" mct-object="navigatedObject">
</mct-representation>
<div class='holder tree-holder abs'>
<mct-representation key="'tree'"
mct-object="domainObject"
ng-model="treeModel">
<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>
<div class="holder browse-area s-browse-area abs">
<mct-split-pane class='contents abs' anchor='left'>
<div class='split-pane-component treeview pane browse-manage createtreebtns'>
<mct-representation key="'create-button'" mct-object="navigatedObject">
</mct-representation>
<div class='holder tree-holder abs'>
<mct-representation key="'tree'"
mct-object="domainObject"
ng-model="treeModel">
</mct-representation>
</div>
</div>
</div>
<mct-splitter></mct-splitter>
<div class='split-pane-component items pane'>
<div class='holder abs hider-check' id='content-area'>
<mct-representation mct-object="navigatedObject" key="'browse-object'">
</mct-representation>
<mct-splitter></mct-splitter>
<div class='split-pane-component items pane'>
<div class='holder abs hider-check' id='content-area'>
<mct-representation mct-object="navigatedObject" key="'browse-object'">
</mct-representation>
</div>
</div>
</div>
</mct-split-pane>
<div class="btn s-btn s-icon-btn s-very-subtle key-properties button-hide"
ng-click="treeSlide()">T</div>
</mct-split-pane>
<div class="btn s-btn s-icon-btn s-very-subtle key-properties button-hide"
ng-click="treeSlide()">T</div>
</div>
<mct-include key="'bottombar'"></mct-include>
</div>
<mct-include key="'bottombar'"></mct-include>
</div>

16
platform/commonUI/browse/src/BrowseController.js
View File

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