mirror of
https://github.com/ZwareBear/awx.git
synced 2026-03-25 10:13:37 -05:00
456bf5d04d
Fixes a defect where the devices in the inventory toolbox would scroll over the toolbox title. This moves the title later in the rendering order and adds a background to the title.
98 lines
2.9 KiB
XML
98 lines
2.9 KiB
XML
<!-- Copyright (c) 2017 Red Hat, Inc. -->
|
|
<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>
|
|
|
|
|
|
<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-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-default> <!-- begin default -->
|
|
<g awx-net-default></g>
|
|
</g> <!-- end default -->
|
|
</g> <!-- end selected item -->
|
|
</g> <!-- ng-if -->
|
|
</g> <!-- ng-if toolbox.enabled -->
|
|
<text
|
|
class="NetworkUI__toolbox--title"
|
|
filter="url(#background)"
|
|
ng-attr-transform="translate({{toolbox.title_coordinates.x}},{{toolbox.title_coordinates.y}})">
|
|
{{toolbox.name}}
|
|
</text>
|
|
</g> <!-- ng-if !hide_menus -->
|