1
0
mirror of https://github.com/OpenNebula/one.git synced 2024-12-23 17:33:56 +03:00

Update zones css

This commit is contained in:
Daniel Molina 2014-03-06 18:52:24 +01:00
parent 300418220b
commit 3ad52c6ade
4 changed files with 75 additions and 87 deletions

File diff suppressed because one or more lines are too long

View File

@ -3514,10 +3514,9 @@ function initialize_create_template_dialog(dialog) {
var tabs = $( "#template_create_tabs", dialog)//.tabs().addClass("ui-tabs-vertical"); var tabs = $( "#template_create_tabs", dialog)//.tabs().addClass("ui-tabs-vertical");
$('#template_template_reset_button').click(function(){ $('#template_template_reset_button').click(function(){
dialog.foundation('reveal', 'close'); $create_template_dialog.foundation('reveal', 'close');
dialog.remove(); $create_template_dialog.remove();
setupCreateTemplateDialog(); setupCreateTemplateDialog();
popUpCreateTemplateDialog(); popUpCreateTemplateDialog();
}); });

View File

@ -52,39 +52,26 @@ function popUpCreateZoneDialog(){
//} //}
var create_zone_tmpl = var create_zone_tmpl =
'<div class="panel">\ '<div class="row">\
<h3>\ <h3 id="create_zone_header" class="subheader">'+tr("Create Zone")+'</h3>\
<small id="create_zone_header">'+tr("Create Zone")+'</small>\
</h3>\
</div>\ </div>\
<form id="create_zone_form" action="">\ <form id="create_zone_form" action="">\
<div class="row centered">\ <div class="row">\
<div class="large-4 columns">\ <div class="large-12 columns">\
<label class="inline right" for="zonename">'+tr("Zone Name")+':</label>\ <label for="zonename">'+tr("Zone Name")+':</label>\
</div>\ <input type="text" name="zonename" id="zonename" />\
<div class="large-7 columns">\
<input type="text" name="zonename" id="zonename" />\
</div>\
<div class="large-1 columns">\
<div class=""></div>\
</div>\
</div>\ </div>\
<div class="row centered">\ </div>\
<div class="large-4 columns">\ <div class="row centered">\
<label class="inline right" for="endpoint">'+tr("Endpoint")+':</label>\ <div class="large-12 columns">\
</div>\ <label for="endpoint">'+tr("Endpoint")+':</label>\
<div class="large-7 columns">\ <input type="text" name="endpoint" id="endpoint" />\
<input type="text" name="endpoint" id="endpoint" />\
</div>\
<div class="large-1 columns">\
<div class=""></div>\
</div>\
</div>\ </div>\
<hr>\ </div>\
<div class="form_buttons">\ <div class="form_buttons">\
<button class="button radius right success" id="create_zone_submit" value="zone/create">'+tr("Create")+'</button>\ <button class="button radius right success" id="create_zone_submit" value="zone/create">'+tr("Create")+'</button>\
</div>\ </div>\
<a class="close-reveal-modal">&#215;</a>\ <a class="close-reveal-modal">&#215;</a>\
</form>'; </form>';
var zones_select=""; var zones_select="";

View File

@ -568,10 +568,12 @@ function insertButtonsInTab(tab_name, panel_name, panel_buttons, custom_context)
var sel_obj=null; var sel_obj=null;
var condition=null; var condition=null;
var context; var context, custom_id;
if (custom_context) { if (custom_context) {
custom_id = custom_context.attr("id");
context = custom_context; context = custom_context;
} else { } else {
custom_id = tab_name;
context = $('div#'+tab_name, main_tabs_context); context = $('div#'+tab_name, main_tabs_context);
} }
@ -581,68 +583,68 @@ function insertButtonsInTab(tab_name, panel_name, panel_buttons, custom_context)
var buttons_row = $('<div class="text-center">'+ var buttons_row = $('<div class="text-center">'+
'<span class="left">'+ '<span class="left">'+
'<span id="'+tab_name+'back_button" class="only-right-info">'+ (custom_context ? '' : '<span id="'+custom_id+'back_button" class="only-right-info">'+
'<a class="button small radius" href="back"><i class="fa fa-arrow-left"></i>&emsp;&emsp;<i class="fa fa-list"></i></a>'+ '<a class="button small radius" href="back"><i class="fa fa-arrow-left"></i>&emsp;&emsp;<i class="fa fa-list"></i></a>'+
'</span>')+
'<span id="'+custom_id+'refresh_buttons">'+
'</span>'+ '</span>'+
'<span id="'+tab_name+'refresh_buttons">'+ '<span id="'+custom_id+'create_buttons" class="only-right-list">'+
'</span>'+
'<span id="'+tab_name+'create_buttons" class="only-right-list">'+
'</span>'+ '</span>'+
'</span>'+ '</span>'+
'<span>'+ '<span>'+
'<span id="'+tab_name+'vmsplay_buttons">'+ '<span id="'+custom_id+'vmsplay_buttons">'+
'</span>'+ '</span>'+
"<a href='#' data-dropdown='"+tab_name+"vmspause_buttons' class='top_button small button secondary dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"vmspause_buttons' class='top_button small button secondary dropdown radius'>"+
"<i class='fa fa-pause'/>"+ "<i class='fa fa-pause'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"vmspause_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"vmspause_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<a href='#' data-dropdown='"+tab_name+"vmsstop_buttons' class='top_button small button secondary dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"vmsstop_buttons' class='top_button small button secondary dropdown radius'>"+
"<i class='fa fa-stop'/>"+ "<i class='fa fa-stop'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"vmsstop_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"vmsstop_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<a href='#' data-dropdown='"+tab_name+"vmsrepeat_buttons' class='top_button small button secondary dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"vmsrepeat_buttons' class='top_button small button secondary dropdown radius'>"+
"<i class='fa fa-repeat'/>"+ "<i class='fa fa-repeat'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"vmsrepeat_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"vmsrepeat_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<a href='#' data-dropdown='"+tab_name+"vmsplanification_buttons' class='top_button small button secondary dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"vmsplanification_buttons' class='top_button small button secondary dropdown radius'>"+
"<i class='fa fa-th-list'/>"+ "<i class='fa fa-th-list'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"vmsplanification_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"vmsplanification_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
'</span>'+ '</span>'+
'<span class="right">'+ '<span class="right">'+
'<span id="'+tab_name+'main_buttons">'+ '<span id="'+custom_id+'main_buttons">'+
"</span>"+ "</span>"+
"<a href='#' data-dropdown='"+tab_name+"more_buttons' class='top_button small button secondary dropdown radius'> " + tr("More")+ "<a href='#' data-dropdown='"+custom_id+"more_buttons' class='top_button small button secondary dropdown radius'> " + tr("More")+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"more_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"more_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<a href='#' data-dropdown='"+tab_name+"user_buttons' class='top_button small secondary button dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"user_buttons' class='top_button small secondary button dropdown radius'>"+
"<i class='fa fa-user'/>"+ "<i class='fa fa-user'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"user_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"user_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<a href='#' data-dropdown='"+tab_name+"vmsdelete_buttons' class='top_button small button alert dropdown radius'>"+ "<a href='#' data-dropdown='"+custom_id+"vmsdelete_buttons' class='top_button small button alert dropdown radius'>"+
"<i class='fa fa-trash-o'/>"+ "<i class='fa fa-trash-o'/>"+
"</a>"+ "</a>"+
"<ul id='"+tab_name+"vmsdelete_buttons' class='f-dropdown' data-dropdown-content>"+ "<ul id='"+custom_id+"vmsdelete_buttons' class='f-dropdown' data-dropdown-content>"+
"</ul>"+ "</ul>"+
"<span id='"+tab_name+"delete_buttons'>"+ "<span id='"+custom_id+"delete_buttons'>"+
"</span>"+ "</span>"+
"</span>"+ "</span>"+
"</div>"); "</div>");
@ -681,72 +683,72 @@ function insertButtonsInTab(tab_name, panel_name, panel_buttons, custom_context)
var text; var text;
switch (button.layout) { switch (button.layout) {
case "create": case "create":
context = $("#"+tab_name+"create_buttons", buttons_row); context = $("#"+custom_id+"create_buttons", buttons_row);
text = button.text ? '<i class="fa fa-plus-sign"/> ' + button.text : '<i class="fa fa-plus-sign"/> ' + tr("Create"); text = button.text ? '<i class="fa fa-plus-sign"/> ' + button.text : '<i class="fa fa-plus-sign"/> ' + tr("Create");
str_class.push("success", "button", "small", "radius"); str_class.push("success", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
break; break;
case "refresh": case "refresh":
context = $("#"+tab_name+"refresh_buttons", buttons_row); context = $("#"+custom_id+"refresh_buttons", buttons_row);
text = '<i class="fa fa-refresh"/>'; text = '<i class="fa fa-refresh"/>';
str_class.push("secondary", "button", "small", "radius"); str_class.push("secondary", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
break; break;
case "main": case "main":
context = $("#"+tab_name+"main_buttons", buttons_row); context = $("#"+custom_id+"main_buttons", buttons_row);
text = button.text; text = button.text;
str_class.push("secondary", "button", "small", "radius"); str_class.push("secondary", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
break; break;
case "vmsplay_buttons": case "vmsplay_buttons":
context = $("#"+tab_name+"vmsplay_buttons", buttons_row); context = $("#"+custom_id+"vmsplay_buttons", buttons_row);
text = button.text; text = button.text;
str_class.push("secondary", "button", "small", "radius"); str_class.push("secondary", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
break; break;
case "vmspause_buttons": case "vmspause_buttons":
context = $("#"+tab_name+"vmspause_buttons", buttons_row); context = $("#"+custom_id+"vmspause_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "vmsstop_buttons": case "vmsstop_buttons":
context = $("#"+tab_name+"vmsstop_buttons", buttons_row); context = $("#"+custom_id+"vmsstop_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "vmsrepeat_buttons": case "vmsrepeat_buttons":
context = $("#"+tab_name+"vmsrepeat_buttons", buttons_row); context = $("#"+custom_id+"vmsrepeat_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "vmsdelete_buttons": case "vmsdelete_buttons":
context = $("#"+tab_name+"vmsdelete_buttons", buttons_row); context = $("#"+custom_id+"vmsdelete_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "vmsplanification_buttons": case "vmsplanification_buttons":
context = $("#"+tab_name+"vmsplanification_buttons", buttons_row); context = $("#"+custom_id+"vmsplanification_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "more_select": case "more_select":
context = $("#"+tab_name+"more_buttons", buttons_row); context = $("#"+custom_id+"more_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "user_select": case "user_select":
context = $("#"+tab_name+"user_buttons", buttons_row); context = $("#"+custom_id+"user_buttons", buttons_row);
text = button.text; text = button.text;
button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>'; button_code = '<li><a class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</a></li>';
break; break;
case "del": case "del":
context = $("#"+tab_name+"delete_buttons", buttons_row); context = $("#"+custom_id+"delete_buttons", buttons_row);
text = '<i class=" fa fa-trash-o"/> ' + tr("Delete"); text = '<i class=" fa fa-trash-o"/> ' + tr("Delete");
str_class.push("alert", "button", "small", "radius"); str_class.push("alert", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
break; break;
default: default:
context = $("#"+tab_name+"main_buttons", buttons_row); context = $("#"+custom_id+"main_buttons", buttons_row);
text = button.text; text = button.text;
str_class.push("secondary", "button", "small", "radius"); str_class.push("secondary", "button", "small", "radius");
button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>'; button_code = '<button class="'+str_class.join(' ')+'" href="'+button_name+'">'+text+'</button>';
@ -759,36 +761,36 @@ function insertButtonsInTab(tab_name, panel_name, panel_buttons, custom_context)
action_block.append(buttons_row); action_block.append(buttons_row);
if ($("#"+tab_name+"more_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"more_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"more_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"more_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"user_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"user_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"user_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"user_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"vmsplanification_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"vmsplanification_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"vmsplanification_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"vmsplanification_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"vmsdelete_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"vmsdelete_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"vmsdelete_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"vmsdelete_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"vmsstop_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"vmsstop_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"vmsstop_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"vmsstop_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"vmspause_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"vmspause_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"vmspause_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"vmspause_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"vmsrepeat_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"vmsrepeat_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"vmsrepeat_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"vmsrepeat_buttons]", action_block).remove()
} }
if ($("#"+tab_name+"user_buttons li", action_block).length == 0 ) { if ($("#"+custom_id+"user_buttons li", action_block).length == 0 ) {
$("a[data-dropdown="+tab_name+"user_buttons]", action_block).remove() $("a[data-dropdown="+custom_id+"user_buttons]", action_block).remove()
} }
//action_block.foundationButtons(); //action_block.foundationButtons();
$('.top_button, .list_button',action_block).attr('disabled', false); $('.top_button, .list_button',action_block).attr('disabled', false);
@ -1602,11 +1604,11 @@ function setupTips(context, position){
} }
//returns an array of ids of selected elements in a dataTable //returns an array of ids of selected elements in a dataTable
function getSelectedNodes(dataTable){ function getSelectedNodes(dataTable, force_datatable){
var selected_nodes = []; var selected_nodes = [];
if (dataTable){ if (dataTable){
var tab = dataTable.parents(".tab") var tab = dataTable.parents(".tab")
if (Sunstone.rightInfoVisible(tab)) { if (Sunstone.rightInfoVisible(tab) && !force_datatable) {
selected_nodes.push(Sunstone.rightInfoResourceId(tab)); selected_nodes.push(Sunstone.rightInfoResourceId(tab));
} else { } else {
//Which rows of the datatable are checked? //Which rows of the datatable are checked?