- \
-
- Host information \ -
- Host template \ -
\
- \
+ var host_info = host.HOST;
+ var info_host_tab = {
+ title : "Host information",
+ content :
+ '\
\
\
- \
-
'
+ }
+
+ Sunstone.updateInfoTab("host_info_panel","info_host_tab",info_host_tab);
+ Sunstone.updateInfoTab("host_info_panel","host_template_tab",host_template_tab);
+ popDialog(Sunstone.getInfoPanelHTML("host_info_panel"));
}
+function setUpCreateHostDialog(){
+ $('div#dialogs').append('');
+ $('div#create_host_dialog').html(create_host_tmpl);
+ $('#create_host_dialog').dialog({
+ autoOpen: false,
+ modal: true,
+ width: 500
+ });
+
+ $('#create_host_dialog button').button();
+
+ //Handle the form submission
+ $('#create_host_form').submit(function(){
+ if (!($('#name',this).val().length)){
+ notifyError("Host name missing!");
+ return false;
+ }
+ host_json = { "host": { "name": $('#name',this).val(),
+ "tm_mad": $('#tm_mad :selected',this).val(),
+ "vm_mad": $('#vmm_mad :selected',this).val(),
+ "im_mad": $('#im_mad :selected',this).val()}}
+
+ //Create the OpenNebula.Host.
+ //If it's successfull we refresh the list.
+ Sunstone.runAction("Host.create",host_json);
+ //OpenNebula.Host.create({data: host_json, success: addHostElement, error: onError});
+ $('#create_host_dialog').dialog('close');
+ return false;
+ });
+
+}
+
+function setUpCreateClusterDialog(){
+ $('div#dialogs').append('');
+ $('#create_cluster_dialog').html(create_cluster_tmpl);
+
+ $('#create_cluster_dialog').dialog({
+ autoOpen: false,
+ modal: true,
+ width: 400
+ });
+
+ $('#create_cluster_dialog button').button();
+
+ $('#create_cluster_form').submit(function(){
+ name=$('#name',this).val();
+ cluster_json = { "cluster" : { "name" : name }};
+ Sunstone.runAction("Cluster.create",cluster_json);
+ $('#create_cluster_dialog').dialog('close');
+ return false;
+ });
+
+}
+
+
+
+function popUpCreateHostDialog(){
+ $('#create_host_dialog').dialog('open');
+ return false;
+}
+
+function popUpCreateClusterDialog(){
+ $('#create_cluster_dialog').dialog('open');
+ return false;
+}
+
+
+
//Document ready
$(document).ready(function(){
@@ -499,6 +656,9 @@ $(document).ready(function(){
//OpenNebula.Host.list({success: updateHostsView,error: onError});
Sunstone.runAction("Host.list");
+ setUpCreateHostDialog();
+ setUpCreateClusterDialog();
+
//set refresh interval
setInterval(function(){
nodes = $('input:checked',dataTable_hosts.fnGetNodes());
@@ -511,5 +671,6 @@ $(document).ready(function(){
initCheckAllBoxes(dataTable_hosts);
tableCheckboxesListener(dataTable_hosts);
hostInfoListener();
+
});
diff --git a/src/sunstone/public/js/sunstone-util.js b/src/sunstone/public/js/sunstone-util.js
index 3fba713610..a50c0740f8 100644
--- a/src/sunstone/public/js/sunstone-util.js
+++ b/src/sunstone/public/js/sunstone-util.js
@@ -143,7 +143,7 @@ function tableCheckboxesListener(dataTable){
if (last_action_b.length && last_action_b.val().length){
last_action_b.button("disable");
};
- $('.create_button',context).button("enable");
+ $('.create_dialog_button',context).button("enable");
//listen to changes
$('input',dataTable).live("change",function(){
diff --git a/src/sunstone/public/js/sunstone.js b/src/sunstone/public/js/sunstone.js
index 26abd43e66..13a320bf52 100644
--- a/src/sunstone/public/js/sunstone.js
+++ b/src/sunstone/public/js/sunstone.js
@@ -67,6 +67,50 @@ var Sunstone = {
},
+ "getInfoPanelHTML" : function(name){
+ var info_panel = $('');
+ var tabs = SunstoneCfg["info_panels"][name];
+ var tab=null;
+ for (tab_name in tabs){
+ tab=tabs[tab_name];
+ $('ul',info_panel).append(''+tab.title+' ');
+ info_panel.append('
';
break;
+ case "create_dialog":
+ button_code = '';
+ break;
default:
button_code = '';
@@ -393,6 +442,56 @@ function insertButtons(){
}
+// We do not insert info panels code, we generate it dinamicly when
+// we need it with getInfoPanelHTML()
+//~ function insertInfoPanels(){
+ //~ var panels = SunstoneCfg["info_panels"];
+ //~ tabs = null;
+ //~ //For each defined dialog
+ //~ for (panel in panels) {
+ //~ addInfoPanel(panel);
+ //~ }
+//~ }
+//~
+//~ function addInfoPanel(name){
+ //~ var tabs = SunstoneCfg["info_panels"][name];
+ //~ $('#info_panels').append('');
+ //~ for (tab in tabs){
+ //~ addInfoPanelTab(name,tab);
+ //~ }
+ //~ //at this point jquery tabs structure is ready, so we enable it
+ //~ $('div#'+name).tabs();
+//~ }
+//~
+//~ function refreshInfoPanel(name){
+ //~ $('#info_panels div#'+name).tabs("destroy");
+ //~ $('#info_panels div#'+name).remove();
+ //~ $('#info_panels').append('');
+ //~ var tabs = SunstoneCfg["info_panels"][name];
+ //~ for (tab in tabs){
+ //~ addInfoPanelTab(name,tab);
+ //~ }
+ //~ //at this point jquery tabs structure is ready, so we enable it
+ //~ $('div#'+name).tabs();
+//~ }
+//~
+//~ function addInfoPanelTab(panel_name,tab_name){
+ //~ var tab = SunstoneCfg["info_panels"][panel_name][tab_name];
+ //~ if ( !$('div#'+panel_name+' ul').length ) {
+ //~ $('div#'+panel_name).prepend(''+tab.title+' ');
+ //~ $('div#'+panel_name).append('
| Host information - '+host_info.NAME+' | Running VMs | \'+host_info.HOST_SHARE.RUNNING_VMS+' | \ \ -
|---|
\
- \
+
'
+ }
+
+ var host_template_tab = {
+ title : "Host template",
+ content :
+ '\
\
-
\
-';
- popDialog(rendered_info);
- $('#host_informations').tabs();
+ '| Host template |
|---|
'+tab.content+'
');
+ }
+ return info_panel.tabs({selected: 0});
+
+ },
+
+ "addInfoPanel" : function(name, info_panel){
+ SunstoneCfg["info_panels"][name]=info_panel;
+ },
+
+ "updateInfoPanel" : function(name, info_panel,refresh){
+ SunstoneCfg["info_panels"][name]=info_panel;
+ if (refresh){
+ refreshInfoPanel(name);
+ }
+ },
+
+ "removeInfoPanel" : function(name){
+ SunstoneCfg["info_panels"][name] = null;
+ },
+
+ "addInfoTab" : function(info_panel, tab_name, tab){
+ SunstoneCfg["info_panels"][info_panel][tab_name] = tab;
+ },
+
+ "updateInfoTab" : function(info_panel, tab_name, tab, refresh){
+ SunstoneCfg["info_panels"][info_panel][tab_name] = tab;
+ if (refresh){
+ refreshInfoPanelTab(info_panel,tab_name);
+ }
+ },
+
+
+ "removeInfoTab" : function(info_panel,tab_name){
+ SunstoneCfg["info_panels"][info_panel][tab_name] = null;
+ },
+
"runAction" : function(action, data_arg, extra_param){
var actions = SunstoneCfg["actions"];
@@ -93,7 +137,10 @@ var Sunstone = {
// * Other calls
switch (action_cfg.type){
- case "create","single":
+ case "create":
+ call({data:data_arg, success: callback, error:err});
+ break;
+ case "single":
call({data:{id:data_arg}, success: callback,error:err});
break;
case "list":
@@ -258,7 +305,6 @@ $(document).ready(function(){
insertTabs();
insertButtons();
-
initListButtons();
setupCreateDialogs(); //listener for create
setupConfirmDialogs();
@@ -380,6 +426,9 @@ function insertButtons(){
case "image":
button_code = ''+tab.content+'
');
+//~ }
+//~
+
+
+//Tries to refresh a tab content if it is somewhere in the DOM
+function refreshInfoPanelTab(panel_name,tab_name){
+ var tab = SunstoneCfg["info_panels"][panel_name][tab_name];
+ $('div#'+panel_name+' div#'+tab_name).html(tab.content);
+}
+
//Converts selects into buttons which show a of actions when clicked
function initListButtons(){
diff --git a/src/sunstone/templates/index.html b/src/sunstone/templates/index.html
index 79cc056998..e0358c84a2 100644
--- a/src/sunstone/templates/index.html
+++ b/src/sunstone/templates/index.html
@@ -70,32 +70,8 @@
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-