121 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			121 lines
		
	
	
		
			4.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|   // used by the tabbing interface to make sure the correct
 | |
|   // ajax content is loaded
 | |
|   var path = 'admin';
 | |
| 
 | |
|   // keep track of timers so we can kill them
 | |
|   var nd_timers = new Array();
 | |
| 
 | |
|   // this is called by do_search to support local code
 | |
|   // which might need to act on the newly inserted content
 | |
|   // but which cannot use jQuery delegation via .on()
 | |
|   function inner_view_processing(tab) {
 | |
| 
 | |
|     // reload this table every 10 seconds
 | |
|     if (tab == 'jobqueue') {
 | |
|         $('#nd_device-name').text('10');
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('9') }, 1000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('8') }, 2000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('7') }, 3000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('6') }, 4000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('5') }, 5000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('4') }, 6000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('3') }, 7000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('2') }, 8000 ));
 | |
|         nd_timers.push(setTimeout(function() { $('#nd_device-name').text('1') }, 9000 ));
 | |
|         nd_timers.push(setTimeout(function() {
 | |
|           // clear any running timers
 | |
|           for (var i = 0; i < nd_timers.length; i++) {
 | |
|               clearTimeout(nd_timers[i]);
 | |
|           }
 | |
|           // reload the tab content
 | |
|           $('#' + tab + '_form').trigger('submit');
 | |
|         }, 10000));
 | |
|     }
 | |
| 
 | |
|     // activate typeahead on the topo boxes
 | |
|     $('.nd_topo_dev').autocomplete({
 | |
|       source: '/ajax/data/deviceip/typeahead'
 | |
|       ,delay: 150
 | |
|       ,minLength: 0
 | |
|     });
 | |
| 
 | |
|     // activate typeahead on the topo boxes
 | |
|     $('.nd_topo_port.nd_topo_dev1').autocomplete({
 | |
|       source: function (request, response)  {
 | |
|         var query = $('.nd_topo_dev1').serialize();
 | |
|         return $.get('/ajax/data/port/typeahead', query, function (data) {
 | |
|           return response(data);
 | |
|         });
 | |
|       }
 | |
|       ,minLength: 0
 | |
|     });
 | |
| 
 | |
|     // activate typeahead on the topo boxes
 | |
|     $('.nd_topo_port.nd_topo_dev2').autocomplete({
 | |
|       source: function (request, response)  {
 | |
|         var query = $('.nd_topo_dev2').serialize();
 | |
|         return $.get('/ajax/data/port/typeahead', query, function (data) {
 | |
|           return response(data);
 | |
|         });
 | |
|       }
 | |
|       ,delay: 150
 | |
|       ,minLength: 0
 | |
|     });
 | |
|   }
 | |
| 
 | |
|   // on load, establish global delegations for now and future
 | |
|   $(document).ready(function() {
 | |
|     var tab = '[% task.tag %]'
 | |
|     var target = '#' + tab + '_pane';
 | |
| 
 | |
|     // get all devices on device input focus
 | |
|     $(target).on('focus', '.nd_topo_dev', function(e) {
 | |
|       $(this).autocomplete('search', '%') });
 | |
|     $(target).on('click', '.nd_topo_dev_caret', function(e) {
 | |
|       $(this).siblings('.nd_topo_dev').autocomplete('search', '%') });
 | |
| 
 | |
|     // get all ports on port input focus
 | |
|     $(target).on('focus', '.nd_topo_port', function(e) {
 | |
|       $(this).autocomplete('search') });
 | |
|     $(target).on('click', '.nd_topo_port_caret', function(e) {
 | |
|       $(this).siblings('.nd_topo_port').val('');
 | |
|       $(this).siblings('.nd_topo_port').autocomplete('search');
 | |
|     });
 | |
| 
 | |
| 
 | |
|     // activity for admin task tables
 | |
|     // dynamically bind to all forms in the table
 | |
|     $(target).on('submit', 'form', function() {
 | |
|       // stop form from submitting normally
 | |
|       event.preventDefault();
 | |
| 
 | |
|       // clear any running timers
 | |
|       for (var i = 0; i < nd_timers.length; i++) {
 | |
|           clearTimeout(nd_timers[i]);
 | |
|       }
 | |
| 
 | |
|       // submit the query and put results into the tab pane
 | |
|       $.ajax({
 | |
|         type: 'POST'
 | |
|         ,async: true
 | |
|         ,dataType: 'html'
 | |
|         ,url: uri_base + '/ajax/control/admin/' + tab + '/' + $(this).attr('name')
 | |
|         ,data: $(this).serializeArray()
 | |
|         ,beforeSend: function() {
 | |
|           $(target).html(
 | |
|             '<div class="span2 alert">Request submitted...</div>'
 | |
|           );
 | |
|         }
 | |
|         ,success: function(content) {
 | |
|           $('#' + tab + '_form').trigger('submit');
 | |
|         }
 | |
|         ,error: function() {
 | |
|           $(target).html(
 | |
|             '<div class="span5 alert alert-error">' +
 | |
|             'Request failed! Please contact your site administrator.</div>'
 | |
|           );
 | |
|         }
 | |
|       });
 | |
|     });
 | |
|   });
 |