mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
937 lines
48 KiB
JavaScript
937 lines
48 KiB
JavaScript
function afterLoadVolumeJSP() {
|
|
activateDialog($("#dialog_create_template").dialog({
|
|
width: 400,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_create_snapshot").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_recurring_snapshot").dialog({
|
|
width: 735,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_add_volume").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_attach_volume").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_add_volume_from_snapshot").dialog({
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
activateDialog($("#dialog_create_template_from_snapshot").dialog({
|
|
width: 400,
|
|
autoOpen: false,
|
|
modal: true,
|
|
zIndex: 2000
|
|
}));
|
|
|
|
$.ajax({
|
|
data: createURL("command=listOsTypes"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
types = json.listostypesresponse.ostype;
|
|
if (types != null && types.length > 0) {
|
|
var osTypeField1 = $("#dialog_create_template #create_template_os_type").empty();
|
|
var osTypeField2 = $("#dialog_create_template_from_snapshot #os_type").empty();
|
|
for (var i = 0; i < types.length; i++) {
|
|
osTypeField1.append("<option value='" + types[i].id + "'>" + types[i].description + "</option>");
|
|
osTypeField2.append("<option value='" + types[i].id + "'>" + types[i].description + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
data: createURL("command=listZones&available=true"+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var zones = json.listzonesresponse.zone;
|
|
var volumeZoneSelect = $("#dialog_add_volume").find("#volume_zone").empty();
|
|
if (zones != null && zones.length > 0) {
|
|
for (var i = 0; i < zones.length; i++) {
|
|
volumeZoneSelect.append("<option value='" + zones[i].id + "'>" + sanitizeXSS(zones[i].name) + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
data: createURL("command=listDiskOfferings"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var offerings = json.listdiskofferingsresponse.diskoffering;
|
|
var volumeDiskOfferingSelect = $("#dialog_add_volume").find("#volume_diskoffering").empty();
|
|
if (offerings != null && offerings.length > 0) {
|
|
if (offerings != null && offerings.length > 0) {
|
|
for (var i = 0; i < offerings.length; i++)
|
|
volumeDiskOfferingSelect.append("<option value='" + offerings[i].id + "'>" + sanitizeXSS(offerings[i].displaytext) + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
//add button ***
|
|
$("#midmenu_add_link").show();
|
|
$("#midmenu_add_link").unbind("click").bind("click", function(event) {
|
|
$("#dialog_add_volume")
|
|
.dialog('option', 'buttons', {
|
|
"Add": function() {
|
|
var thisDialog = $(this);
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#add_volume_name"), thisDialog.find("#add_volume_name_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
thisDialog.dialog("close");
|
|
|
|
var name = trim(thisDialog.find("#add_volume_name").val());
|
|
var zoneId = thisDialog.find("#volume_zone").val();
|
|
var diskofferingId = thisDialog.find("#volume_diskoffering").val();
|
|
|
|
var $midmenuItem1 = beforeAddingMidMenuItem() ;
|
|
|
|
$.ajax({
|
|
data: createURL("command=createVolume&zoneId="+zoneId+"&name="+encodeURIComponent(name)+"&diskOfferingId="+diskofferingId+"&accountId="+"1"),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var jobId = json.createvolumeresponse.jobid;
|
|
var timerKey = "createVolumeJob_"+jobId;
|
|
|
|
$("body").everyTime(2000, timerKey, function() {
|
|
$.ajax({
|
|
data: createURL("command=queryAsyncJobResult&jobId="+json.createvolumeresponse.jobid),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var result = json.queryasyncjobresultresponse;
|
|
if (result.jobstatus == 0) {
|
|
return; //Job has not completed
|
|
} else {
|
|
$("body").stopTime(timerKey);
|
|
if (result.jobstatus == 1) {
|
|
// Succeeded
|
|
volumeToMidmenu(result.volume[0], $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, volumeToRigntPanel);
|
|
afterAddingMidMenuItem($midmenuItem1, true);
|
|
} else if (result.jobstatus == 2) {
|
|
handleAsyncJobFailInMidMenu(result.jobresult, $midmenuItem1);
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
$("body").stopTime(timerKey);
|
|
handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);
|
|
}
|
|
});
|
|
}, 0);
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);
|
|
}
|
|
});
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
|
|
return false;
|
|
});
|
|
|
|
// *** recurring snapshot dialog - event binding (begin) ******************************
|
|
$("#dialog_recurring_snapshot").bind("click", function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
var target = event.target;
|
|
var targetId = target.id;
|
|
var thisDialog = $(this);
|
|
var volumeId = thisDialog.data("volumeId");
|
|
var topPanel = thisDialog.find("#dialog_snapshotleft");
|
|
var bottomPanel = thisDialog.find("#dialog_snapshotright");
|
|
|
|
if(targetId.indexOf("_edit_link")!=-1) {
|
|
clearBottomPanel();
|
|
bottomPanel.animate({
|
|
height: 200
|
|
}, 1000, function() {}
|
|
);
|
|
}
|
|
else if(targetId.indexOf("_delete_link")!=-1) {
|
|
clearBottomPanel();
|
|
var snapshotPolicyId = $("#"+targetId).data("snapshotPolicyId");
|
|
if(snapshotPolicyId == null || snapshotPolicyId.length==0)
|
|
return;
|
|
$.ajax({
|
|
data: createURL("command=deleteSnapshotPolicies&id="+snapshotPolicyId),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
clearTopPanel($("#"+targetId).data("intervalType"));
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
}
|
|
|
|
var thisLink;
|
|
switch(targetId) {
|
|
case "hourly_edit_link":
|
|
$("#edit_interval_type").text("Hourly");
|
|
$("#edit_time_colon, #edit_hour_container, #edit_meridiem_container, #edit_day_of_week_container, #edit_day_of_month_container").hide();
|
|
$("#edit_past_the_hour, #edit_minute_container").show();
|
|
thisLink = thisDialog.find("#hourly_edit_link");
|
|
thisDialog.find("#edit_minute").val(thisLink.data("minute"));
|
|
thisDialog.find("#edit_max").val(thisLink.data("max"));
|
|
thisDialog.find("#edit_timezone").val(thisLink.data("timezone"));
|
|
break;
|
|
case "daily_edit_link":
|
|
$("#edit_interval_type").text("Daily");
|
|
$("#edit_past_the_hour, #edit_day_of_week_container, #edit_day_of_month_container").hide();
|
|
$("#edit_minute_container, #edit_hour_container, #edit_meridiem_container").show();
|
|
thisLink = thisDialog.find("#daily_edit_link");
|
|
thisDialog.find("#edit_minute").val(thisLink.data("minute"));
|
|
thisDialog.find("#edit_hour").val(thisLink.data("hour12"));
|
|
thisDialog.find("#edit_meridiem").val(thisLink.data("meridiem"));
|
|
thisDialog.find("#edit_max").val(thisLink.data("max"));
|
|
thisDialog.find("#edit_timezone").val(thisLink.data("timezone"));
|
|
break;
|
|
case "weekly_edit_link":
|
|
$("#edit_interval_type").text("Weekly");
|
|
$("#edit_past_the_hour, #edit_day_of_month_container").hide();
|
|
$("#edit_minute_container, #edit_hour_container, #edit_meridiem_container, #edit_day_of_week_container").show();
|
|
thisLink = thisDialog.find("#weekly_edit_link");
|
|
thisDialog.find("#edit_minute").val(thisLink.data("minute"));
|
|
thisDialog.find("#edit_hour").val(thisLink.data("hour12"));
|
|
thisDialog.find("#edit_meridiem").val(thisLink.data("meridiem"));
|
|
thisDialog.find("#edit_day_of_week").val(thisLink.data("dayOfWeek"));
|
|
thisDialog.find("#edit_max").val(thisLink.data("max"));
|
|
thisDialog.find("#edit_timezone").val(thisLink.data("timezone"));
|
|
break;
|
|
case "monthly_edit_link":
|
|
$("#edit_interval_type").text("Monthly");
|
|
$("#edit_past_the_hour, #edit_day_of_week_container").hide();
|
|
$("#edit_minute_container, #edit_hour_container, #edit_meridiem_container, #edit_day_of_month_container").show();
|
|
thisLink = thisDialog.find("#monthly_edit_link");
|
|
thisDialog.find("#edit_minute").val(thisLink.data("minute"));
|
|
thisDialog.find("#edit_hour").val(thisLink.data("hour12"));
|
|
thisDialog.find("#edit_meridiem").val(thisLink.data("meridiem"));
|
|
thisDialog.find("#edit_day_of_month").val(thisLink.data("dayOfMonth"));
|
|
thisDialog.find("#edit_max").val(thisLink.data("max"));
|
|
thisDialog.find("#edit_timezone").val(thisLink.data("timezone"));
|
|
break;
|
|
case "apply_button":
|
|
var intervalType = bottomPanel.find("#edit_interval_type").text().toLowerCase();
|
|
var minute, hour12, hour24, meridiem, dayOfWeek, dayOfWeekString, dayOfMonth, schedule, max, timezone;
|
|
switch(intervalType) {
|
|
case "hourly":
|
|
var isValid = true;
|
|
isValid &= validateNumber("Keep # of snapshots", bottomPanel.find("#edit_max"), bottomPanel.find("#edit_max_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
minute = bottomPanel.find("#edit_minute").val();
|
|
schedule = minute;
|
|
max = bottomPanel.find("#edit_max").val();
|
|
timezone = bottomPanel.find("#edit_timezone").val();
|
|
break;
|
|
|
|
case "daily":
|
|
var isValid = true;
|
|
isValid &= validateNumber("Keep # of snapshots", bottomPanel.find("#edit_max"), bottomPanel.find("#edit_max_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
minute = bottomPanel.find("#edit_minute").val();
|
|
hour12 = bottomPanel.find("#edit_hour").val();
|
|
meridiem = bottomPanel.find("#edit_meridiem").val();
|
|
if(meridiem=="AM")
|
|
hour24 = hour12;
|
|
else //meridiem=="PM"
|
|
hour24 = (parseInt(hour12)+12).toString();
|
|
schedule = minute + ":" + hour24;
|
|
max = bottomPanel.find("#edit_max").val();
|
|
timezone = bottomPanel.find("#edit_timezone").val();
|
|
break;
|
|
|
|
case "weekly":
|
|
var isValid = true;
|
|
isValid &= validateNumber("Keep # of snapshots", bottomPanel.find("#edit_max"), bottomPanel.find("#edit_max_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
minute = bottomPanel.find("#edit_minute").val();
|
|
hour12 = bottomPanel.find("#edit_hour").val();
|
|
meridiem = bottomPanel.find("#edit_meridiem").val();
|
|
if(meridiem=="AM")
|
|
hour24 = hour12;
|
|
else //meridiem=="PM"
|
|
hour24 = (parseInt(hour12)+12).toString();
|
|
dayOfWeek = bottomPanel.find("#edit_day_of_week").val();
|
|
dayOfWeekString = bottomPanel.find("#edit_day_of_week option:selected").text();
|
|
schedule = minute + ":" + hour24 + ":" + dayOfWeek;
|
|
max = bottomPanel.find("#edit_max").val();
|
|
timezone = bottomPanel.find("#edit_timezone").val();
|
|
break;
|
|
|
|
case "monthly":
|
|
var isValid = true;
|
|
isValid &= validateNumber("Keep # of snapshots", bottomPanel.find("#edit_max"), bottomPanel.find("#edit_max_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
minute = bottomPanel.find("#edit_minute").val();
|
|
hour12 = bottomPanel.find("#edit_hour").val();
|
|
meridiem = bottomPanel.find("#edit_meridiem").val();
|
|
if(meridiem=="AM")
|
|
hour24 = hour12;
|
|
else //meridiem=="PM"
|
|
hour24 = (parseInt(hour12)+12).toString();
|
|
dayOfMonth = bottomPanel.find("#edit_day_of_month").val();
|
|
schedule = minute + ":" + hour24 + ":" + dayOfMonth;
|
|
max = bottomPanel.find("#edit_max").val();
|
|
timezone = bottomPanel.find("#edit_timezone").val();
|
|
break;
|
|
}
|
|
|
|
var thisLink;
|
|
$.ajax({
|
|
data: createURL("command=createSnapshotPolicy&intervaltype="+intervalType+"&schedule="+schedule+"&volumeid="+volumeId+"&maxsnaps="+max+"&timezone="+encodeURIComponent(timezone)),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
switch(intervalType) {
|
|
case "hourly":
|
|
topPanel.find("#dialog_snapshot_hourly_info_unset").hide();
|
|
topPanel.find("#dialog_snapshot_hourly_info_set").show();
|
|
topPanel.find("#read_hourly_minute").text(minute);
|
|
topPanel.find("#read_hourly_timezone").text("("+timezones[timezone]+")");
|
|
topPanel.find("#read_hourly_max").text(max);
|
|
topPanel.find("#hourly_edit_link, #hourly_delete_link").data("intervalType", "hourly").data("snapshotPolicyId", json.createsnapshotpolicyresponse.id).data("max",max).data("timezone",timezone).data("minute", minute);
|
|
break;
|
|
case "daily":
|
|
topPanel.find("#dialog_snapshot_daily_info_unset").hide();
|
|
topPanel.find("#dialog_snapshot_daily_info_set").show();
|
|
topPanel.find("#read_daily_minute").text(minute);
|
|
topPanel.find("#read_daily_hour").text(hour12);
|
|
topPanel.find("#read_daily_meridiem").text(meridiem);
|
|
topPanel.find("#read_daily_timezone").text("("+timezones[timezone]+")");
|
|
topPanel.find("#read_daily_max").text(max);
|
|
topPanel.find("#daily_edit_link, #daily_delete_link").data("intervalType", "daily").data("snapshotPolicyId", json.createsnapshotpolicyresponse.id).data("max",max).data("timezone",timezone).data("minute", minute).data("hour12", hour12).data("meridiem", meridiem);
|
|
break;
|
|
case "weekly":
|
|
topPanel.find("#dialog_snapshot_weekly_info_unset").hide();
|
|
topPanel.find("#dialog_snapshot_weekly_info_set").show();
|
|
topPanel.find("#read_weekly_minute").text(minute);
|
|
topPanel.find("#read_weekly_hour").text(hour12);
|
|
topPanel.find("#read_weekly_meridiem").text(meridiem);
|
|
topPanel.find("#read_weekly_timezone").text("("+timezones[timezone]+")");
|
|
topPanel.find("#read_weekly_day_of_week").text(dayOfWeekString);
|
|
topPanel.find("#read_weekly_max").text(max);
|
|
topPanel.find("#weekly_edit_link, #weekly_delete_link").data("intervalType", "weekly").data("snapshotPolicyId", json.createsnapshotpolicyresponse.id).data("max",max).data("timezone",timezone).data("minute", minute).data("hour12", hour12).data("meridiem", meridiem).data("dayOfWeek",dayOfWeek);
|
|
break;
|
|
case "monthly":
|
|
topPanel.find("#dialog_snapshot_monthly_info_unset").hide();
|
|
topPanel.find("#dialog_snapshot_monthly_info_set").show();
|
|
topPanel.find("#read_monthly_minute").text(minute);
|
|
topPanel.find("#read_monthly_hour").text(hour12);
|
|
topPanel.find("#read_monthly_meridiem").text(meridiem);
|
|
topPanel.find("#read_monthly_timezone").text("("+timezones[timezone]+")");
|
|
topPanel.find("#read_monthly_day_of_month").text(toDayOfMonthDesp(dayOfMonth));
|
|
topPanel.find("#read_monthly_max").text(max);
|
|
topPanel.find("#monthly_edit_link, #monthly_delete_link").data("intervalType", "monthly").data("snapshotPolicyId", json.createsnapshotpolicyresponse.id).data("max",max).data("timezone",timezone).data("minute", minute).data("hour12", hour12).data("meridiem", meridiem).data("dayOfMonth",dayOfMonth);
|
|
break;
|
|
}
|
|
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
|
|
break;
|
|
|
|
}
|
|
});
|
|
// *** recurring snapshot dialog - event binding (end) ******************************
|
|
|
|
//***** switch to different tab (begin) ********************************************************************
|
|
$("#tab_details").bind("click", function(event){
|
|
$(this).removeClass("off").addClass("on");
|
|
$("#tab_snapshot").removeClass("on").addClass("off");
|
|
$("#tab_content_details").show();
|
|
$("#tab_content_snapshot").hide();
|
|
return false;
|
|
});
|
|
|
|
$("#tab_snapshot").bind("click", function(event){
|
|
$(this).removeClass("off").addClass("on");
|
|
$("#tab_details").removeClass("on").addClass("off");
|
|
$("#tab_content_snapshot").show();
|
|
$("#tab_content_details").hide();
|
|
return false;
|
|
});
|
|
//***** switch to different tab (end) **********************************************************************
|
|
}
|
|
|
|
function volumeAfterDetailsTabAction(jsonObj) {
|
|
$("#midmenuItem_"+jsonObj.id).data("jsonObj", jsonObj);
|
|
volumeJsonToDetailsTab(jsonObj);
|
|
}
|
|
|
|
function volumeToMidmenu(jsonObj, $midmenuItem1) {
|
|
$midmenuItem1.attr("id", ("midmenuItem_"+jsonObj.id));
|
|
$midmenuItem1.data("jsonObj", jsonObj);
|
|
|
|
var $iconContainer = $midmenuItem1.find("#icon_container").show();
|
|
$iconContainer.find("#icon").attr("src", "images/midmenuicon_storage_volume.png");
|
|
|
|
$midmenuItem1.find("#first_row").text(fromdb(jsonObj.name).substring(0,25));
|
|
$midmenuItem1.find("#second_row").text(jsonObj.type.substring(0,25));
|
|
}
|
|
|
|
function volumeToRigntPanel($midmenuItem) {
|
|
var jsonObj = $midmenuItem.data("jsonObj");
|
|
volumeJsonToDetailsTab(jsonObj);
|
|
volumeJsonToVolumeTab(jsonObj);
|
|
}
|
|
|
|
function volumeJsonToDetailsTab(jsonObj){
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
$detailsTab.data("jsonObj", jsonObj);
|
|
$detailsTab.find("#id").text(jsonObj.id);
|
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
|
$detailsTab.find("#device_id").text(jsonObj.deviceid);
|
|
$detailsTab.find("#state").text(jsonObj.state);
|
|
$detailsTab.find("#storage").text(fromdb(jsonObj.storage));
|
|
$detailsTab.find("#account").text(fromdb(jsonObj.account));
|
|
|
|
$detailsTab.find("#type").text(jsonObj.type + " (" + jsonObj.storagetype + " storage)");
|
|
$detailsTab.find("#size").text((jsonObj.size == "0") ? "" : convertBytes(jsonObj.size));
|
|
|
|
if (jsonObj.virtualmachineid == null)
|
|
$detailsTab.find("#vm_name").text("detached");
|
|
else
|
|
$detailsTab.find("#vm_name").text(getVmName(jsonObj.vmname, jsonObj.vmdisplayname) + " (" + jsonObj.vmstate + ")");
|
|
|
|
setDateField(jsonObj.created, $detailsTab.find("#created"));
|
|
|
|
//actions ***
|
|
var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForDetailsTab("Take Snapshot", volumeActionMap, $actionMenu, volumeListAPIMap); //show take snapshot
|
|
buildActionLinkForDetailsTab("Recurring Snapshot", volumeActionMap, $actionMenu, volumeListAPIMap); //show Recurring Snapshot
|
|
|
|
if(jsonObj.state != "Creating" && jsonObj.state != "Corrupted" && jsonObj.name != "attaching") {
|
|
if(jsonObj.type=="ROOT") {
|
|
if (jsonObj.vmstate == "Stopped")
|
|
buildActionLinkForDetailsTab("Create Template", volumeActionMap, $actionMenu, volumeListAPIMap); //show create template
|
|
}
|
|
else {
|
|
if (jsonObj.virtualmachineid != null) {
|
|
if (jsonObj.storagetype == "shared" && (jsonObj.vmstate == "Running" || jsonObj.vmstate == "Stopped")) {
|
|
buildActionLinkForDetailsTab("Detach Disk", volumeActionMap, $actionMenu, volumeListAPIMap); //show detach disk
|
|
}
|
|
} else {
|
|
// Disk not attached
|
|
if (jsonObj.storagetype == "shared") {
|
|
buildActionLinkForDetailsTab("Attach Disk", volumeActionMap, $actionMenu, volumeListAPIMap); //show attach disk
|
|
|
|
if(jsonObj.vmname == null || jsonObj.vmname == "none")
|
|
buildActionLinkForDetailsTab("Delete Volume", volumeActionMap, $actionMenu, volumeListAPIMap); //show delete volume
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function volumeJsonToVolumeTab(jsonObj) {
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listSnapshots&volumeid="+jsonObj.id+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var items = json.listsnapshotsresponse.snapshot;
|
|
if (items != null && items.length > 0) {
|
|
var container = $("#right_panel_content #tab_content_snapshot").empty();
|
|
var template = $("#snapshot_tab_template");
|
|
for (var i = 0; i < items.length; i++) {
|
|
var newTemplate = template.clone(true);
|
|
volumeSnapshotJSONToTemplate(items[i], newTemplate);
|
|
container.append(newTemplate.show());
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function volumeSnapshotJSONToTemplate(jsonObj, template) {
|
|
template.data("jsonObj", jsonObj);
|
|
|
|
template.attr("id", "volume_snapshot_"+jsonObj.id).data("volumeSnapshotId", jsonObj.id);
|
|
template.find("#id").text(jsonObj.id);
|
|
template.find("#name").text(jsonObj.name);
|
|
template.find("#volumename").text(jsonObj.volumename);
|
|
template.find("#intervaltype").text(jsonObj.intervaltype);
|
|
template.find("#account").text(jsonObj.account);
|
|
template.find("#domain").text(jsonObj.domain);
|
|
setDateField(jsonObj.created, template.find("#created"));
|
|
|
|
var $actionLink = template.find("#snapshot_action_link");
|
|
$actionLink.bind("mouseover", function(event) {
|
|
$(this).find("#snapshot_action_menu").show();
|
|
return false;
|
|
});
|
|
$actionLink.bind("mouseout", function(event) {
|
|
$(this).find("#snapshot_action_menu").hide();
|
|
return false;
|
|
});
|
|
|
|
var $actionMenu = $actionLink.find("#snapshot_action_menu");
|
|
$actionMenu.find("#action_list").empty();
|
|
|
|
buildActionLinkForSubgridItem("Create Volume", volumeSnapshotActionMap, $actionMenu, snapshotListAPIMap, template);
|
|
buildActionLinkForSubgridItem("Delete Snapshot", volumeSnapshotActionMap, $actionMenu, snapshotListAPIMap, template);
|
|
buildActionLinkForSubgridItem("Create Template", volumeSnapshotActionMap, $actionMenu, snapshotListAPIMap, template);
|
|
}
|
|
|
|
function volumeClearRightPanel() {
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
$detailsTab.find("#id").text("");
|
|
$detailsTab.find("#name").text("");
|
|
$detailsTab.find("#zonename").text("");
|
|
$detailsTab.find("#device_id").text("");
|
|
$detailsTab.find("#state").text("");
|
|
$detailsTab.find("#storage").text("");
|
|
$detailsTab.find("#account").text("");
|
|
$detailsTab.find("#type").text("");
|
|
$detailsTab.find("#size").text("");
|
|
$detailsTab.find("#vm_name").text("");
|
|
$detailsTab.find("#created").text("");
|
|
}
|
|
|
|
var volumeActionMap = {
|
|
"Attach Disk": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "attachvolumeresponse",
|
|
dialogBeforeActionFn : doAttachDisk,
|
|
inProcessText: "Attaching disk....",
|
|
afterActionSeccessFn: volumeAfterDetailsTabAction
|
|
},
|
|
"Detach Disk": {
|
|
api: "detachVolume",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "detachvolumeresponse",
|
|
inProcessText: "Detaching disk....",
|
|
afterActionSeccessFn: volumeAfterDetailsTabAction
|
|
},
|
|
"Create Template": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "createtemplateresponse",
|
|
dialogBeforeActionFn : doCreateTemplateFromVolume,
|
|
inProcessText: "Creating template....",
|
|
afterActionSeccessFn: function(){}
|
|
},
|
|
"Delete Volume": {
|
|
api: "deleteVolume",
|
|
isAsyncJob: false,
|
|
inProcessText: "Deleting volume....",
|
|
afterActionSeccessFn: function(id) {
|
|
var $midmenuItem1 = $("#midmenuItem_"+id);
|
|
$midmenuItem1.remove();
|
|
clearRightPanel();
|
|
volumeClearRightPanel();
|
|
}
|
|
},
|
|
"Take Snapshot": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "createsnapshotresponse",
|
|
dialogBeforeActionFn : doTakeSnapshot,
|
|
inProcessText: "Taking Snapshot....",
|
|
afterActionSeccessFn: function(){}
|
|
},
|
|
"Recurring Snapshot": {
|
|
customActionFn : doRecurringSnapshot
|
|
}
|
|
}
|
|
|
|
var volumeListAPIMap = {
|
|
listAPI: "listVolumes",
|
|
listAPIResponse: "listvolumesresponse",
|
|
listAPIResponseObj: "volume"
|
|
};
|
|
|
|
function doCreateTemplateFromVolume($actionLink, listAPIMap, $detailsTab) {
|
|
var jsonObj = $detailsTab.data("jsonObj");
|
|
$("#dialog_create_template").find("#volume_name").text(jsonObj.name);
|
|
|
|
$("#dialog_create_template")
|
|
.dialog('option', 'buttons', {
|
|
"Create": function() {
|
|
var thisDialog = $(this);
|
|
thisDialog.dialog("close");
|
|
|
|
// validate values
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#create_template_name"), thisDialog.find("#create_template_name_errormsg"));
|
|
isValid &= validateString("Display Text", thisDialog.find("#create_template_desc"), thisDialog.find("#create_template_desc_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
var name = trim(thisDialog.find("#create_template_name").val());
|
|
var desc = trim(thisDialog.find("#create_template_desc").val());
|
|
var osType = thisDialog.find("#create_template_os_type").val();
|
|
var isPublic = thisDialog.find("#create_template_public").val();
|
|
var password = thisDialog.find("#create_template_password").val();
|
|
|
|
var id = $detailsTab.data("jsonObj").id;
|
|
var apiCommand = "command=createTemplate&volumeId="+id+"&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&osTypeId="+osType+"&isPublic="+isPublic+"&passwordEnabled="+password;
|
|
doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doTakeSnapshot($actionLink, listAPIMap, $detailsTab) {
|
|
$("#dialog_create_snapshot")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
$(this).dialog("close");
|
|
|
|
var id = $detailsTab.data("jsonObj").id;
|
|
var apiCommand = "command=createSnapshot&volumeid="+id;
|
|
doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function clearTopPanel(target) { // "target == null" means target at all (hourly + daily + weekly + monthly)
|
|
var dialogBox = $("#dialog_recurring_snapshot");
|
|
if(target == "hourly" || target == null) {
|
|
dialogBox.find("#dialog_snapshot_hourly_info_unset").show();
|
|
dialogBox.find("#dialog_snapshot_hourly_info_set").hide();
|
|
dialogBox.find("#read_hourly_max, #read_hourly_minute").text("N/A");
|
|
dialogBox.find("#hourly_edit_link, #hourly_delete_link").data("intervalType", "hourly").data("max", "").data("timezone", (g_timezone==null)?"Etc/GMT+12":g_timezone).data("minute", "00");
|
|
}
|
|
if(target == "daily" || target == null) {
|
|
dialogBox.find("#dialog_snapshot_daily_info_unset").show();
|
|
dialogBox.find("#dialog_snapshot_daily_info_set").hide();
|
|
dialogBox.find("#read_daily_max, #read_daily_minute, #read_daily_hour, #read_daily_meridiem").text("N/A");
|
|
dialogBox.find("#daily_edit_link, #daily_delete_link").data("intervalType", "daily").data("max", "").data("timezone", (g_timezone==null)?"Etc/GMT+12":g_timezone).data("minute", "00").data("hour12", "00").data("meridiem", "AM");
|
|
}
|
|
if(target == "weekly" || target == null) {
|
|
dialogBox.find("#dialog_snapshot_weekly_info_unset").show();
|
|
dialogBox.find("#dialog_snapshot_weekly_info_set").hide();
|
|
dialogBox.find("#read_weekly_max, #read_weekly_minute, #read_weekly_hour, #read_weekly_meridiem, #read_weekly_day_of_week").text("N/A");
|
|
dialogBox.find("#weekly_edit_link, #weekly_delete_link").data("intervalType", "weekly").data("max", "").data("timezone", (g_timezone==null)?"Etc/GMT+12":g_timezone).data("minute", "00").data("hour12", "00").data("meridiem", "AM").data("dayOfWeek", "1");
|
|
}
|
|
if(target == "monthly" || target == null) {
|
|
dialogBox.find("#dialog_snapshot_monthly_info_unset").show();
|
|
dialogBox.find("#dialog_snapshot_monthly_info_set").hide();
|
|
dialogBox.find("#read_monthly_max, #read_monthly_minute, #read_monthly_hour, #read_monthly_meridiem, #read_monthly_day_of_month").text("N/A");
|
|
dialogBox.find("#monthly_edit_link, #monthly_delete_link").data("intervalType", "monthly").data("max", "").data("timezone", (g_timezone==null)?"Etc/GMT+12":g_timezone).data("minute", "00").data("hour12", "00").data("meridiem", "AM").data("dayOfMonth", "1");
|
|
}
|
|
}
|
|
|
|
function clearBottomPanel() {
|
|
var dialogBox = $("#dialog_recurring_snapshot");
|
|
|
|
dialogBox.find("#edit_hour").val("00");
|
|
cleanErrMsg(dialogBox.find("#edit_hour"), dialogBox.find("#edit_time_errormsg"));
|
|
|
|
dialogBox.find("#edit_minute").val("00");
|
|
cleanErrMsg(dialogBox.find("#edit_minute"), dialogBox.find("#edit_time_errormsg"));
|
|
|
|
dialogBox.find("#edit_meridiem").val("AM");
|
|
|
|
dialogBox.find("#edit_max").val("");
|
|
cleanErrMsg(dialogBox.find("#edit_max"), dialogBox.find("#edit_max_errormsg"));
|
|
|
|
dialogBox.find("#edit_timezone").val((g_timezone==null)?"Etc/GMT+12":g_timezone);
|
|
cleanErrMsg(dialogBox.find("#edit_timezone"), dialogBox.find("#edit_timezone_errormsg"));
|
|
|
|
dialogBox.find("#edit_day_of_week").val("1");
|
|
cleanErrMsg(dialogBox.find("#edit_day_of_week"), dialogBox.find("#edit_day_of_week_errormsg"));
|
|
|
|
dialogBox.find("#edit_day_of_month").val("1");
|
|
cleanErrMsg(dialogBox.find("#edit_day_of_month"), dialogBox.find("#edit_day_of_month_errormsg"));
|
|
}
|
|
|
|
function doRecurringSnapshot() {
|
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
|
var volumeId = $detailsTab.data("jsonObj").id;
|
|
|
|
var dialogBox = $("#dialog_recurring_snapshot");
|
|
clearTopPanel();
|
|
|
|
$.ajax({
|
|
data: createURL("command=listSnapshotPolicies&volumeid="+volumeId),
|
|
dataType: "json",
|
|
async: false,
|
|
success: function(json) {
|
|
var items = json.listsnapshotpoliciesresponse.snapshotpolicy;
|
|
if(items!=null && items.length>0) {
|
|
for(var i=0; i<items.length; i++) {
|
|
var item = items[i];
|
|
switch(item.intervaltype) {
|
|
case "0": //hourly
|
|
dialogBox.find("#dialog_snapshot_hourly_info_unset").hide();
|
|
dialogBox.find("#dialog_snapshot_hourly_info_set").show();
|
|
dialogBox.find("#read_hourly_max").text(item.maxsnaps);
|
|
dialogBox.find("#read_hourly_minute").text(item.schedule);
|
|
dialogBox.find("#read_hourly_timezone").text("("+timezones[item.timezone]+")");
|
|
dialogBox.find("#hourly_edit_link, #hourly_delete_link").data("intervalType", "hourly").data("snapshotPolicyId", item.id).data("max",item.maxsnaps).data("timezone",item.timezone).data("minute", item.schedule);
|
|
break;
|
|
case "1": //daily
|
|
dialogBox.find("#dialog_snapshot_daily_info_unset").hide();
|
|
dialogBox.find("#dialog_snapshot_daily_info_set").show();
|
|
dialogBox.find("#read_daily_max").text(item.maxsnaps);
|
|
var parts = item.schedule.split(":");
|
|
dialogBox.find("#read_daily_minute").text(parts[0]);
|
|
var hour12, meridiem;
|
|
var hour24 = parts[1];
|
|
if(hour24 < 12) {
|
|
hour12 = hour24;
|
|
meridiem = "AM";
|
|
}
|
|
else {
|
|
hour12 = hour24 - 12;
|
|
meridiem = "PM"
|
|
}
|
|
if (hour12 < 10 && hour12.toString().length==1)
|
|
hour12 = "0"+hour12.toString();
|
|
dialogBox.find("#read_daily_hour").text(hour12);
|
|
dialogBox.find("#read_daily_meridiem").text(meridiem);
|
|
dialogBox.find("#read_daily_timezone").text("("+timezones[item.timezone]+")");
|
|
dialogBox.find("#daily_edit_link, #daily_delete_link").data("intervalType", "daily").data("snapshotPolicyId", item.id).data("max",item.maxsnaps).data("timezone",item.timezone).data("minute", parts[0]).data("hour12", hour12).data("meridiem", meridiem);
|
|
break;
|
|
case "2": //weekly
|
|
dialogBox.find("#dialog_snapshot_weekly_info_unset").hide();
|
|
dialogBox.find("#dialog_snapshot_weekly_info_set").show();
|
|
dialogBox.find("#read_weekly_max").text(item.maxsnaps);
|
|
var parts = item.schedule.split(":");
|
|
dialogBox.find("#read_weekly_minute").text(parts[0]);
|
|
var hour12, meridiem;
|
|
var hour24 = parts[1];
|
|
if(hour24 < 12) {
|
|
hour12 = hour24;
|
|
meridiem = "AM";
|
|
}
|
|
else {
|
|
hour12 = hour24 - 12;
|
|
meridiem = "PM"
|
|
}
|
|
if (hour12 < 10 && hour12.toString().length==1)
|
|
hour12 = "0"+hour12.toString();
|
|
dialogBox.find("#read_weekly_hour").text(hour12);
|
|
dialogBox.find("#read_weekly_meridiem").text(meridiem);
|
|
dialogBox.find("#read_weekly_timezone").text("("+timezones[item.timezone]+")");
|
|
dialogBox.find("#read_weekly_day_of_week").text(toDayOfWeekDesp(parts[2]));
|
|
dialogBox.find("#weekly_edit_link, #weekly_delete_link").data("intervalType", "weekly").data("snapshotPolicyId", item.id).data("max",item.maxsnaps).data("timezone",item.timezone).data("minute", parts[0]).data("hour12", hour12).data("meridiem", meridiem).data("dayOfWeek",parts[2]);
|
|
break;
|
|
case "3": //monthly
|
|
dialogBox.find("#dialog_snapshot_monthly_info_unset").hide();
|
|
dialogBox.find("#dialog_snapshot_monthly_info_set").show();
|
|
dialogBox.find("#read_monthly_max").text(item.maxsnaps);
|
|
var parts = item.schedule.split(":");
|
|
dialogBox.find("#read_monthly_minute").text(parts[0]);
|
|
var hour12, meridiem;
|
|
var hour24 = parts[1];
|
|
if(hour24 < 12) {
|
|
hour12 = hour24;
|
|
meridiem = "AM";
|
|
}
|
|
else {
|
|
hour12 = hour24 - 12;
|
|
meridiem = "PM"
|
|
}
|
|
if (hour12 < 10 && hour12.toString().length==1)
|
|
hour12 = "0"+hour12.toString();
|
|
dialogBox.find("#read_monthly_hour").text(hour12);
|
|
dialogBox.find("#read_monthly_meridiem").text(meridiem);
|
|
dialogBox.find("#read_monthly_timezone").text("("+timezones[item.timezone]+")");
|
|
dialogBox.find("#read_monthly_day_of_month").text(toDayOfMonthDesp(parts[2]));
|
|
dialogBox.find("#monthly_edit_link, #monthly_delete_link").data("intervalType", "monthly").data("snapshotPolicyId", item.id).data("max",item.maxsnaps).data("timezone",item.timezone).data("minute", parts[0]).data("hour12", hour12).data("meridiem", meridiem).data("dayOfMonth",parts[2]);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
error: function(XMLHttpResponse) {
|
|
handleError(XMLHttpResponse);
|
|
}
|
|
});
|
|
|
|
dialogBox
|
|
.dialog('option', 'buttons', {
|
|
"Close": function() {
|
|
$("#dialog_snapshotright").hide(0, function() { $(this).height("0px");});
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open").data("volumeId", volumeId);
|
|
}
|
|
|
|
function populateVirtualMachineField(domainId, account, zoneId) {
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listVirtualMachines&state=Running&zoneid="+zoneId+"&domainid="+domainId+"&account="+account+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
var volumeVmSelect = $("#dialog_attach_volume").find("#volume_vm").empty();
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
volumeVmSelect.append("<option value='" + instances[i].id + "'>" + getVmName(instances[i].name, instances[i].displayname) + "</option>");
|
|
}
|
|
}
|
|
$.ajax({
|
|
cache: false,
|
|
data: createURL("command=listVirtualMachines&state=Stopped&zoneid="+zoneId+"&domainid="+domainId+"&account="+account+maxPageSize),
|
|
dataType: "json",
|
|
success: function(json) {
|
|
var instances = json.listvirtualmachinesresponse.virtualmachine;
|
|
if (instances != null && instances.length > 0) {
|
|
for (var i = 0; i < instances.length; i++) {
|
|
volumeVmSelect.append("<option value='" + instances[i].id + "'>" + getVmName(instances[i].name, instances[i].displayname) + "</option>");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function doAttachDisk($actionLink, listAPIMap, $detailsTab) {
|
|
var jsonObj = $detailsTab.data("jsonObj");
|
|
populateVirtualMachineField(jsonObj.domainid, jsonObj.account, jsonObj.zoneid);
|
|
|
|
$("#dialog_attach_volume")
|
|
.dialog('option', 'buttons', {
|
|
"Confirm": function() {
|
|
var thisDialog = $(this);
|
|
thisDialog.dialog("close");
|
|
|
|
var virtualMachineId = thisDialog.find("#volume_vm").val();
|
|
if(virtualMachineId == null) {
|
|
$("#dialog_alert").html("<p>Please attach volume to a valid virtual machine</p>").dialog("open");
|
|
return;
|
|
}
|
|
|
|
var id = jsonObj.id;
|
|
var apiCommand = "command=attachVolume&id="+id+'&virtualMachineId='+virtualMachineId;
|
|
doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
//Snapshot tab actions
|
|
var volumeSnapshotActionMap = {
|
|
"Create Volume": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "createvolumeresponse",
|
|
dialogBeforeActionFn : doCreateVolumeFromSnapshotInVolumePage,
|
|
inProcessText: "Creating Volume....",
|
|
afterActionSeccessFn: function(jsonObj, $subgridItem) {
|
|
var $midmenuItem1 = $("#midmenu_item").clone();
|
|
$("#midmenu_container").append($midmenuItem1.show());
|
|
volumeToMidmenu(jsonObj, $midmenuItem1);
|
|
bindClickToMidMenu($midmenuItem1, volumeToRigntPanel);
|
|
}
|
|
}
|
|
,
|
|
"Delete Snapshot": {
|
|
api: "deleteSnapshot",
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "deletesnapshotresponse",
|
|
inProcessText: "Deleting snapshot....",
|
|
afterActionSeccessFn: function(id) {
|
|
$("#volume_snapshot_"+id).remove();
|
|
}
|
|
}
|
|
,
|
|
"Create Template": {
|
|
isAsyncJob: true,
|
|
asyncJobResponse: "createtemplateresponse",
|
|
dialogBeforeActionFn : doCreateTemplateFromSnapshotInVolumePage,
|
|
inProcessText: "Creating Template....",
|
|
afterActionSeccessFn: function(jsonObj, $subgridItem) {}
|
|
}
|
|
}
|
|
|
|
function doCreateVolumeFromSnapshotInVolumePage($actionLink, listAPIMap, $subgridItem) {
|
|
var jsonObj = $subgridItem.data("jsonObj");
|
|
|
|
$("#dialog_add_volume_from_snapshot")
|
|
.dialog("option", "buttons", {
|
|
"Add": function() {
|
|
var thisDialog = $(this);
|
|
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"));
|
|
if (!isValid) return;
|
|
|
|
thisDialog.dialog("close");
|
|
|
|
var name = thisDialog.find("#name").val();
|
|
|
|
var id = jsonObj.id;
|
|
var apiCommand = "command=createVolume&snapshotid="+id+"&name="+name;
|
|
doActionToSubgridItem(id, $actionLink, apiCommand, listAPIMap, $subgridItem);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
function doCreateTemplateFromSnapshotInVolumePage($actionLink, listAPIMap, $subgridItem) {
|
|
var jsonObj = $subgridItem.data("jsonObj");
|
|
|
|
$("#dialog_create_template_from_snapshot")
|
|
.dialog("option", "buttons", {
|
|
"Add": function() {
|
|
var thisDialog = $(this);
|
|
var isValid = true;
|
|
isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"), false);
|
|
isValid &= validateString("Display Text", thisDialog.find("#display_text"), thisDialog.find("#display_text_errormsg"), false);
|
|
if (!isValid) return;
|
|
|
|
thisDialog.dialog("close");
|
|
|
|
var name = thisDialog.find("#name").val();
|
|
var displayText = thisDialog.find("#display_text").val();
|
|
var osTypeId = thisDialog.find("#os_type").val();
|
|
var password = thisDialog.find("#password").val();
|
|
|
|
var id = jsonObj.id;
|
|
var apiCommand = "command=createTemplate&snapshotid="+id+"&name="+name+"&displaytext="+displayText+"&ostypeid="+osTypeId+"&passwordEnabled="+password;
|
|
doActionToSubgridItem(id, $actionLink, apiCommand, listAPIMap, $subgridItem);
|
|
},
|
|
"Cancel": function() {
|
|
$(this).dialog("close");
|
|
}
|
|
}).dialog("open");
|
|
}
|
|
|
|
var snapshotListAPIMap = {
|
|
listAPI: "listSnapshots",
|
|
listAPIResponse: "listsnapshotsresponse",
|
|
listAPIResponseObj: "snapshot"
|
|
};
|