');
}
if (selected_tab){
return info_panel.tabs({selected: selected_tab});
}
return info_panel.tabs({selected: 0});
-
+
},
-
+
//adds a tab to an info panel.
"addInfoPanelTab" : function(panel_name, panel_tab_id, panel_tab_obj){
SunstoneCfg["info_panels"][panel_name][panel_tab_id] = panel_tab_obj;
},
-
+
//Replaces a tab from an info panel. Refreshes the DOM if wanted.
- "updateInfoPanelTab" : function(panel_name, panel_tab_id,
- panel_tab_obj, refresh){
+ "updateInfoPanelTab" : function(panel_name, panel_tab_id,
+ panel_tab_obj, refresh){
SunstoneCfg["info_panels"][panel_name][panel_tab_id] = panel_tab_obj;
if (refresh){
var tab_content = panel_tab_obj.content;
$('div#'+panel_name+' div#'+panel_tab_id).html(tab_content);
}
},
-
+
//Removes a tab from an info panel configuration.
"removeInfoPanelTab" : function(panel_name,panel_tab_id){
delete SunstoneCfg["info_panels"][panel_name][panel_tab_id];
},
-
+
//Runs a predefined action. Wraps the calls to opennebula.js and
//can be use to run action depending on conditions and notify them
//if desired.
"runAction" : function(action, data_arg, extra_param){
-
+
var actions = SunstoneCfg["actions"];
if (!actions[action]){
notifyError("Action "+action+" not defined");
return;
}
-
+
var action_cfg = actions[action];
var notify = action_cfg.notify;
-
+
var condition = action_cfg["condition"];
-
+
//Is the condition to run the action met?
//Should we inform if it is not met?
if (condition && !condition()){
@@ -171,24 +171,24 @@ var Sunstone = {
}
return;
}
-
+
var call = action_cfg["call"];
var callback = action_cfg["callback"];
var err = action_cfg["error"];
-
-
+
+
//Time to close any confirmation dialogs, as the execution may have
//come from them.
$('div#confirm_with_select_dialog').dialog("close");
$('div#confirm_dialog').dialog("close");
-
-
+
+
//We ease the use of:
// * "create" calls to opennebula.js
// * "single" element calls to opennebula.js
// * "list" (get the pool of elements) calls to opennebula.js
- // * "monitor_global" (returns monitoring information from a pool of elements
- // * "monitor_single" (returns monitoring information from 1 element to create graphs)
+ // * "monitor_global" (returns monitoring info from a pool of elements
+ // * "monitor_single" (returns monitoring info from 1 element)
// * "multiple" - actions to be run on a given list of elements
// (with maybe an extra parameter).
// * The default actions. Simple call the the pre-defined "call"
@@ -201,7 +201,13 @@ var Sunstone = {
break;
case "single":
if (extra_param){
- call({data:{id:data_arg,extra_param:extra_param}, success: callback,error:err});
+ call({
+ data:{
+ id:data_arg,
+ extra_param:extra_param
+ },
+ success: callback,error:err
+ });
} else {
call({data:{id:data_arg}, success: callback,error:err});
};
@@ -210,23 +216,40 @@ var Sunstone = {
call({success: callback, error:err});
break;
case "monitor_global":
- call({timeout: true, success: callback, error:err, data: {monitor: data_arg}});
+ call({
+ timeout: true,
+ success: callback,
+ error:err,
+ data: {monitor: data_arg}});
break;
case "monitor":
case "monitor_single":
- call({timeout: true, success: callback, error:err, data: {id:data_arg, monitor: extra_param}});
+ call({
+ timeout: true,
+ success: callback,
+ error:err,
+ data: {id:data_arg, monitor: extra_param}});
break;
case "multiple":
//run on the list of nodes that come on the data
$.each(data_arg,function(){
if (extra_param){
- call({data:{id:this,extra_param:extra_param}, success: callback, error: err});
+ call({
+ data:{
+ id:this,
+ extra_param:extra_param
+ },
+ success: callback,
+ error: err});
} else {
- call({data:{id:this}, success: callback, error:err});
+ call({
+ data:{id:this},
+ success: callback,
+ error:err});
}
});
break;
- default:
+ default:
//This action is complemente handled by the "call" function.
//we pass any data if present.
if (data_arg && extra_param) {call(data_arg,extra_param);}
@@ -237,45 +260,24 @@ var Sunstone = {
if (notify) {
notifySubmit(action,data_arg,extra_param);
}
-
-
+
+
},
-
- //Runs a predefined action on the selected nodes of a datatable.
- //Optionally they are run with an extra_parameter.
- //If no datatable is provided, it simply runs the action.
- //~ "runActionOnDatatableNodes": function(action,dataTable,extra_param){
- //~ if (dataTable != null){
- //~
- //~ //Which rows of the datatable are checked?
- //~ var nodes = $('input:checked',dataTable.fnGetNodes());
- //~ var data = [];
- //~ $.each(nodes,function(){
- //~ data.push($(this).val());
- //~ });
- //~ Sunstone.runAction(action,data,extra_param);
- //~
- //~ } else {
- //~ Sunstone.runAction(action,extra_param);
- //~ };
- //~ },
- //~
+
//returns a button object from the desired tab
"getButton" : function(tab_id,button_name){
- var button = null;
- var buttons = SunstoneCfg["tabs"][tab_id]["buttons"];
- button = buttons[button_name];
- //not found, is it in the list then?
- if (!button && buttons["action_list"])
- {
- button = buttons["action_list"]["actions"][button_name];
- }
- return button;
+ var button = null;
+ var buttons = SunstoneCfg["tabs"][tab_id]["buttons"];
+ button = buttons[button_name];
+ //not found, is it in the list then?
+ if (!button && buttons["action_list"])
+ {
+ button = buttons["action_list"]["actions"][button_name];
+ }
+ return button;
} //end sunstone methods
-
+
};
-
-
@@ -284,58 +286,61 @@ var Sunstone = {
$(document).ready(function(){
readCookie();
setLogin();
-
+
//Insert the tabs in the DOM and their buttons.
insertTabs();
insertButtons();
-
+
//Enhace the look of select buttons
initListButtons();
-
+
//Prepare the standard confirmation dialogs
setupConfirmDialogs();
//This dialog is shared to update templates
setupTemplateUpdateDialog();
-
+
//Listen for .action_buttons
- //An action buttons runs a predefined action. If it has type
+ //An action buttons runs a predefined action. If it has type
//"multiple" it runs that action on the elements of a datatable.
$('.action_button').live("click",function(){
-
+
var table = null;
var value = $(this).attr("value");
var action = SunstoneCfg["actions"][value];
- if (!action) { notifyError("Action "+value+" not defined."); return false;};
+ if (!action) {
+ notifyError("Action "+value+" not defined.");
+ return false;
+ };
switch (action.type){
- case "multiple": //find the datatable
- var nodes = action.elements();
- Sunstone.runAction(value,nodes);
- break;
- default:
- Sunstone.runAction(value);
+ case "multiple": //find the datatable
+ var nodes = action.elements();
+ Sunstone.runAction(value,nodes);
+ break;
+ default:
+ Sunstone.runAction(value);
}
return false;
});
-
-
+
+
//Listen .confirm_buttons. These buttons show a confirmation dialog
//before running the action.
$('.confirm_button').live("click",function(){
popUpConfirmDialog(this);
return false;
});
-
+
//Listen .confirm_buttons. These buttons show a confirmation dialog
//with a select box before running the action.
$('.confirm_with_select_button').live("click",function(){
popUpConfirmWithSelectDialog(this);
return false;
});
-
+
//Jquery-enhace the buttons in the DOM
$('button').button();
-
+
//Close overlay dialogs when clicking outside of them.
$(".ui-widget-overlay").live("click", function (){
$("div:ui-dialog:visible").dialog("close");
@@ -345,10 +350,10 @@ $(document).ready(function(){
$('*:not(.action_list,.list_button)').click(function(){
$('.action_list:visible').hide();
});
-
+
//Start with the dashboard (supposing we have one).
showTab('#dashboard_tab');
-
+
});
@@ -364,7 +369,7 @@ function readCookie(){
});
}
-//sets the user info in the top bar and creates a listner in the
+//sets the user info in the top bar and creates a listner in the
//signout button
function setLogin(){
//This two variables can be used anywhere
@@ -373,10 +378,11 @@ function setLogin(){
$("#user").html(username);
$("#logout").click(function(){
- OpenNebula.Auth.logout({success:function(){
- window.location.href = "/login";
- }
- });
+ OpenNebula.Auth.logout({
+ success:function(){
+ window.location.href = "/login";
+ }
+ });
return false;
});
}
@@ -400,7 +406,7 @@ function insertTab(tab_name){
if (condition && !condition()) {return;}
$("div.inner-center").append('');
$('div#'+tab_name).html(tab_info.content);
-
+
$('ul#navigation').append('
');
}
@@ -419,11 +425,11 @@ function insertButtonsInTab(tab_name){
var button_code="";
var sel_obj=null;
var condition=null;
-
+
//Check if we have included an appropiate space our tab to
//insert them (an .action_blocks div)
if ($('div#'+tab_name+' div.action_blocks').length){
-
+
//for every button defined for this tab...
for (button_name in buttons){
button_code = "";
@@ -431,7 +437,7 @@ function insertButtonsInTab(tab_name){
condition = button.condition;
//if we meet the condition we proceed. Otherwise we skip it.
if (condition && !condition()) { continue; }
-
+
//depending on the type of button we generate different
//code. There are 4 possible types:
/*
@@ -441,7 +447,7 @@ function insertButtonsInTab(tab_name){
* default: generally buttons have the "_button" class.
*/
switch (button.type) {
- case "select":
+ case "select":
button_code = '';
break;
- case "image":
+ case "image":
button_code = '';
break;
- case "create_dialog":
+ case "create_dialog":
button_code = '';
break;
- default:
+ default:
button_code = '';
-
+
}
-
+
if (button.alwaysActive) {
button_code = $(button_code).addClass("alwaysActive");
}
-
+
$('div#'+tab_name+' .action_blocks').append(button_code);
-
+
}//for each button in tab
$('.top_button').button();
}//if tab exists
}
-//Converts selects into buttons which show a list of actions when
-//clicked. This lists have two parts, one for the last action run, and
+//Converts selects into buttons which show a list of actions when
+//clicked. This lists have two parts, one for the last action run, and
//another containing a list of actions that can be folded/unfolded.
function initListButtons(){
- //for each multi_action select
- $('.multi_action_slct').each(function(){
- //prepare replacement buttons
- var buttonset = $('
Previous action').button();
- button1.attr("disabled","disabled");
- var button2 = $('').button({
- text:false,
- icons: { primary: "ui-icon-triangle-1-s" }
- });
- buttonset.append(button1);
- buttonset.append(button2);
- buttonset.buttonset();
-
- //prepare list
- var options = $('option', $(this));
- var list = $('
');
- $.each(options,function(){
- var classes = $(this).attr("class");
- var item = $('');
- var a = $(''+$(this).text()+'');
- a.val($(this).val());
- item.html(a);
- list.append(item);
- });
- list.css({
- "display":"none"
- });
-
-
- //replace the select and insert the buttons
- $(this).before(buttonset);
- $(this).parents('.action_blocks').append(list);
- $(this).remove();
- //$(this).replaceWith(list);
+ //for each multi_action select
+ $('.multi_action_slct').each(function(){
+ //prepare replacement buttons
+ var buttonset = $('
Previous action').button();
+ button1.attr("disabled","disabled");
+ var button2 = $('').button({
+ text:false,
+ icons: { primary: "ui-icon-triangle-1-s" }
+ });
+ buttonset.append(button1);
+ buttonset.append(button2);
+ buttonset.buttonset();
+ //prepare list
+ var options = $('option', $(this));
+ var list = $('
');
+ $.each(options,function(){
+ var classes = $(this).attr("class");
+ var item = $('');
+ var a = $(''+$(this).text()+'');
+ a.val($(this).val());
+ item.html(a);
+ list.append(item);
+ });
+ list.css({
+ "display":"none"
});
+ $(this).before(buttonset);
+ $(this).parents('.action_blocks').append(list);
+ $(this).remove();
- //below the listeners for events on these buttons and list
+ });
- //enable run the last action button
- $('.action_list li a').click(function(){
- //enable run last action button
- var prev_action_button = $('.last_action_button',$(this).parents('.action_blocks'));
- prev_action_button.val($(this).val());
- prev_action_button.removeClass("confirm_with_select_button");
- prev_action_button.removeClass("confirm_button");
- prev_action_button.removeClass("action_button");
- prev_action_button.addClass($(this).attr("class"));
- prev_action_button.button("option","label",$(this).text());
- prev_action_button.button("enable");
- $(this).parents('ul').hide("blind",100);
- //return false;
- });
+ //below the listeners for events on these buttons and list
+ //enable run the last action button
+ $('.action_list li a').click(function(){
+ //enable run last action button
+ var prev_action_button = $('.last_action_button',$(this).parents('.action_blocks'));
+ prev_action_button.val($(this).val());
+ prev_action_button.removeClass("confirm_with_select_button");
+ prev_action_button.removeClass("confirm_button");
+ prev_action_button.removeClass("action_button");
+ prev_action_button.addClass($(this).attr("class"));
+ prev_action_button.button("option","label",$(this).text());
+ prev_action_button.button("enable");
+ $(this).parents('ul').hide("blind",100);
+ //return false;
+ });
//Show the list of actions in place
$('.list_button').click(function(){
@@ -551,93 +552,90 @@ function initListButtons(){
//Prepares the standard confirm dialogs
function setupConfirmDialogs(){
-
+
//add div to the main body if it isn't present.
if (!($('div#confirm_dialog').length)){
$('div#dialogs').append('');
};
//add the HTML with the standard question and buttons.
- $('div#confirm_dialog').html(
- '');
-
+ $('div#confirm_dialog').html(
+ '');
+
//prepare the jquery dialog
- $('div#confirm_dialog').dialog({
- resizable:false,
- modal:true,
- width:300,
- heigth:200,
- autoOpen:false
- });
+ $('div#confirm_dialog').dialog({
+ resizable:false,
+ modal:true,
+ width:300,
+ heigth:200,
+ autoOpen:false
+ });
//enhace the button look
$('div#confirm_dialog button').button();
-
+
//same for the confirm with select dialog.
if (!($('div#confirm_with_select_dialog').length)){
$('div#dialogs').append('');
};
- $('div#confirm_with_select_dialog').html(
- '');
-
-
+ $('div#confirm_with_select_dialog').html(
+ '');
+
//prepare the jquery dialog
- $('div#confirm_with_select_dialog').dialog({
- resizable:false,
- modal:true,
- width:300,
- heigth:300,
- autoOpen:false
- });
-
+ $('div#confirm_with_select_dialog').dialog({
+ resizable:false,
+ modal:true,
+ width:300,
+ heigth:300,
+ autoOpen:false
+ });
+
$('div#confirm_with_select_dialog button').button();
-
+
//if a cancel button is pressed, we close the dialog.
$('button.confirm_cancel').click(function(){
- $('div#confirm_with_select_dialog').dialog("close");
+ $('div#confirm_with_select_dialog').dialog("close");
$('div#confirm_dialog').dialog("close");
- return false;
- });
-
+ return false;
+ });
+
//when we proceed with a "confirm with select" we need to
//find out if we are running an action with a parametre on a datatable
- //items or if its just an action
+ //items or if its just an action
$('button#confirm_with_select_proceed').click(function(){
var value = $(this).val();
var action = SunstoneCfg["actions"][value];
var param = $('select#confirm_select').val();
if (!action) { notifyError("Action "+value+" not defined."); return false;};
switch (action.type){
- case "multiple": //find the datatable
- var nodes = action.elements();
- Sunstone.runAction(value,nodes,param);
- break;
- default:
- Sunstone.runAction(value,param);
- break;
+ case "multiple": //find the datatable
+ var nodes = action.elements();
+ Sunstone.runAction(value,nodes,param);
+ break;
+ default:
+ Sunstone.runAction(value,param);
+ break;
}
return false;
-
});
-
}
//Popup a confirmation dialog.
@@ -666,9 +664,7 @@ function popUpConfirmWithSelectDialog(target_elem){
var select_var = button.select();
$('select#confirm_select').html(select_var);
$('div#confirm_with_select_tip').text(tip);
-
+
$('button#confirm_with_select_proceed').val(value);
$('div#confirm_with_select_dialog').dialog("open");
}
-
-
'+tab.title+'');
- info_panel.append('