shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-26 06:50:09 +03:00
Code Releases Wiki Activity

Feature #2746: Fix rename input. Refactor code to use common method

Browse Source
This commit is contained in:
Carlos Martín 2014-03-11 18:45:35 +01:00
parent 24fafbc09b
commit f27f111abe
10 changed files with 99 additions and 261 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/sunstone/public/js/plugins/clusters-tab.js
View File

@ -1246,16 +1246,13 @@ function updateClusterInfo(request,cluster){
<tr>\
<td class="key_td">' + tr("id") + '</td>\
<td class="value_td" colspan="2">'+cluster_info.ID+'</td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+cluster_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
</tbody>\
</tr>'+
insert_rename_tr(
'clusters-tab',
"Cluster",
cluster_info.ID,
cluster_info.NAME)+
'</tbody>\
</table>\
</div>\
<div class="large-6 columns">' +
@ -1308,25 +1305,6 @@ function updateClusterInfo(request,cluster){
</div>'
}
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for edit link for rename
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Cluster.rename",cluster_info.ID,name_template);
}
});
//Sunstone.updateInfoPanelTab(info_panel_name,tab_name, new tab object);
Sunstone.updateInfoPanelTab("cluster_info_panel","cluster_info_tab",info_tab);
Sunstone.updateInfoPanelTab("cluster_info_panel","cluster_host_tab",cluster_host_tab);

36
src/sunstone/public/js/plugins/datastores-tab.js
View File

@ -695,16 +695,13 @@ function updateDatastoreInfo(request,ds){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+info.ID+'</td>\
<td></td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>'+
</tr>'+
insert_rename_tr(
'datastores-tab',
"Datastore",
info.ID,
info.NAME)+
'<tr>'+
cluster_str +
'</tr>\
<tr>\
@ -770,25 +767,6 @@ function updateDatastoreInfo(request,ds){
</div>'
}
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for edit link for rename
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Datastore.rename",info.ID,name_template);
}
});
// Add tabs
Sunstone.updateInfoPanelTab("datastore_info_panel","datastore_info_tab",info_tab);
Sunstone.updateInfoPanelTab("datastore_info_panel","datastore_image_tab",datastore_info_tab);

35
src/sunstone/public/js/plugins/files-tab.js
View File

@ -477,16 +477,13 @@ function updateFileInfo(request,file){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+file_info.ID+'</td>\
<td></td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+file_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link_files" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>\
</tr>'+
insert_rename_tr(
'files-tab',
"File",
file_info.ID,
file_info.NAME)+
'<tr>\
<td class="key_td">'+tr("Datastore")+'</td>\
<td class="value_td">'+file_info.DATASTORE+'</td>\
<td></td>\
@ -547,30 +544,12 @@ function updateFileInfo(request,file){
</form>'
}
$("#div_edit_rename_link_files").die();
$(".input_edit_value_rename_files").die();
$("#div_edit_chg_type_files_link").die();
$("#chg_type_select_files").die();
$("#div_edit_persistency_files").die();
$("#persistency_select_files").die();
// Listener for edit link for rename
$("#div_edit_rename_link_files").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename_files" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename_files").live("change", function() {
var value_str = $(".input_edit_value_rename_files").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("File.rename",file_info.ID,name_template);
}
});
// Listener for edit link for type change
$("#div_edit_chg_type_files_link").live("click", function() {
$(".value_td_type").html(

36
src/sunstone/public/js/plugins/hosts-tab.js
View File

@ -686,16 +686,13 @@ function updateHostInfo(request,host){
<tr>\
<td class="key_td">' + tr("id") + '</td>\
<td class="value_td" colspan="2">'+host_info.ID+'</td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+host_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>' +
</tr>'+
insert_rename_tr(
'hosts-tab',
"Host",
host_info.ID,
host_info.NAME)+
'<tr>' +
insert_cluster_dropdown("Host",host_info.ID,host_info.CLUSTER,host_info.CLUSTER_ID) +
'</tr>\
<tr>\
@ -802,25 +799,6 @@ function updateHostInfo(request,host){
</div>'
}
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for edit link for rename
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Host.rename",host_info.ID,name_template);
}
});
//Sunstone.updateInfoPanelTab(info_panel_name,tab_name, new tab object);
Sunstone.updateInfoPanelTab("host_info_panel","host_info_tab",info_tab);
Sunstone.updateInfoPanelTab("host_info_panel","host_monitoring_tab",monitor_tab);

36
src/sunstone/public/js/plugins/images-tab.js
View File

@ -636,16 +636,13 @@ function updateImageInfo(request,img){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+img_info.ID+'</td>\
<td></td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+img_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>\
</tr>'+
insert_rename_tr(
'images-tab',
"Image",
img_info.ID,
img_info.NAME)+
'<tr>\
<td class="key_td">'+tr("Datastore")+'</td>\
<td class="value_td">'+img_info.DATASTORE+'</td>\
<td></td>\
@ -714,30 +711,11 @@ function updateImageInfo(request,img){
</form>'
}
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
$("#div_edit_chg_type_link").die();
$("#chg_type_select").die();
$("#div_edit_persistency").die();
$("#persistency_select").die();
// Listener for edit link for rename
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Image.rename",img_info.ID,name_template);
}
});
// Listener for edit link for type change
$("#div_edit_chg_type_link").live("click", function() {
$(".value_td_type").html(

37
src/sunstone/public/js/plugins/templates-tab.js
View File

@ -1737,16 +1737,13 @@ function updateTemplateInfo(request,template){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+template_info.ID+'</td>\
<td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+template_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>\
</tr>'+
insert_rename_tr(
'templates-tab',
"Template",
template_info.ID,
template_info.NAME)+
'<tr>\
<td class="key_td">'+tr("Register time")+'</td>\
<td class="value_td">'+pretty_time(template_info.REGTIME)+'</td>\
<td></td>\
@ -1775,26 +1772,6 @@ function updateTemplateInfo(request,template){
</div>'
};
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for key,value pair edit action
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Template.rename",template_info.ID,name_template);
}
});
Sunstone.updateInfoPanelTab("template_info_panel","template_info_tab",info_tab);
Sunstone.updateInfoPanelTab("template_info_panel","template_template_tab",template_tab);

36
src/sunstone/public/js/plugins/vms-tab.js
View File

@ -1549,16 +1549,13 @@ function updateVMInfo(request,vm){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+vm_info.ID+'</td>\
<td></td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+vm_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>\
</tr>'+
insert_rename_tr(
'vms-tab',
"VM",
vm_info.ID,
vm_info.NAME)+
'<tr>\
<td class="key_td">'+tr("State")+'</td>\
<td class="value_td">'+tr(vm_state)+'</td>\
<td></td>\
@ -1669,25 +1666,6 @@ function updateVMInfo(request,vm){
content: generatePlacementTable(vm_info)
};
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for key,value pair edit action
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("VM.rename",vm_info.ID,name_template);
}
});
Sunstone.updateInfoPanelTab("vm_info_panel","vm_info_tab",info_tab);
Sunstone.updateInfoPanelTab("vm_info_panel","vm_capacity_tab",capacity_tab);
Sunstone.updateInfoPanelTab("vm_info_panel","vm_hotplugging_tab",hotplugging_tab);

36
src/sunstone/public/js/plugins/vnets-tab.js
View File

@ -695,16 +695,13 @@ function updateVNetworkInfo(request,vn){
<td class="key_td">'+tr("ID")+'</td>\
<td class="value_td">'+vn_info.ID+'</td>\
<td></td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+vn_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
<tr>' +
</tr>'+
insert_rename_tr(
'vnets-tab',
"Network",
vn_info.ID,
vn_info.NAME)+
'<tr>' +
insert_cluster_dropdown("Network",vn_info.ID,vn_info.CLUSTER,vn_info.CLUSTER_ID) +
'</tr>\
</table>\
@ -740,25 +737,6 @@ function updateVNetworkInfo(request,vn){
content: printLeases(vn_info)
};
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for key,value pair edit action
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Network.rename",vn_info.ID,name_template);
}
});
Sunstone.updateInfoPanelTab("vnet_info_panel","vnet_info_tab",info_tab);
Sunstone.updateInfoPanelTab("vnet_info_panel","vnet_leases_tab",leases_tab);

36
src/sunstone/public/js/plugins/zones-tab.js
View File

@ -332,16 +332,13 @@ function updateZoneInfo(request,zone){
<tr>\
<td class="key_td">' + tr("ID") + '</td>\
<td class="value_td" colspan="2">'+zone_info.ID+'</td>\
</tr>\
<tr>\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+zone_info.NAME+'</td>\
<td><div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>\
</tbody>\
</tr>'+
insert_rename_tr(
'zones-tab',
"Zone",
zone_info.ID,
zone_info.NAME)+
'</tbody>\
</table>\
</div>\
<div class="large-6 columns">\
@ -358,25 +355,6 @@ function updateZoneInfo(request,zone){
</form>'
}
$("#div_edit_rename_link").die();
$(".input_edit_value_rename").die();
// Listener for edit link for rename
$("#div_edit_rename_link").live("click", function() {
var value_str = $(".value_td_rename").text();
$(".value_td_rename").html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename").live("change", function() {
var value_str = $(".input_edit_value_rename").val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction("Zone.rename",zone_info.ID,name_template);
}
});
//Sunstone.updateInfoPanelTab(info_panel_name,tab_name, new tab object);
Sunstone.updateInfoPanelTab("zone_info_panel","zone_info_tab",info_tab);

36
src/sunstone/public/js/sunstone.js
View File

@ -3297,6 +3297,42 @@ function insert_permissions_table(tab_name, resource_type, resource_id, owner, g
return str;
}
function insert_rename_tr(tab_name, resource_type, resource_id, resource_name){
var str =
'<tr class="'+resource_type.toLowerCase()+'_rename">\
<td class="key_td">'+tr("Name")+'</td>\
<td class="value_td_rename">'+resource_name+'</td>\
<td>\
<div id="div_edit_rename">\
<a id="div_edit_rename_link" class="edit_e" href="#"><i class="fa fa-pencil-square-o right"/></a>\
</div>\
</td>\
</tr>';
var context = '.'+resource_type.toLowerCase()+'_rename';
$("#div_edit_rename_link", context).die();
$(".input_edit_value_rename", context).die();
// Listener for edit link for rename
$("#div_edit_rename_link", context).live("click", function() {
var value_str = $(".value_td_rename", context).text();
$(".value_td_rename", context).html('<input class="input_edit_value_rename" id="input_edit_rename" type="text" value="'+value_str+'"/>');
});
$(".input_edit_value_rename", context).live("change", function() {
var value_str = $(".input_edit_value_rename", context).val();
if(value_str!="")
{
// Let OpenNebula know
var name_template = {"name": value_str};
Sunstone.runAction(resource_type+".rename", resource_id, name_template);
}
});
return str;
}
function insert_cluster_dropdown(resource_type, resource_id, cluster_value, cluster_id){
var str = '<td class="key_td">' + tr("Cluster") + '</td>\
<td class="value_td_cluster">'+(cluster_value.length ? cluster_value : "-")+'</td>\