134 lines
4.8 KiB
JavaScript
134 lines
4.8 KiB
JavaScript
|
|
||
|
|
|
||
|
|
jQuery.fn.customInput = function(){//from http://www.filamentgroup.com/examples/customInput/customInput.jquery.js
|
||
|
|
$(this).each(function(i){
|
||
|
|
if($(this).is('[type=checkbox],[type=radio]')){
|
||
|
|
var input = $(this);
|
||
|
|
|
||
|
|
// get the associated label using the input's id
|
||
|
|
var label = $('label[for='+input.attr('id')+']');
|
||
|
|
|
||
|
|
//get type, for classname suffix
|
||
|
|
var inputType = (input.is('[type=checkbox]')) ? 'checkbox' : 'radio';
|
||
|
|
|
||
|
|
// wrap the input + label in a div
|
||
|
|
$('<div class="custom-'+ inputType +'"></div>').insertBefore(input).append(input, label);
|
||
|
|
|
||
|
|
// find all inputs in this set using the shared name attribute
|
||
|
|
var allInputs = $('input[name='+input.attr('name')+']');
|
||
|
|
|
||
|
|
// necessary for browsers that don't support the :hover pseudo class on labels
|
||
|
|
label.hover(
|
||
|
|
function(){
|
||
|
|
$(this).addClass('hover');
|
||
|
|
if(inputType == 'checkbox' && input.is(':checked')){
|
||
|
|
$(this).addClass('checkedHover');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
function(){ $(this).removeClass('hover checkedHover'); }
|
||
|
|
);
|
||
|
|
|
||
|
|
//bind custom event, trigger it, bind click,focus,blur events
|
||
|
|
input.bind('updateState', function(){
|
||
|
|
if (input.is(':checked')) {
|
||
|
|
if (input.is(':radio')) {
|
||
|
|
allInputs.each(function(){
|
||
|
|
$('label[for='+$(this).attr('id')+']').removeClass('checked');
|
||
|
|
});
|
||
|
|
};
|
||
|
|
label.addClass('checked');
|
||
|
|
}
|
||
|
|
else { label.removeClass('checked checkedHover checkedFocus'); }
|
||
|
|
|
||
|
|
})
|
||
|
|
.trigger('updateState')
|
||
|
|
.click(function(){
|
||
|
|
$(this).trigger('updateState');
|
||
|
|
})
|
||
|
|
.focus(function(){
|
||
|
|
label.addClass('focus');
|
||
|
|
if(inputType == 'checkbox' && input.is(':checked')){
|
||
|
|
$(this).addClass('checkedFocus');
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.blur(function(){ label.removeClass('focus checkedFocus'); });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
function monPluginSetStat()
|
||
|
|
{
|
||
|
|
$('.fg-button:not(.ui-state-disabled)')
|
||
|
|
.hover(
|
||
|
|
function() {
|
||
|
|
$(this).addClass('ui-state-hover');
|
||
|
|
},
|
||
|
|
function() {
|
||
|
|
$(this).removeClass('ui-state-hover');
|
||
|
|
}
|
||
|
|
)
|
||
|
|
.click(
|
||
|
|
function() {
|
||
|
|
// if($(this).hasClass("ui-state-active")) {
|
||
|
|
var plugin=$('.pluginstat.ui-state-active').attr('id');
|
||
|
|
var todo = $(this).html();
|
||
|
|
//$("#settings").tabs('select',2);
|
||
|
|
//for the noderange, we have to check the <div> with id "nrtree-input", and also the 'custom-nr' textarea
|
||
|
|
var value = "";
|
||
|
|
//we check the textarea firstly,
|
||
|
|
value = $("#custom-nr").val();
|
||
|
|
//then, if the textarea is empty, we have to get the selection from nrtree
|
||
|
|
if(!value) {
|
||
|
|
var i=0;
|
||
|
|
var node_selected = nrtree.selected_arr;
|
||
|
|
for(; i< node_selected.length; i++) {
|
||
|
|
value += node_selected[i].attr('id');
|
||
|
|
}
|
||
|
|
//remove the "," at the front
|
||
|
|
value = value.substr(1);
|
||
|
|
}
|
||
|
|
//get the value for "node status monitoring"
|
||
|
|
|
||
|
|
//$("#feedback").html(value); //used for debug
|
||
|
|
if(value == "") {value="all";}
|
||
|
|
$.post("monitor/setup.php",{name:plugin,action:todo,nm:$("#stat1 form fieldset input:checked").attr('value'),nr:value},function(data) {
|
||
|
|
if(data=='successful') {
|
||
|
|
//update the status of the selected plugin
|
||
|
|
//reload the tabs for enable/disable
|
||
|
|
var tmp = $("#"+plugin).children();
|
||
|
|
$.get("monitor/options.php",{name:plugin,opt:"status"},function(stat){
|
||
|
|
if(stat == "Disabled") {
|
||
|
|
$(tmp[1]).html(plugin+"<br>"+stat);
|
||
|
|
$(tmp[0].firstChild).removeClass("ui-icon-circle-check").addClass("ui-icon-circle-close");
|
||
|
|
$("#settings").tabs('url',3,'monitor/options.php?name='+plugin+'&opt=enable').tabs("load",3);
|
||
|
|
}else {
|
||
|
|
$(tmp[1]).html(plugin+"<br>"+stat);
|
||
|
|
$(tmp[0].firstChild).removeClass("ui-icon-circle-close").addClass("ui-icon-circle-check");
|
||
|
|
$("#settings").tabs('url',3,'monitor/options.php?name='+plugin+'&opt=disable').tabs("load",3);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
// }
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
function nodemonSetStat()
|
||
|
|
{
|
||
|
|
//enable/disable buttons for setting of the Node monitoring status
|
||
|
|
$("#nodemonset .fg-buttonset .fg-button").hover(function() {
|
||
|
|
$(this).addClass("ui-state-hover");
|
||
|
|
},function() {
|
||
|
|
$(this).removeClass("ui-state-hover");
|
||
|
|
}).click(function(){
|
||
|
|
//TODO
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function appmonSetStat()
|
||
|
|
{
|
||
|
|
//TODO
|
||
|
|
}
|
||
|
|
|
||
|
|
// for the progress bar
|
||
|
|
myBar.loaded('monitor.js');
|