Manual Device Topology
Needed to add the 'autocomplete' jQuery UI component because it can do minLength=0 properly. Used the smoothness UI theme. Added typeahead AJAX calls to support the topology searching. Added new plugin and template for the topology editing page.
This commit is contained in:
@@ -24,7 +24,7 @@
|
||||
<td class="center_cell"><a class="nd_linkcell"
|
||||
href="[% device_ports %]&q=[% row.dns | uri %]">[% row.dns | html_entity %]</a></td>
|
||||
<td class="center_cell">[% row.ip | html_entity %]</td>
|
||||
<td class="center_cell"><input name="ports" type="number" value="[% row.port_count | html_entity %]"</td>
|
||||
<td class="center_cell"><input name="ports" type="number" value="[% row.port_count | html_entity %]"></td>
|
||||
<td class="center_cell">
|
||||
<input name="dns" type="hidden" value="[% row.dns | html_entity %]">
|
||||
<input name="ip" type="hidden" value="[% row.ip | html_entity %]">
|
||||
|
||||
44
Netdisco/share/views/ajax/admintask/topology.tt
Normal file
44
Netdisco/share/views/ajax/admintask/topology.tt
Normal file
@@ -0,0 +1,44 @@
|
||||
<table class="table-bordered table-condensed table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="center_cell">Left Device</th>
|
||||
<th class="center_cell">Left Port</th>
|
||||
<th class="center_cell">Right Device</th>
|
||||
<th class="center_cell">Right Port</th>
|
||||
<th class="center_cell">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</tbody>
|
||||
<tr>
|
||||
<form name="add">
|
||||
<td class="center_cell"><input class="nd_topo_dev nd_topo_dev1" name="dev1" type="text"></td>
|
||||
<td class="center_cell"><input class="nd_topo_port nd_topo_dev1" name="port1" type="text"></td>
|
||||
<td class="center_cell"><input class="nd_topo_dev nd_topo_dev2" name="dev2" type="text"></td>
|
||||
<td class="center_cell"><input class="nd_topo_port nd_topo_dev2" name="port2" type="text"></td>
|
||||
<td class="center_cell">
|
||||
<button class="btn btn-small" name="add" type="submit"><i class="icon-plus-sign"></i> Add</button>
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
[% WHILE (row = results.next) %]
|
||||
<tr>
|
||||
<form name="update">
|
||||
<td class="center_cell"><a class="nd_linkcell"
|
||||
href="[% device_ports %]&q=[% row.dev1 | uri %]">[% row.dev1 | html_entity %]</a></td>
|
||||
<td class="center_cell">[% row.port1 | html_entity %]</td>
|
||||
<td class="center_cell"><a class="nd_linkcell"
|
||||
href="[% device_ports %]&q=[% row.dev2 | uri %]">[% row.dev2 | html_entity %]</a></td>
|
||||
<td class="center_cell">[% row.port2 | html_entity %]</td>
|
||||
<td class="center_cell">
|
||||
<input name="dev1" type="hidden" value="[% row.dev1 | html_entity %]">
|
||||
<input name="port1" type="hidden" value="[% row.port1 | html_entity %]">
|
||||
<input name="dev2" type="hidden" value="[% row.dev2 | html_entity %]">
|
||||
<input name="port2" type="hidden" value="[% row.port2 | html_entity %]">
|
||||
<button class="btn" name="del" type="submit"><i class="icon-trash text-error"></i></button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
[% END %]
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user