add frontend pseudo device add form
This commit is contained in:
32
Netdisco/share/views/ajax/admintask/pseudodevice.tt
Normal file
32
Netdisco/share/views/ajax/admintask/pseudodevice.tt
Normal file
@@ -0,0 +1,32 @@
|
||||
<table class="table-bordered table-condensed table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="center_cell">Device Name</th>
|
||||
<th class="center_cell">Device IP</th>
|
||||
<th class="center_cell">Number of Ports</th>
|
||||
<th class="center_cell">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</tbody>
|
||||
<tr>
|
||||
<form name="add">
|
||||
<td class="center_cell"><input name="dns" type="text"></td>
|
||||
<td class="center_cell"><input name="ip" type="text"></td>
|
||||
<td class="center_cell"><input name="ports" type="number"></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>
|
||||
<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">[% row.ports.count | html_entity %]</td>
|
||||
<td class="center_cell"><a class="btn btn-small" href="#"><i class="icon-plus-sign"></i> Add</a></td>
|
||||
</tr>
|
||||
[% END %]
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@@ -4,7 +4,39 @@
|
||||
|
||||
// this is called by do_search to support local code
|
||||
// here, when tab changes need to strike/unstrike the navbar search
|
||||
function inner_view_processing(tab) { }
|
||||
function inner_view_processing(tab) {
|
||||
var target = '#pseudodevice_pane';
|
||||
|
||||
// activity for add pseudo device
|
||||
// dynamically bind to all forms in the table
|
||||
$(target).on('submit', 'form', function() {
|
||||
// stop form from submitting normally
|
||||
event.preventDefault();
|
||||
|
||||
// submit the query and put results into the tab pane
|
||||
$.ajax({
|
||||
type: 'POST'
|
||||
,async: false
|
||||
,dataType: 'html'
|
||||
,url: uri_base + '/ajax/content/admin/pseudodevice/' + $(this).attr('name')
|
||||
,data: $(this).serializeArray()
|
||||
,beforeSend: function() {
|
||||
$(target).html(
|
||||
'<div class="span2 alert">Waiting for results...</div>'
|
||||
);
|
||||
}
|
||||
,success: function(content) {
|
||||
$(target).html(content);
|
||||
}
|
||||
,error: function() {
|
||||
$(target).html(
|
||||
'<div class="span5 alert alert-error">' +
|
||||
'Update failed! Please contact your site administrator.</div>'
|
||||
);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// on load, check initial Device Search Options form state,
|
||||
// and on each change to the form fields
|
||||
|
||||
Reference in New Issue
Block a user