Reorganizes the network-ui code under awx/client/src/network-ui

* Moves network UI source to awx/client/src/network-ui
* Moves network ui partials to awx/ui/client/network-ui
* Renames widgets with suffix partial.svg
* Updates directives to use bundled partials
* Uses ~network-ui for loading UI component
This commit is contained in:
Ben Thomasson
2018-01-03 10:30:25 -05:00
parent f6eecad25e
commit 1c1844d889
125 changed files with 244 additions and 167 deletions
@@ -0,0 +1,122 @@
<!-- Copyright (c) 2017 Red Hat, Inc. -->
<!-- begin collapsed toolbox -->
<g ng-if="overall_toolbox_collapsed">
<rect class="NetworkUI__toolbox-collapsed"
x=0
y=40
width=45
ng-attr-height={{toolbox.height}}>
</rect>
<g awx-net-chevron-right-icon
action-icon="action_icons[1]"
ng-if="overall_toolbox_collapsed"
ng-attr-transform="translate({{action_icons[1].x}}, {{action_icons[1].y}})"></g>
</g>
<!-- end collapsed toolbox -->
<g ng-if="toolbox.enabled">
<rect class="NetworkUI__toolbox"
ng-attr-x="{{toolbox.x}}"
ng-attr-y="{{toolbox.y}}"
ng-attr-width="{{toolbox.width}}"
ng-attr-height="{{toolbox.height}}"
rx=5></rect>
<text
class="NetworkUI__toolbox--title"
ng-attr-transform="translate({{toolbox.title_coordinates.x}},{{toolbox.title_coordinates.y}})">
{{toolbox.name}}
</text>
<g awx-net-chevron-left-icon
action-icon="action_icons[0]"
ng-if="toolbox.enabled"
ng-attr-transform="translate({{action_icons[0].x}}, {{action_icons[0].y}})"></g>
<g clip-path="url(#inventory-toolbox-clip-path)">
<g ng-attr-transform="translate({{toolbox.x}}, {{toolbox.y+20}})">
<g ng-repeat="item in toolbox.items track by $index"
ng-attr-transform="translate({{toolbox.width/2}},{{$index * toolbox.spacing + toolbox.spacing/2 + toolbox.scroll_offset}})"
ng-attr-class="{{item.type}}"
ng-switch on="item.type">
<g ng-switch-when="router"><!-- begin router -->
<g awx-net-router></g>
</g> <!-- end router -->
<g ng-switch-when="switch"> <!-- begin switch -->
<g awx-net-switch> </g>
</g> <!-- end switch -->
<g ng-switch-when="host"> <!-- begin host -->
<g awx-net-host> </g>
</g> <!-- end host -->
<g ng-switch-when="site"> <!-- begin site -->
<g awx-net-site-icon> </g>
</g> <!-- end site -->
<g ng-switch-when="rack"> <!-- begin rack -->
<g awx-net-rack-icon> </g>
</g> <!-- end rack -->
<g ng-switch-when="process"> <!-- begin site -->
<g awx-net-process> </g>
</g> <!-- end site -->
<g ng-switch-when="configuration"> <!-- begin site -->
<g awx-net-configuration> </g>
</g> <!-- end site -->
<g ng-switch-default> <!-- begin default -->
<g awx-net-default></g>
</g> <!-- end default -->
</g> <!-- end devices -->
</g> <!-- end transform -->
</g> <!-- end clip path -->
<rect class="NetworkUI__toolbox-bezel"
ng-attr-x="{{toolbox.x}}"
ng-attr-y="{{toolbox.y}}"
ng-attr-width="{{toolbox.width}}"
ng-attr-height="{{toolbox.height}}"
rx=5></rect>
<!-- selected item-->
<g ng-if="toolbox.selected_item != null">
<g ng-repeat="item in [toolbox.selected_item]"
ng-attr-transform="translate({{item.x}}, {{item.y}})"
ng-attr-class="{{item.type}}"
ng-switch on="item.type">
<g ng-switch-when="router"><!-- begin router -->
<g awx-net-router></g>
</g> <!-- end router -->
<g ng-switch-when="switch"> <!-- begin switch -->
<g awx-net-switch> </g>
</g> <!-- end switch -->
<g ng-switch-when="host"> <!-- begin host -->
<g awx-net-host> </g>
</g> <!-- end host -->
<g ng-switch-when="site"> <!-- begin site -->
<g awx-net-site-icon> </g>
</g> <!-- end site -->
<g ng-switch-when="rack"> <!-- begin rack -->
<g awx-net-rack-icon> </g>
</g> <!-- end rack -->
<g ng-switch-when="process"> <!-- begin site -->
<g awx-net-process> </g>
</g> <!-- end site -->
<g ng-switch-when="configuration"> <!-- begin site -->
<g awx-net-configuration> </g>
</g> <!-- end site -->
<g ng-switch-default> <!-- begin default -->
<g awx-net-default></g>
</g> <!-- end default -->
</g> <!-- end selected item -->
</g> <!-- ng-if -->
</g> <!-- ng-if toolbox.enabled -->