74 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			3.1 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
<table id="data-table" class="table table-striped table-bordered" width="100%" cellspacing="0">
 | 
						|
  <thead>
 | 
						|
    <tr>
 | 
						|
      <th class="nd_center-cell">Device Name</th>
 | 
						|
      <th class="nd_center-cell">Device IP</th>
 | 
						|
      <th class="nd_center-cell">Number of Ports</th>
 | 
						|
      <th class="nd_center-cell">Action</th>
 | 
						|
    </tr>
 | 
						|
  </thead>
 | 
						|
  <tbody>
 | 
						|
    <tr>
 | 
						|
      <td class="nd_center-cell"><input data-form="add" name="dns" type="text"></td>
 | 
						|
      <td class="nd_center-cell"><input data-form="add" name="ip" type="text"></td>
 | 
						|
      <td class="nd_center-cell"><input data-form="add" name="ports" type="number"></td>
 | 
						|
      <td class="nd_center-cell">
 | 
						|
        <button class="btn btn-small nd_adminbutton" name="add" type="submit"><i class="icon-plus-sign"></i> Add</button>
 | 
						|
      </td>
 | 
						|
    </tr>
 | 
						|
    [% SET count = 0 %]
 | 
						|
    [% WHILE (row = results.next) %]
 | 
						|
    [% SET count = count + 1 %]
 | 
						|
    <tr>
 | 
						|
      <td class="nd_center-cell"><a class="nd_linkcell"
 | 
						|
        href="[% uri_for('/device') %]?q=[% row.ip | uri %]">[% row.dns | html_entity %]</a></td>
 | 
						|
      <td class="nd_center-cell">[% row.ip | html_entity %]</td>
 | 
						|
      <td class="nd_center-cell">
 | 
						|
        <input data-form="update" name="ports" type="number" value="[% row.port_count | html_entity %]">
 | 
						|
      </td>
 | 
						|
      <td class="nd_center-cell">
 | 
						|
        <input data-form="update" name="dns" type="hidden" value="[% row.dns | html_entity %]">
 | 
						|
        <input data-form="update" name="ip" type="hidden" value="[% row.ip | html_entity %]">
 | 
						|
        <button class="btn nd_adminbutton" name="update" type="submit"><i class="icon-save text-warning"></i></button>
 | 
						|
 | 
						|
        <button class="btn" data-toggle="modal"
 | 
						|
          data-target="#nd_devdel-[% count %]" type="button"><i class="icon-trash text-error"></i></button>
 | 
						|
 | 
						|
        <div id="nd_devdel-[% count %]" class="nd_modal nd_deep-horizon modal hide fade" tabindex="-1"
 | 
						|
          role="dialog" aria-labelledby="nd_devdel-label-[% count %]" aria-hidden="true">
 | 
						|
          <div class="modal-header">
 | 
						|
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
 | 
						|
            <h3 id="nd_devdel-label-[% count %]">Are you sure?</h3>
 | 
						|
          </div>
 | 
						|
          <div class="modal-body">
 | 
						|
            <blockquote>
 | 
						|
              <p class="text-info">
 | 
						|
                Pseudo-device "[% row.dns | html_entity %] / [% row.ip | html_entity %]" will be deleted.</p>
 | 
						|
            </blockquote>
 | 
						|
            <input data-form="delete" name="device" type="hidden" value="[% row.ip | html_entity %]">
 | 
						|
          </div>
 | 
						|
          <div class="modal-footer">
 | 
						|
            <button class="btn btn-success" data-dismiss="modal" aria-hidden="true">Cancel</button>
 | 
						|
            <button class="btn btn-danger nd_adminbutton" name="delete" data-dismiss="modal">Confirm</button>
 | 
						|
          </div>
 | 
						|
        </div>
 | 
						|
      </td>
 | 
						|
    </tr>
 | 
						|
    [% END %]
 | 
						|
  </tbody>
 | 
						|
</table>
 | 
						|
 | 
						|
<script>
 | 
						|
$(document).ready(function() {
 | 
						|
  $('#data-table').dataTable({
 | 
						|
    "columnDefs": [ {
 | 
						|
        "targets": [ 2, 3 ],
 | 
						|
        "orderable": false,
 | 
						|
        "searchable": false
 | 
						|
      } ],
 | 
						|
[% INCLUDE 'ajax/datatabledefaults.tt' -%]
 | 
						|
  } );
 | 
						|
} );
 | 
						|
</script>
 | 
						|
 |