zware/awx
1
0
Fork 0
mirror of https://github.com/ZwareBear/awx.git synced 2026-04-11 02:21:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adds network UI shell wrapper

Browse Source 
* Adds networking icons, state, and shell
* Adds network UI to the network UI shell.
* Removes jquery as a dependency of network-ui
* Fills the entire viewport with the network canvas and
    makes header panel and the right panel overlay on
    top of it
This commit is contained in:
Jared Tabor
2017-11-07 19:26:59 -08:00
committed by Ben Thomasson
parent 09d461b1d0
commit 2a8ced5a5d
20 changed files with 626 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
awx/ui/client/features/networking/networking.view.html Normal file
View File

@@ -0,0 +1,36 @@
<div class="Networking-header">
<div class="Networking-headerTitle">{{vm.panelTitle}}</div>
<div class="Netowrking-headerActions">
<div class="Networking-headerActionItem">
<button class="Networking-actionButton"
aw-tool-tip="Expand Output"
data-placement="bottom"
data-original-title="Expand Output"
ng-click="vm.togglePanel()"
ng-hide="vm.panelIsExpanded">
<i class="fa fa-chevron-left"></i>
</button>
<button class="Networking-actionButton"
aw-tool-tip="Collapse Output"
data-placement="left"
data-original-title="Collapse Output"
ng-click="vm.togglePanel()"
ng-hide="!vm.panelIsExpanded">
<i class="fa fa-chevron-right"></i>
</button>
</div>
<div class="Networking-headerActionItem">
<button ng-click="vm.close()" type="button" class="close">
<i class="fa fa-times-circle"></i>
</button>
</div>
</div>
</div>
<div class="Networking-panels">
<div class="Networking-leftPanel">
<awx-network-ui></awx-network-ui>
</div>
<div class="Networking-rightPanel" ng-show="vm.panelIsExpanded">
VIEW LAYERS
</div>
</div>