port up and down control now updates table details

also update tooltip for sidebar pin icon depending on state
This commit is contained in:
Oliver Gorwits
2012-12-09 21:34:03 +00:00
parent 704f0fc8e9
commit 7652bd7438
9 changed files with 60 additions and 34 deletions

View File

@@ -268,9 +268,12 @@ form .clearfix.success input {
background-color: #A9DBA9;
}
/* a little whitespace between legend items */
.nd_legend li {
line-height: 19px;
/* when we use font-awesome icons, override the size */
#nd_legend i {
width: 9px;
}
.table-bordered i {
width: 9px;
}
/* bring sidebar items closer together */

View File

@@ -158,7 +158,15 @@ $(document).ready(function() {
$('.sidebar_pin').click(function() {
$('.sidebar').toggleClass('sidebar_pinned');
$('.sidebar_pin').toggleClass('sidebar_pin_clicked');
// update tooltip note for current state
if ($('.sidebar_pin').hasClass('sidebar_pin_clicked')) {
$('.sidebar_pin').first().data('tooltip').options.title = 'Unpin Sidebar';
}
else {
$('.sidebar_pin').first().data('tooltip').options.title = 'Pin Sidebar';
}
});
// sidebar toggle - trigger in/out on image click()
$('#sidebar_toggle_img_in').click(function() {
$('.sidebar').toggle(250);

View File

@@ -6,14 +6,30 @@ function port_control (e) {
type: 'POST'
,url: uri_base + '/ajax/portcontrol'
,data: {
device: td.data('for-device')
,port: td.data('for-port')
,field: td.data('field')
,action: td.data('action')
device: td.attr('data-for-device')
,port: td.attr('data-for-port')
,field: td.attr('data-field')
,action: td.attr('data-action')
,value: td.text().trim()
}
,success: function() {
toastr.info('Submitted change request');
// update all the screen furniture for port up/down control
if ($.trim(td.attr('data-action')) == 'down') {
td.prev('td').html('<span class="label">S</span>');
$(e).toggleClass('icon-hand-down');
$(e).toggleClass('icon-hand-up');
$(e).data('tooltip').options.title = 'Click to Enable';
td.attr('data-action', 'up');
}
else if ($.trim(td.attr('data-action')) == 'up') {
td.prev('td').html('<span class="label"><i class="icon-refresh"></i></span>');
$(e).toggleClass('icon-hand-up');
$(e).toggleClass('icon-hand-down');
$(e).data('tooltip').options.title = 'Click to Disable';
td.attr('data-action', 'down');
}
}
,error: function() {
toastr.error('Failed to submit change request');
@@ -28,16 +44,12 @@ function port_control (e) {
$.ajax({
url: uri_base + '/ajax/userlog'
,success: function(data) {
// console.log(data);
for (var i = 0; i < data['error'].length; i++) {
toastr.error(data['error'][i], 'Failed Change Request');
}
for (var i = 0; i < data['done'].length; i++) {
toastr.success(data['done'][i], 'Successful Change Request');
}
// Schedule next request when the current one's complete
setTimeout(worker, 5000);
}