Files
awx/awx/ui/client/features/networking/networking.view.html
Jared Tabor 2a8ced5a5d Adds network UI shell wrapper
* 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
2018-03-23 17:00:18 -04:00

37 lines
1.3 KiB
HTML

<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>