11d55e0129
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.
45 lines
1.9 KiB
Plaintext
45 lines
1.9 KiB
Plaintext
<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>
|
|
|