1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-21 14:50:08 +03:00

Update data stores tab

This commit is contained in:
Daniel Molina 2014-03-05 19:22:38 +01:00
parent 4b3d9665aa
commit 8ee99d645c
2 changed files with 178 additions and 276 deletions

View File

@ -15,100 +15,63 @@
/* -------------------------------------------------------------------------- */
var create_datastore_tmpl =
'<div class="panel">\
<h3>\
<small id="create_cluster_header">'+tr("Create Datastore")+'</small>\
</h3>\
</div>\
<div class="reveal-body">\
<form id="create_datastore_form" action="" class="creation">\
<dl class="tabs" data-tab>\
'<div class="row">'+
'<div class="large-5 columns">'+
'<h3 id="create_cluster_header" class="subheader">'+tr("Create Datastore")+'</h3>'+
'</div>'+
'<div class="large-7 columns">'+
'<dl class="tabs right wizard_tabs" data-tab>\
<dd class="active"><a href="#datastore_easyTab">'+tr("Wizard")+'</a></dd>\
<dd><a href="#datastore_manualTab">'+tr("Advanced mode")+'</a></dd>\
</dl>\
<div class="tabs-content">\
<div id="datastore_easyTab" class="active content">\
<div class="row">\
<div class="large-3 columns">\
<label class="right inline" for="name" >' + tr("Name") + ':</label>\
</div>\
<div class="large-8 columns">\
<input type="text" name="name" id="name"/>\
</div>\
<div class="large-1 columns ">\
</div>\
</div>\
<div class="row">\
<div class="large-6 columns">\
<div class="large-4 columns">\
<label class="right inline" for="presets">' + tr("Presets") + ':</label>\
</div>\
<div class="large-7 columns">\
<select id="presets" name="presets">\
<option value="fs">' + tr("Filesystem") + '</option>\
<option value="vmware_vmfs">' + tr("VMware VMFS") + '</option>\
<option value="block_lvm">' + tr("Block LVM") + '</option>\
<option value="fs_lvm">' + tr("FS LVM") + '</option>\
<option value="ceph">' + tr("Ceph") + '</option>\
<option value="custom">' + tr("Custom") + '</option>\
</select>\
</div>\
<div class="large-1 columns ">\
</div>\
</div>\
<div class="large-6 columns">\
<div class="large-4 columns">\
<label class="right inline" for="cluster">' + tr("Cluster") + ':</label>\
</div>\
<div class="large-7 columns">\
<select id="cluster_id" name="cluster_id">\
</select>\
</div>\
<div class="large-1 columns ">\
</div>\
</div>\
</div>\
<div class="row">\
<div class="large-6 columns">\
</div>\
</div>\
<div class="reveal-body">\
<form id="create_datastore_form" action="" class="creation">\
<div class="tabs-content">\
<div id="datastore_easyTab" class="active content">\
<div class="row">\
<fieldset>\
<legend>' + tr("Type") + '</legend>\
<div class="large-4 columns">\
<label for="image_ds_type"><input id="image_ds_type" type="radio" name="ds_type" value="IMAGE_DS" checked/>' + tr("Images") + '</label>\
</div>\
<div class="large-4 columns">\
<label for="system_ds_type"><input id="system_ds_type" type="radio" name="ds_type" value="SYSTEM_DS" />' + tr("System") + '</label>\
</div>\
<div class="large-4 columns">\
<label for="file_ds_type"><input id="file_ds_type" type="radio" name="ds_type" value="FILE_DS" />' + tr("Files") + '</label>\
</div>\
</fieldset>\
</div>\
<br>\
<div class="row">\
<div class="large-4 columns">\
<label class="right inline" for="disk_type">' + tr("Disk type") + ':</label>\
<div class="large-6 columns">\
<label for="name" >' + tr("Name") + ':</label>\
<input type="text" name="name" id="name"/>\
</div>\
<div class="large-7 columns">\
<select id="disk_type" name="disk_type">\
<option value="file">' + tr("File") + '</option>\
<option value="block">' + tr("Block") + '</option>\
<option value="RBD">' + tr("RBD") + '</option>\
</div>\
<div class="row">\
<div class="large-6 columns">\
<label for="presets">' + tr("Presets") + '</label>\
<select id="presets" name="presets">\
<option value="fs">' + tr("Filesystem") + '</option>\
<option value="vmware_vmfs">' + tr("VMware VMFS") + '</option>\
<option value="block_lvm">' + tr("Block LVM") + '</option>\
<option value="fs_lvm">' + tr("FS LVM") + '</option>\
<option value="ceph">' + tr("Ceph") + '</option>\
<option value="custom">' + tr("Custom") + '</option>\
</select>\
</div>\
<div class="large-1 columns">\
<div class="large-6 columns">\
<label for="cluster">' + tr("Cluster") + '</label>\
<select id="cluster_id" name="cluster_id">\
</select>\
</div>\
</div>\
</div>\
<div class="large-6 columns">\
<div class="row">\
<fieldset>\
<legend>' + tr("Managers") + '</legend>\
<div class="row">\
<div class="large-4 columns">\
<label class="right inline" for="ds_mad">' + tr("Datastore") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-12 columns">\
<fieldset>\
<legend>' + tr("Type") + '</legend>\
<div class="large-12 columns text-center">\
<input id="image_ds_type" type="radio" name="ds_type" value="IMAGE_DS" checked/><label for="image_ds_type">' + tr("Images") + '</label>\
<input id="system_ds_type" type="radio" name="ds_type" value="SYSTEM_DS" /><label for="system_ds_type">' + tr("System") + '</label>\
<input id="file_ds_type" type="radio" name="ds_type" value="FILE_DS" /><label for="file_ds_type">' + tr("Files") + '</label>\
</div>\
</fieldset>\
</div>\
</div>\
<div class="row">\
<div class="large-12 columns">\
<fieldset>\
<legend>' + tr("Managers") + '</legend>\
<div class="large-6 columns">\
<label for="ds_mad">' + tr("Datastore") + '</label>\
<select id="ds_mad" name="ds_mad">\
<option value="fs">' + tr("Filesystem") + '</option>\
<option value="vmware">' + tr("VMware") + '</option>\
@ -122,14 +85,8 @@ var create_datastore_tmpl =
<input type="text" name="ds_tab_custom_ds_mad" />\
</div>\
</div>\
<div class="large-1 columns ">\
</div>\
</div>\
<div class="row">\
<div class="large-4 columns">\
<label class="right inline" for="tm_mad">' + tr("Transfer") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-6 columns">\
<label for="tm_mad">' + tr("Transfer") + ':</label>\
<select id="tm_mad" name="tm_mad">\
<option value="shared">' + tr("Shared") + '</option>\
<option value="ssh">' + tr("SSH") + '</option>\
@ -146,127 +103,101 @@ var create_datastore_tmpl =
<input type="text" name="ds_tab_custom_tm_mad" />\
</div>\
</div>\
<div class="large-1 columns ">\
</div>\
</div>\
</fieldset>\
</div>\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="safe_dirs">' + tr("Safe Directories") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="safe_dirs" id="safe_dirs" />\
</div>\
<div class="large-1 columns">\
<div class="tip">'+tr("If you need to un-block a directory under one of the RESTRICTED_DIRS")+'</div>\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="restricted_dirs">' + tr("Restricted Directories") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="restricted_dirs" id="restricted_dirs" />\
</div>\
<div class="large-1 columns">\
<div class="tip">'+tr("Paths that can not be used to register images. A space separated list of paths. This will prevent users registering important files as VM images and accessing them thourgh their VMs. OpenNebula will automatically add its configuration directories: /var/lib/one, /etc/one and oneadmin's home ($HOME).")+'</div>\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="base_path">' + tr("Base Path") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="base_path" id="base_path" />\
</div>\
<div class="large-1 columns">\
<div class="tip">'+tr("When needed, the front-end will access the datastores using BASE_PATH (defaults to /var/lib/one/datastores).")+'</div>\
</div>\
</div>\
<div class="row">\
<div class="large-6 columns">\
<label class="right inline" for="ds_use_ssh"><input id="ds_use_ssh" type="checkbox" name="ds_use_ssh" value="YES" />' + tr("Use SSH for Datastore Manager") + '</label>\
</div>\
<div class="large-6 columns">\
<label class="inline" for="tm_use_ssh"><input id="tm_use_ssh" type="checkbox" name="tm_use_ssh" value="YES" />' + tr("Use SSH for Transfer Manager") + '</label>\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="bridge_list">' + tr("Host Bridge List") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="bridge_list" id="bridge_list" />\
</div>\
<div class="large-1 columns">\
<div class="tip">'+tr("Space separated list of Server names or IPs where OpenNebula will be staging the new images into. This server will act as the entry point for new inmages in the datastore.")+'</div>\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="base_iqn">' + tr("Base IQN") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="base_iqn" id="base_iqn" />\
</div>\
<div class="large-1 columns">\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="vg_name">' + tr("Volume Group Name") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="vg_name" id="vg_name" />\
</div>\
<div class="large-1 columns">\
</div>\
</div>\
<div class="large-12 columns">\
<div class="large-4 columns">\
<label class="right inline" for="limit_mb">' + tr("Limit") + ':</label>\
</div>\
<div class="large-7 columns">\
<input type="text" name="limit_mb" id="limit_mb" />\
</div>\
<div class="large-1 columns">\
<div class="tip">'+tr("Optional limit, in MB. If set, OpenNebula will only use this amount of storage, instead of the whole free disk.")+'</div>\
</div>\
</div>\
<div class="reveal-footer">\
<hr>\
<div class="form_buttons">\
<button class="button radius right success" type="submit" id="create_datastore_submit" value="OpenNebula.Datastore.create">' + tr("Create") + '</button>\
<button id="wizard_ds_reset_button" class="button radius secondary" type="reset" value="reset">' + tr("Reset") + '</button>\
</div>\
</div>\
</div>\
<div id="datastore_manualTab" class="content">\
<div class="row">\
<div class="columns three">\
<label class="inline left" for="datastore_cluster_raw">'+tr("Cluster")+':</label>\
</div>\
<div class="columns nine">\
<select id="datastore_cluster_raw" name="datastore_cluster_raw"></select>\
</div>\
</div>\
<div class="row">\
<textarea id="template" rows="15"></textarea>\
</div>\
<div class="reveal-footer">\
<hr>\
<div class="form_buttons">\
<button class="button success radius right" id="create_datastore_submit_manual" value="datastore/create">'+tr("Create")+'</button>\
<button id="advanced_ds_reset_button" class="button secondary radius" type="reset" value="reset">'+tr("Reset")+'</button>\
</div>\
</fieldset>\
</div>\
</div>\
<div class="row">\
<div class="large-6 columns">\
<label for="disk_type">' + tr("Disk type") + ':</label>\
<select id="disk_type" name="disk_type">\
<option value="file">' + tr("File") + '</option>\
<option value="block">' + tr("Block") + '</option>\
<option value="RBD">' + tr("RBD") + '</option>\
</select>\
</div>\
</div>\
<div class="row">\
<div class="large-12 columns">\
<label for="safe_dirs">' + tr("Safe Directories") +
'<span class="tip">'+tr("If you need to un-block a directory under one of the RESTRICTED_DIRS")+'</span>'+
'</label>\
<input type="text" name="safe_dirs" id="safe_dirs" />\
</div>\
</div>\
<div class="row">\
<div class="large-12 columns">\
<label for="restricted_dirs">' + tr("Restricted Directories") +
'<span class="tip">'+tr("Paths that can not be used to register images. A space separated list of paths. This will prevent users registering important files as VM images and accessing them thourgh their VMs. OpenNebula will automatically add its configuration directories: /var/lib/one, /etc/one and oneadmin's home ($HOME).")+'</span>'+
'</label>\
<input type="text" name="restricted_dirs" id="restricted_dirs" />\
</div>\
</div>\
<div class="row">\
<div class="large-12 columns">\
<label for="bridge_list">' + tr("Host Bridge List") +
'<span class="tip">'+tr("Space separated list of Server names or IPs where OpenNebula will be staging the new images into. This server will act as the entry point for new inmages in the datastore.")+'</span>'+
'</label>\
<input type="text" name="bridge_list" id="bridge_list" />\
</div>\
</div>\
<div class="row">\
<div class="large-6 columns">\
<label for="base_path">' + tr("Base Path") +
'<span class="tip">'+tr("When needed, the front-end will access the datastores using BASE_PATH (defaults to /var/lib/one/datastores).")+'</span>'+
'</label>\
<input type="text" name="base_path" id="base_path" />\
</div>\
<div class="large-6 columns">\
<input id="ds_use_ssh" type="checkbox" name="ds_use_ssh" value="YES" /><label for="ds_use_ssh">' + tr("Use SSH for Datastore Manager") + '</label>\
</div>\
<div class="large-6 columns">\
<input id="tm_use_ssh" type="checkbox" name="tm_use_ssh" value="YES" /><label class="inline" for="tm_use_ssh">' + tr("Use SSH for Transfer Manager") + '</label>\
</div>\
<div class="large-6 columns">\
<label for="base_iqn">' + tr("Base IQN") + '</label>\
<input type="text" name="base_iqn" id="base_iqn" />\
</div>\
<div class="large-6 columns">\
<label for="vg_name">' + tr("Volume Group Name") + '</label>\
<input type="text" name="vg_name" id="vg_name" />\
</div>\
<div class="large-6 columns">\
<label for="limit_mb">' + tr("Limit") +
'<span class="tip">'+tr("Optional limit, in MB. If set, OpenNebula will only use this amount of storage, instead of the whole free disk.")+'</span>'+
'</label>\
<input type="text" name="limit_mb" id="limit_mb" />\
</div>\
</div>\
<div class="reveal-footer">\
<div class="form_buttons">\
<button class="button radius right success" type="submit" id="create_datastore_submit" value="OpenNebula.Datastore.create">' + tr("Create") + '</button>\
<button id="wizard_ds_reset_button" class="button radius secondary" type="reset" value="reset">' + tr("Reset") + '</button>\
</div>\
</div>\
</div>\
<div id="datastore_manualTab" class="content">\
<div class="row">\
<div class="columns large-6">\
<label for="datastore_cluster_raw">'+tr("Cluster")+'</label>\
<select id="datastore_cluster_raw" name="datastore_cluster_raw"></select>\
</div>\
</div>\
<div class="row">\
<div class="columns large-12">\
<textarea id="template" rows="15"></textarea>\
</div>\
</div>\
<div class="reveal-footer">\
<div class="form_buttons">\
<button class="button success radius right" id="create_datastore_submit_manual" value="datastore/create">'+tr("Create")+'</button>\
<button id="advanced_ds_reset_button" class="button secondary radius" type="reset" value="reset">'+tr("Reset")+'</button>\
</div>\
</div>\
</div>\
</div>\
</form>\
<a class="close-reveal-modal">&#215;</a>\
</form></div>';
</div>';
var datastore_image_table_tmpl='<thead>\
<tr>\
@ -889,7 +820,7 @@ function setupCreateDatastoreDialog(){
var dialog = $create_datastore_dialog;
dialog.html(create_datastore_tmpl);
dialog.addClass("reveal-modal large max-height").attr("data-reveal", "");
dialog.addClass("reveal-modal medium max-height").attr("data-reveal", "");
setupTips(dialog);

View File

@ -19,32 +19,22 @@
var HOST_HISTORY_LENGTH = 40;
var create_host_tmpl =
'<div class="panel">\
<h3 >\
<small id="create_cluster_header">'+tr("Create Host")+'</small>\
</h3>\
'<div class="row">\
<h3 id="create_cluster_header" class="subheader">'+tr("Create Host")+'</h3>\
</div>\
<form id="create_host_form" action="" class="">\
<div class="reveal-body">\
<form id="create_host_form" action="" class="">\
<div class="row">\
<div class="large-4 columns">\
<label class="inline right" for="name">' + tr("Hostname") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-12 columns">\
<label for="name">' + tr("Hostname") + '</label>\
<input type="text" name="name" id="name" />\
</div>\
<div class="large-1 columns">\
<div class="tip"></div>\
</div>\
</div>\
<div class="row">\
<fieldset>\
<legend>'+tr("Drivers")+'</legend>\
<div class="manager clear row" id="vmm_mads">\
<div class="large-4 columns">\
<label class="inline right" for="vmm">' + tr("Virtualization") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-12 columns">\
<label for="vmm">' + tr("Virtualization") + '</label>\
<select id="vmm_mad" name="vmm">\
<option value="kvm">' + tr("KVM") + '</option>\
<option value="xen">' + tr("XEN") + '</option>\
@ -53,19 +43,15 @@ var create_host_tmpl =
<option value="dummy">' + tr("Dummy") + '</option>\
<option value="custom">' + tr("Custom") + '</option>\
</select>\
<div>\
<label>' + tr("Custom VMM_MAD") + ':</label>\
<input type="text" name="custom_vmm_mad" /></div>\
</div>\
<div class="large-1 columns">\
<div class="tip"></div>\
<div class="large-12 columns">\
<label>' + tr("Custom VMM_MAD") + '</label>\
<input type="text" name="custom_vmm_mad" />\
</div>\
</div>\
<div class="manager clear row" id="im_mads">\
<div class="large-4 columns">\
<label class="inline right" for="im">' + tr("Information") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-12 columns">\
<label for="im">' + tr("Information") + '</label>\
<select id="im_mad" name="im">\
<option value="kvm">' + tr("KVM") + '</option>\
<option value="xen">' + tr("XEN") + '</option>\
@ -74,20 +60,15 @@ var create_host_tmpl =
<option value="dummy">' + tr("Dummy") + '</option>\
<option value="custom">' + tr("Custom") + '</option>\
</select>\
<div>\
<label>' + tr("Custom IM_MAD") + ':</label>\
<input type="text" name="custom_im_mad" />\
</div>\
</div>\
<div class="large-1 columns">\
<div class="tip"></div>\
<div class="large-12 columns">\
<label>' + tr("Custom IM_MAD") + ':</label>\
<input type="text" name="custom_im_mad" />\
</div>\
</div>\
<div class="manager clear row" id="vnm_mads">\
<div class="large-4 columns">\
<label class="inline right" for="vn">' + tr("Virtual Network") + ':</label>\
</div>\
<div class="large-7 columns">\
<div class="large-12 columns">\
<label for="vn">' + tr("Networking") + '</label>\
<select id="vnm_mad" name="vn">\
<option value="dummy">' + tr("Default (dummy)") +'</option>\
<option value="fw">'+tr("Firewall")+'</option>\
@ -97,39 +78,29 @@ var create_host_tmpl =
<option value="vmware">'+tr("VMware")+'</option>\
<option value="custom">' + tr("Custom") + '</option>\
</select>\
<div>\
<label>' + tr("Custom VNM_MAD") + ':</label>\
<input type="text" name="custom_vnm_mad" />\
</div>\
</div>\
<div class="large-1 columns">\
<div class="tip"></div>\
<div class="large-12 columns">\
<label>' + tr("Custom VNM_MAD") + '</label>\
<input type="text" name="custom_vnm_mad" />\
</div>\
</div>\
</fieldset>\
</fieldset>\
<div class="manager clear row" id="cluster_select">\
<div class="large-12 columns">\
<label for="host_cluster_id">' + tr("Cluster") + '</label>\
<select id="host_cluster_id" name="host_cluster_id">\
</select>\
</div>\
</div>\
<div class="manager clear row" id="cluster_select">\
<div class="large-4 columns">\
<label class="inline right" for="host_cluster_id">' + tr("Cluster") + ':</label>\
</div>\
<div class="large-7 columns">\
<select id="host_cluster_id" name="host_cluster_id">\
</select>\
</div>\
<div class="large-1 columns">\
<div class="tip"></div>\
</div>\
</div>\
</div>\
<div class="reveal-footer">\
<hr>\
<div class="form_buttons row">\
<button class="button success right radius" type="submit" id="create_host_submit" value="OpenNebula.Host.create">' + tr("Create") + '</button>\
<button id="wizard_host_reset_button" class="button secondary radius" type="reset" value="reset">' + tr("Reset") + '</button>\
</div>\
</div>\
<a class="close-reveal-modal">&#215;</a>\
</form>';
</div>\
<div class="reveal-footer">\
<div class="form_buttons row">\
<button class="button success right radius" type="submit" id="create_host_submit" value="OpenNebula.Host.create">' + tr("Create") + '</button>\
<button id="wizard_host_reset_button" class="button secondary radius" type="reset" value="reset">' + tr("Reset") + '</button>\
</div>\
</form>\
</div>\
<a class="close-reveal-modal">&#215;</a>';
var hosts_select="";
var dataTable_hosts;
@ -856,7 +827,7 @@ function updateHostInfo(request,host){
//Prepares the host creation dialog
function setupCreateHostDialog(){
dialogs_context.append('<div title=\"'+tr("Create host")+'\" id="create_host_dialog"></div>');
dialogs_context.append('<div id="create_host_dialog"></div>');
$create_host_dialog = $('div#create_host_dialog');
var dialog = $create_host_dialog;