| /** |
| * Copyright (C) 2010 Cloud.com, Inc. All rights reserved. |
| * |
| * This software is licensed under the GNU General Public License v3 or later. |
| * |
| * It is free software: you can redistribute it and/or modify |
| * it under the terms of the GNU General Public License as published by |
| * the Free Software Foundation, either version 3 of the License, or any later version. |
| * This program is distributed in the hope that it will be useful, |
| * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| * GNU General Public License for more details. |
| * |
| * You should have received a copy of the GNU General Public License |
| * along with this program. If not, see <http://www.gnu.org/licenses/>. |
| * |
| */ |
| |
| var DomRTemplateId = 1;
|
|
|
| function showTemplatesTab() {
|
| // Manage Templates
|
| // *** Template (begin) ***
|
| activateDialog($("#dialog_edit_template").dialog({
|
| width:450,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_add_template").dialog({
|
| width:450,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_copy_template").dialog({
|
| width:300,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_create_vm_from_template").dialog({
|
| width:300,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_create_vm_from_iso").dialog({
|
| width:300,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| var g_zoneIds = [], g_zoneNames = [];
|
| var addTemplateZoneField = $("#dialog_add_template #add_template_zone");
|
| var addIsoZoneField = $("#dialog_add_iso #add_iso_zone");
|
| // Add default zone
|
| if (isAdmin()) {
|
| addTemplateZoneField.append("<option value='-1'>All Zones</option>");
|
| addIsoZoneField.append("<option value='-1'>All Zones</option>");
|
| }
|
| $.ajax({
|
| data: "command=listZones&pagesize=500&available=true&response=json"+maxPageSize,
|
| dataType: "json",
|
| success: function(json) {
|
| var zones = json.listzonesresponse.zone;
|
| if (zones != null && zones.length > 0) {
|
| for (var i = 0; i < zones.length; i++) {
|
| addTemplateZoneField.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
|
| addIsoZoneField.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>");
|
| g_zoneIds.push(zones[i].id);
|
| g_zoneNames.push(zones[i].name);
|
| }
|
| }
|
| }
|
| });
|
|
|
| function populateZoneField(zoneField, excludeZoneId) {
|
| zoneField.empty();
|
| if (g_zoneIds != null && g_zoneIds.length > 0) {
|
| for (var i = 0; i < g_zoneIds.length; i++) {
|
| if(g_zoneIds[i] != excludeZoneId)
|
| zoneField.append("<option value='" + g_zoneIds[i] + "'>" + fromdb(g_zoneNames[i]) + "</option>");
|
| }
|
| }
|
| }
|
|
|
| $.ajax({
|
| data: "command=listOsTypes&response=json"+maxPageSize,
|
| dataType: "json",
|
| success: function(json) {
|
| types = json.listostypesresponse.ostype;
|
| if (types != null && types.length > 0) {
|
| var templateSelect = $("#dialog_add_template #add_template_os_type").empty();
|
| var isoSelect = $("#dialog_add_iso #add_iso_os_type").empty();
|
| for (var i = 0; i < types.length; i++) {
|
| var html = "<option value='" + types[i].id + "'>" + types[i].description + "</option>";
|
| templateSelect.append(html);
|
| isoSelect.append(html);
|
| }
|
| }
|
| }
|
| });
|
|
|
| $.ajax({
|
| data: "command=listServiceOfferings&response=json"+maxPageSize,
|
| dataType: "json",
|
| success: function(json) {
|
| var items = json.listserviceofferingsresponse.serviceoffering;
|
| if(items != null && items.length > 0 ) {
|
| var templateServiceOfferingField = $("#dialog_create_vm_from_template #service_offering").empty();
|
| var isoServiceOfferingField = $("#dialog_create_vm_from_iso #service_offering").empty();
|
| for(var i = 0; i < items.length; i++) {
|
| templateServiceOfferingField.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
| isoServiceOfferingField.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
| }
|
| }
|
| }
|
| });
|
|
|
| $.ajax({
|
| data: "command=listDiskOfferings&response=json"+maxPageSize,
|
| dataType: "json",
|
| success: function(json) {
|
| var items = json.listdiskofferingsresponse.diskoffering;
|
| if(items != null && items.length > 0 ) {
|
| var templateDiskOfferingField = $("#dialog_create_vm_from_template #disk_offering").empty();
|
| templateDiskOfferingField.append("<option value=''>No disk offering</option>");
|
|
|
| var isoDiskOfferingField = $("#dialog_create_vm_from_iso #disk_offering").empty();
|
|
|
| for(var i = 0; i < items.length; i++) {
|
| templateDiskOfferingField.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
| isoDiskOfferingField.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
|
| }
|
| }
|
|
|
| }
|
| });
|
|
|
| $("#template_action_new").show();
|
| var formatSelect = $("#add_template_format").empty();
|
| if (getHypervisorType() == "kvm") {
|
| formatSelect.append("<option value='QCOW2'>QCOW2</option>");
|
| } else if (getHypervisorType() == "xenserver") {
|
| formatSelect.append("<option value='VHD'>VHD</option>");
|
| }
|
|
|
| $("#template_action_new").bind("click", function(event) {
|
| $("#dialog_add_template")
|
| .dialog('option', 'buttons', {
|
| "Create": function() {
|
| var thisDialog = $(this);
|
|
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateString("Name", thisDialog.find("#add_template_name"), thisDialog.find("#add_template_name_errormsg"));
|
| isValid &= validateString("Display Text", thisDialog.find("#add_template_display_text"), thisDialog.find("#add_template_display_text_errormsg"));
|
| isValid &= validateString("URL", thisDialog.find("#add_template_url"), thisDialog.find("#add_template_url_errormsg"));
|
| if (!isValid) return;
|
|
|
| var name = trim(thisDialog.find("#add_template_name").val());
|
| var desc = trim(thisDialog.find("#add_template_display_text").val());
|
| var url = trim(thisDialog.find("#add_template_url").val());
|
| var zoneId = thisDialog.find("#add_template_zone").val();
|
| var format = thisDialog.find("#add_template_format").val();
|
| var password = thisDialog.find("#add_template_password").val();
|
| var isPublic = thisDialog.find("#add_template_public").val();
|
| var osType = thisDialog.find("#add_template_os_type").val();
|
|
|
| var moreCriteria = [];
|
| if(thisDialog.find("#add_template_featured_container").css("display")!="none") {
|
| var isFeatured = thisDialog.find("#add_template_featured").val();
|
| moreCriteria.push("&isfeatured="+isFeatured);
|
| }
|
|
|
| thisDialog.dialog("close");
|
|
|
| var submenuContent = $("#submenu_content_template");
|
| var template = $("#vm_template_template").clone(true);
|
| var loadingImg = template.find(".adding_loading");
|
| var rowContainer = template.find("#row_container");
|
| loadingImg.find(".adding_text").text("Adding....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
| submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));
|
|
|
| $.ajax({
|
| data: "command=registerTemplate&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&url="+encodeURIComponent(url)+"&zoneid="+zoneId+"&ispublic="+isPublic+moreCriteria.join("")+"&format="+format+"&passwordEnabled="+password+"&osTypeId="+osType+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var result = json.registertemplateresponse;
|
| if($("#template_type").val() == "self") {
|
| templateJSONToTemplate(result.template[0], template);
|
| changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
|
| loadingImg.hide();
|
| rowContainer.show();
|
|
|
| if(result.template.length > 1) {
|
| for(var i=1; i<result.template.length; i++) {
|
| var template2 = $("#vm_template_template").clone(true);
|
| templateJSONToTemplate(result.template[i], template2);
|
| submenuContent.find("#grid_content").prepend(template2.fadeIn("slow"));
|
| changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
|
| }
|
| }
|
| }
|
| else {
|
| $("#template_type").val("self");
|
| $("#template_type").change();
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| template.slideUp("slow", function(){ $(this).remove(); } );
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| return false;
|
| });
|
|
|
| function templateJSONToTemplate(json, template) {
|
| (index++ % 2 == 0)? template.addClass("dbsmallrow_odd"):template.addClass("dbsmallrow_even");
|
| template.attr("id", "template"+json.id+"_zone"+json.zoneid);
|
| template.data("templateId", json.id);
|
| template.data("zoneId",fromdb(json.zoneid));
|
| template.data("zoneName",fromdb(json.zonename));
|
| template.data("name", fromdb(json.name));
|
| template.data("isPublic", json.ispublic);
|
| template.data("isFeatured", json.isfeatured);
|
| template.data("passwordEnabled", json.passwordenabled);
|
|
|
| template.find("#template_id").text(json.id);
|
| template.find("#template_zone").text(json.zonename);
|
| template.find("#template_name").text(json.name);
|
| template.find("#template_display_text").text(json.displaytext);
|
| template.find("#template_account").text(json.account);
|
| if(json.size != null)
|
| template.find("#template_size").text(convertBytes(parseInt(json.size)));
|
|
|
| var status = "Ready";
|
| if (json.isready == "false") {
|
| status = json.templatestatus;
|
| }
|
| template.find("#template_status").text(status);
|
|
|
| setDateField(json.created, template.find("#template_created"));
|
|
|
| /*
|
| if (json.bits == "32")
|
| template.find("#template_bit").attr("src", "images/32bit_icon.gif");
|
| if (json.requireshvm == "false")
|
| template.find("#template_hvm").attr("src", "images/hvm_nonselectedicon.gif");
|
| */
|
| if (json.passwordenabled == "false")
|
| template.find("#template_password").attr("src", "images/password_nonselectedicon.gif");
|
| else
|
| template.find("#template_password").attr("src", "images/password_selectedicon.gif");
|
|
|
| if (json.ispublic == "false")
|
| template.find("#template_public").attr("src", "images/public_nonselectedicon.gif");
|
| else
|
| template.find("#template_public").attr("src", "images/public_selectedicon.gif");
|
|
|
| if (json.isfeatured == "false")
|
| template.find("#template_featured").attr("src", "images/featured_nonselectedicon.gif");
|
| else
|
| template.find("#template_featured").attr("src", "images/featured_selectedicon.gif");
|
|
|
| template.find("#template_ostype").text(json.ostypename);
|
|
|
| // hide action link Edit, Copy, Create VM
|
| if ((isUser() && json.ispublic == "true" && !(json.domainid == g_domainid && json.account == g_account)) || json.id==DomRTemplateId || json.isready == "false")
|
| template.find("#template_edit_container, #template_copy_container, #template_create_vm_container").hide();
|
|
|
| // hide action link Delete
|
| if ((isUser() && json.ispublic == "true" && !(json.domainid == g_domainid && json.account == g_account)) || json.id==DomRTemplateId)
|
| template.find("#template_delete_container").hide();
|
|
|
| var dialogEditTemplate = $("#dialog_edit_template");
|
| var that = template;
|
| template.find("#template_edit").data("templateId", json.id).bind("click", function(event) {
|
| event.preventDefault();
|
| var id = $(this).data("templateId");
|
| var template = that;
|
|
|
| var oldName = template.find("#template_name").text();
|
| var oldDesc = template.find("#template_display_text").text();
|
| var oldPasswordEnabled = template.data("passwordEnabled");
|
| var oldIsPublic = template.data("isPublic");
|
| var oldIsFeatured = template.data("isFeatured");
|
|
|
| dialogEditTemplate.find("#edit_template_name").val(oldName);
|
| dialogEditTemplate.find("#edit_template_display_text").val(oldDesc);
|
| dialogEditTemplate.find("#edit_template_password").val(oldPasswordEnabled);
|
| dialogEditTemplate.find("#edit_template_public").val(oldIsPublic);
|
| dialogEditTemplate.find("#edit_template_featured").val(oldIsFeatured);
|
|
|
| dialogEditTemplate
|
| .dialog('option', 'buttons', {
|
| "Save": function() {
|
| var thisDialog = $(this);
|
|
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateString("Name", thisDialog.find("#edit_template_name"), thisDialog.find("#edit_template_name_errormsg"));
|
| isValid &= validateString("Display Text", thisDialog.find("#edit_template_display_text"), thisDialog.find("#edit_template_display_text_errormsg"));
|
| if (!isValid) return;
|
|
|
| var newName = trim(thisDialog.find("#edit_template_name").val());
|
| var newDesc = trim(thisDialog.find("#edit_template_display_text").val());
|
| var newPasswordEnabled = trim(thisDialog.find("#edit_template_password").val());
|
|
|
| var array1 = [];
|
| if(newName!=oldName)
|
| array1.push("&name="+encodeURIComponent(newName));
|
| if(newDesc!=oldDesc)
|
| array1.push("&displaytext="+encodeURIComponent(newDesc));
|
| if(newPasswordEnabled!=oldPasswordEnabled)
|
| array1.push("&passwordenabled="+newPasswordEnabled);
|
|
|
| if(array1.length > 0) {
|
| $.ajax({
|
| data: "command=updateTemplate&id="+id+array1.join("")+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| template.data("name", newName);
|
| template.data("passwordEnabled", newPasswordEnabled);
|
| template.find("#template_name").text(newName);
|
| template.find("#template_display_text").text(newDesc);
|
| if (newPasswordEnabled == "false")
|
| template.find("#template_password").attr("src", "images/password_nonselectedicon.gif");
|
| else
|
| template.find("#template_password").attr("src", "images/password_selectedicon.gif");
|
| }
|
| });
|
| }
|
|
|
| var isModified = false;
|
| var newIsPublic = thisDialog.find("#edit_template_public").val();
|
| if(newIsPublic != oldIsPublic)
|
| isModified = true;
|
| var moreCriteria = [];
|
| if(thisDialog.find("#edit_template_featured_container").css("display")!="none") {
|
| var newIsFeatured = thisDialog.find("#edit_template_featured").val();
|
| moreCriteria.push("&isfeatured="+newIsFeatured);
|
| if(newIsFeatured != oldIsFeatured)
|
| isModified = true;
|
| }
|
| if(isModified) {
|
| $.ajax({
|
| data: "command=updateTemplatePermissions&id="+id+"&ispublic="+newIsPublic+"&isfeatured="+newIsFeatured+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| (newIsPublic=="true")? template.find("#template_public").attr("src", "images/public_selectedicon.gif"):template.find("#template_public").attr("src", "images/public_nonselectedicon.gif");
|
| (newIsFeatured=="true")? template.find("#template_featured").attr("src", "images/featured_selectedicon.gif"):template.find("#template_featured").attr("src", "images/featured_nonselectedicon.gif");
|
| }
|
| });
|
| }
|
|
|
| thisDialog.dialog("close");
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
| var that = template;
|
| template.find("#template_delete").data("parentElementId", "template"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| var moreCriteria = [];
|
| var parentElementId = $(this).data("parentElementId");
|
| var thisTemplate = that;
|
| var id = thisTemplate.data("templateId");
|
| var name = thisTemplate.data("name");
|
| var zoneId = thisTemplate.data("zoneId");
|
| if (zoneId != null)
|
| moreCriteria.push("&zoneid="+zoneId);
|
|
|
| $("#dialog_confirmation")
|
| .html("<p>Please confirm you want to delete your template <b>"+name+"</b>.</p>")
|
| .dialog('option', 'buttons', {
|
| "Confirm": function() {
|
| $(this).dialog("close");
|
|
|
| var loadingImg = thisTemplate.find(".adding_loading");
|
| var rowContainer = thisTemplate.find("#row_container");
|
| loadingImg.find(".adding_text").text("Deleting....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
|
|
| $.ajax({
|
| data: "command=deleteTemplate&id="+id+moreCriteria.join("")+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var jobId = json.deletetemplateresponse.jobid;
|
| var timerKey = "deleteTemplateJob"+jobId;
|
|
|
| $("body").everyTime(2000, timerKey, function() {
|
| $.ajax({
|
| data: "command=queryAsyncJobResult&jobId="+json.deletetemplateresponse.jobid+"&response=json",
|
| 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) { //success
|
| that.slideUp("slow", function() { $(this).remove() });
|
| changeGridRowsTotal($("#submenu_content_template").find("#grid_rows_total"), -1);
|
| } else if (result.jobstatus == 2) {
|
| $("#dialog_alert").html("<p>" + fromdb(result.jobresult) + "</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| $("body").stopTime(timerKey);
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| }, 0);
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
| template.find("#template_copy").data("parentElementId", "template"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| var parentElementId = $(this).data("parentElementId");
|
| var thisTemplate = $("#"+parentElementId);
|
| var id = thisTemplate.data("templateId");
|
| var name = thisTemplate.data("name");
|
| var sourceZoneId = thisTemplate.data("zoneId");
|
|
|
| populateZoneField($("#dialog_copy_template #copy_template_zone"), sourceZoneId);
|
|
|
| $("#dialog_copy_template #copy_template_name_text").text(name);
|
|
|
| var sourceZoneName = thisTemplate.data("zoneName");
|
| $("#dialog_copy_template #copy_template_source_zone_text").text(sourceZoneName);
|
|
|
| $("#dialog_copy_template")
|
| .dialog('option', 'buttons', {
|
| "OK": function() {
|
| var thisDialog = $(this);
|
|
|
| var isValid = true;
|
| isValid &= validateDropDownBox("Zone", thisDialog.find("#copy_template_zone"), thisDialog.find("#copy_template_zone_errormsg"), false); //reset error text
|
| if (!isValid) return;
|
|
|
| var destZoneId = thisDialog.find("#copy_template_zone").val();
|
| thisDialog.dialog("close");
|
|
|
| var loadingImg = thisTemplate.find(".adding_loading");
|
| var rowContainer = thisTemplate.find("#row_container");
|
| loadingImg.find(".adding_text").text("Copying....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
|
|
| $.ajax({
|
| data: "command=copyTemplate&id="+id+"&sourcezoneid="+sourceZoneId+"&destzoneid="+destZoneId+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var jobId = json.copytemplateresponse.jobid;
|
| var timerKey = "copyTemplateJob"+jobId;
|
|
|
| $("body").everyTime(2000, timerKey, function() {
|
| $.ajax({
|
| data: "command=queryAsyncJobResult&jobId="+json.copytemplateresponse.jobid+"&response=json",
|
| 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) {
|
| $("#dialog_info").html("<p>Template download started (ID: <b>"+result.copytemplateresponse[0].id+"</b>, Zone: <b>"+fromdb(result.copytemplateresponse[0].zonename)+"</b>, Name: <b>"+fromdb(result.copytemplateresponse[0].name)+"</b>) . Check the progress...</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| $("#template_type").val("self");
|
| $("#template_type").change();
|
| } else if (result.jobstatus == 2) {
|
| $("#dialog_alert").html("<p>" + fromdb(result.jobresult) + "</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| $("body").stopTime(timerKey);
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| }, 0);
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
| template.find("#template_create_vm").data("parentElementId", "template"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| createVMFromTemplateOrISO($(this), "template");
|
| });
|
| }
|
|
|
| function createVMFromTemplateOrISO(actionLink, sourceType) {
|
| var parentElementId = actionLink.data("parentElementId");
|
| var thisTemplate = $("#"+parentElementId);
|
| var name = thisTemplate.data("name");
|
| var zoneId = thisTemplate.data("zoneId");
|
|
|
| var id;
|
| var createVmDialog;
|
| if(sourceType == "template") {
|
| id = thisTemplate.data("templateId");
|
| createVmDialog = $("#dialog_create_vm_from_template");
|
| }
|
| else { //sourceType == "iso"
|
| id = thisTemplate.data("isoId");
|
| createVmDialog = $("#dialog_create_vm_from_iso");
|
| }
|
| createVmDialog.find("#source_name").text(name);
|
|
|
| createVmDialog
|
| .dialog('option', 'buttons', {
|
| "Create": function() {
|
| var thisDialog = $(this);
|
|
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"), true);
|
| isValid &= validateString("Group", thisDialog.find("#group"), thisDialog.find("#group_errormsg"), true);
|
| if (!isValid) return;
|
|
|
| thisDialog.dialog("close");
|
|
|
| var array1 = [];
|
| var name = trim(thisDialog.find("#name").val());
|
| array1.push("&displayname="+encodeURIComponent(name));
|
|
|
| var group = trim(thisDialog.find("#group").val());
|
| array1.push("&group="+encodeURIComponent(group));
|
|
|
| var serviceOfferingId = thisDialog.find("#service_offering").val();
|
| array1.push("&serviceOfferingId="+serviceOfferingId);
|
|
|
| var diskOfferingId = thisDialog.find("#disk_offering").val();
|
| if(diskOfferingId != null && diskOfferingId.length > 0)
|
| array1.push("&diskOfferingId="+diskOfferingId);
|
|
|
| var loadingImg = thisTemplate.find(".adding_loading");
|
| var rowContainer = thisTemplate.find("#row_container");
|
| loadingImg.find(".adding_text").text("Creating VM....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
|
|
| $.ajax({
|
| data: "command=deployVirtualMachine&zoneId="+zoneId+array1.join("")+"&templateId="+id+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var jobId = json.deployvirtualmachineresponse.jobid;
|
| var timerKey = "newVMFromTemplate"+jobId;
|
|
|
| $("body").everyTime(
|
| 10000,
|
| timerKey,
|
| function() {
|
| $.ajax({
|
| data: "command=queryAsyncJobResult&jobId="+jobId+"&response=json",
|
| 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
|
| var htmlMsg;
|
| if (result.virtualmachine[0].passwordenabled == 'true')
|
| htmlMsg = "Your instance from " + fromdb(name) + " has been successfully created. Your new password is : <b>" + result.virtualmachine[0].password + "</b> . Please change it as soon as you log into your new instance";
|
| else
|
| htmlMsg = "Your instance from " + fromdb(name) + " has been successfully created.";
|
| $("#dialog_info").html(htmlMsg).dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| } else if (result.jobstatus == 2) {
|
| // Failed
|
| $("#dialog_info").html("Unable to create your new instance from " + fromdb(name) + " due to the error: " + fromdb(result.jobresult)).dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| $("body").stopTime(timerKey);
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| 0
|
| );
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| }
|
|
|
|
|
| function listTemplates() {
|
| var submenuContent = $("#submenu_content_template");
|
|
|
| var type = $("#template_type").val(); //my template, featured, community
|
| var commandString;
|
| var advanced = submenuContent.find("#search_button").data("advanced");
|
| if (advanced != null && advanced) {
|
| var name = submenuContent.find("#advanced_search #adv_search_name").val();
|
| var moreCriteria = [];
|
| if (name!=null && trim(name).length > 0)
|
| moreCriteria.push("&name="+encodeURIComponent(trim(name)));
|
| commandString = "command=listTemplates&page="+currentPage+moreCriteria.join("")+"&templatefilter="+type+"&response=json";
|
| } else {
|
| var searchInput = $("#submenu_content_template #search_input").val(); //search button
|
| if (searchInput != null && searchInput.length > 0)
|
| commandString = "command=listTemplates&page="+currentPage+"&templatefilter="+type+"&keyword="+searchInput+"&response=json";
|
| else
|
| commandString = "command=listTemplates&page="+currentPage+"&templatefilter="+type+"&response=json";
|
| }
|
|
|
| //listItems(submenuContent, commandString, jsonResponse1, jsonResponse2, template, fnJSONToTemplate);
|
| listItems(submenuContent, commandString, "listtemplatesresponse", "template", $("#vm_template_template"), templateJSONToTemplate);
|
| }
|
|
|
| submenuContentEventBinder($("#submenu_content_template"), listTemplates);
|
|
|
| $("#template_type").bind("change", function(event){
|
| currentPage=1;
|
| event.preventDefault();
|
| listTemplates();
|
| });
|
|
|
| $("#submenu_template").bind("click",function(event){
|
| event.preventDefault();
|
|
|
| $(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
|
| currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
|
| currentSubMenu = $(this);
|
|
|
| var submenuContent = $("#submenu_content_template").show();
|
| $("#submenu_content_iso").hide();
|
|
|
| currentPage=1;
|
| listTemplates();
|
| });
|
|
|
| // *** Template (end) ***
|
|
|
|
|
|
|
| // *** ISO (begin) ***
|
| activateDialog($("#dialog_edit_iso").dialog({
|
| width:450,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_add_iso").dialog({
|
| width:450,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| activateDialog($("#dialog_copy_iso").dialog({
|
| width:300,
|
| autoOpen: false,
|
| modal: true,
|
| zIndex: 2000
|
| }));
|
|
|
| $("#iso_action_new").show();
|
|
|
| $("#iso_action_new").bind("click", function(event) {
|
| $("#dialog_add_iso")
|
| .dialog('option', 'buttons', {
|
| "Create": function() {
|
| var thisDialog = $(this);
|
|
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateString("Name", thisDialog.find("#add_iso_name"), thisDialog.find("#add_iso_name_errormsg"));
|
| isValid &= validateString("Display Text", thisDialog.find("#add_iso_display_text"), thisDialog.find("#add_iso_display_text_errormsg"));
|
| isValid &= validateString("URL", thisDialog.find("#add_iso_url"), thisDialog.find("#add_iso_url_errormsg"));
|
| if (!isValid) return;
|
|
|
| var submenuContent = $("#submenu_content_iso");
|
| var template = $("#vm_iso_template").clone(true);
|
| var loadingImg = template.find(".adding_loading");
|
| var rowContainer = template.find("#row_container");
|
| loadingImg.find(".adding_text").text("Adding....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
| submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));
|
|
|
| var name = trim(thisDialog.find("#add_iso_name").val());
|
| var desc = trim(thisDialog.find("#add_iso_display_text").val());
|
| var url = trim(thisDialog.find("#add_iso_url").val());
|
| var zoneId = thisDialog.find("#add_iso_zone").val();
|
| //var isPublic = thisDialog.find("#add_iso_public").val();
|
| var isPublic = "false"; //default to private for now
|
| var osType = thisDialog.find("#add_iso_os_type").val();
|
| var bootable = thisDialog.find("#add_iso_bootable").val();
|
|
|
| thisDialog.dialog("close");
|
|
|
| $.ajax({
|
| data: "command=registerIso&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&url="+encodeURIComponent(url)+"&zoneId="+zoneId+"&isPublic="+isPublic+"&osTypeId="+osType+"&bootable="+bootable+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var result = json.registerisoresponse;
|
| if($("#iso_type").val() == "self") {
|
| isoJSONToTemplate(result.iso[0], template);
|
| changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
|
| loadingImg.hide();
|
| rowContainer.show();
|
|
|
| if(result.iso.length > 1) {
|
| for(var i=1; i<result.iso.length; i++) {
|
| var template2 = $("#vm_iso_template").clone(true);
|
| isoJSONToTemplate(result.iso[i], template2);
|
| submenuContent.find("#grid_content").prepend(template2.fadeIn("slow"));
|
| changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
|
| }
|
| }
|
| }
|
| else {
|
| $("#iso_type").val("self");
|
| $("#iso_type").change();
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| template.slideUp("slow", function(){ $(this).remove(); } );
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| return false;
|
| });
|
|
|
| //*** isoJSONToTemplate (begin) *******************************
|
| function isoJSONToTemplate(json, template) {
|
| template.attr("id", "iso"+json.id+"_zone"+json.zoneid);
|
| if (index++ % 2 == 0) {
|
| template.addClass("dbsmallrow_odd");
|
| } else {
|
| template.addClass("dbsmallrow_even");
|
| }
|
|
|
| template.data("isoId", json.id);
|
| template.data("zoneId",fromdb(json.zoneid));
|
| template.data("zoneName",fromdb(json.zonename));
|
| template.data("name", fromdb(json.name));
|
| template.data("isPublic", json.ispublic);
|
|
|
| template.find("#iso_id").text(json.id);
|
| template.find("#iso_zone").text(json.zonename);
|
| template.find("#iso_name").text(json.name);
|
| template.find("#iso_display_text").text(json.displaytext);
|
|
|
| if(json.size != null)
|
| template.find("#iso_size").text(convertBytes(parseInt(json.size)));
|
|
|
| var status = "Ready";
|
| if (json.isready == "false") {
|
| status = json.isostatus;
|
| }
|
| template.find("#iso_status").text(status);
|
|
|
| /*
|
| if (json.ispublic == "false")
|
| template.find("#iso_public").attr("src", "images/public_nonselectedicon.gif");
|
| else
|
| template.find("#iso_public").attr("src", "images/public_selectedicon.gif");
|
| */
|
|
|
| template.find("#iso_bootable").text((json.bootable == "true") ? "Yes" : "No");
|
| template.find("#iso_account").text(json.account);
|
|
|
| setDateField(json.created, template.find("#iso_created"));
|
|
|
| // hide action link Edit, Copy, Create VM
|
| if ((isUser() && json.ispublic == "true" && !(json.domainid == g_domainid && json.account == g_account)) || json.isready == "false")
|
| template.find("#iso_edit_container, #iso_copy_container, #iso_create_vm_container").hide();
|
|
|
| // hide action link Delete
|
| if ((isUser() && json.ispublic == "true" && !(json.domainid == g_domainid && json.account == g_account)))
|
| template.find("#iso_delete_container").hide();
|
|
|
| // hide "Create VM" link
|
| if(json.bootable == "false") // disallow to create VM from non-bootable ISO
|
| template.find("#iso_create_vm_container").hide();
|
|
|
| template.find("#iso_edit").data("isoId", json.id).bind("click", function(event) {
|
| event.preventDefault();
|
| var id = $(this).data("isoId");
|
| var iso = $("#iso"+id);
|
| var name = template.find("#iso_name").text();
|
| var displayText = template.find("#iso_display_text").text();
|
| $("#dialog_edit_iso #edit_iso_name").val(name);
|
| $("#dialog_edit_iso #edit_iso_display_text").val(displayText);
|
|
|
| $("#dialog_edit_iso")
|
| .dialog('option', 'buttons', {
|
| "Save": function() {
|
| // validate values
|
| var isValid = true;
|
| isValid &= validateString("Name", $("#edit_iso_name"), $("#edit_iso_name_errormsg"));
|
| isValid &= validateString("Display Text", $("#edit_iso_display_text"), $("#edit_iso_display_text_errormsg"));
|
| if (!isValid) return;
|
|
|
| var name = trim($("#edit_iso_name").val());
|
| var desc = trim($("#edit_iso_display_text").val());
|
|
|
| var dialogBox = $(this);
|
| dialogBox.dialog("close");
|
| $.ajax({
|
| data: "command=updateIso&id="+id+"&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| template.find("#iso_name").text(name);
|
| template.find("#iso_display_text").text(desc);
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
| var that = template;
|
| template.find("#iso_delete").data("parentElementId", "iso"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| var moreCriteria = [];
|
| var parentElementId = $(this).data("parentElementId");
|
| var thisTemplate = that;
|
| var id = thisTemplate.data("isoId");
|
| var name = thisTemplate.data("name");
|
| var zoneId = thisTemplate.data("zoneId");
|
| if (zoneId != null)
|
| moreCriteria.push("&zoneid="+zoneId);
|
|
|
| $("#dialog_confirmation")
|
| .html("<p>Please confirm you want to delete your ISO <b>"+name+"</b>.</p>")
|
| .dialog('option', 'buttons', {
|
| "Confirm": function() {
|
| $(this).dialog("close");
|
|
|
| var loadingImg = thisTemplate.find(".adding_loading");
|
| var rowContainer = thisTemplate.find("#row_container");
|
| loadingImg.find(".adding_text").text("Deleting....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
|
|
| $.ajax({
|
| data: "command=deleteIso&id="+id+moreCriteria.join("")+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var jobId = json.deleteisosresponse.jobid;
|
| var timerKey = "deleteIsoJob"+jobId;
|
|
|
| $("body").everyTime(2000, timerKey, function() {
|
| $.ajax({
|
| data: "command=queryAsyncJobResult&jobId="+json.deleteisosresponse.jobid+"&response=json",
|
| 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) { //success
|
| that.slideUp("slow", function() { $(this).remove() });
|
| changeGridRowsTotal($("#submenu_content_iso").find("#grid_rows_total"), -1);
|
| } else if (result.jobstatus == 2) {
|
| $("#dialog_alert").html("<p>" + fromdb(result.jobresult) + "</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| $("body").stopTime(timerKey);
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| }, 0);
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
|
|
| template.find("#iso_copy").data("parentElementId", "iso"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| var moreCriteria = [];
|
| var parentElementId = $(this).data("parentElementId");
|
| var thisTemplate = $("#"+parentElementId);
|
| var id = thisTemplate.data("isoId");
|
| var name = thisTemplate.data("name");
|
| var sourceZoneId = thisTemplate.data("zoneId");
|
| if (sourceZoneId != null)
|
| moreCriteria.push("&sourcezoneid="+sourceZoneId);
|
|
|
| populateZoneField($("#dialog_copy_iso #copy_iso_zone"), sourceZoneId);
|
|
|
| $("#dialog_copy_iso #copy_iso_name_text").text(name); //ISO name
|
|
|
| var sourceZoneName = thisTemplate.data("zoneName");
|
| $("#dialog_copy_iso #copy_iso_source_zone_text").text(sourceZoneName); // source zone
|
|
|
| $("#dialog_copy_iso")
|
| .dialog('option', 'buttons', {
|
| "OK": function() {
|
| var thisDialog = $(this);
|
|
|
| var isValid = true;
|
| isValid &= validateDropDownBox("Zone", thisDialog.find("#copy_iso_zone"), thisDialog.find("#copy_iso_zone_errormsg"), false); //reset error text
|
| if (!isValid) return;
|
|
|
| var destZoneId = thisDialog.find("#copy_iso_zone").val();
|
| thisDialog.dialog("close");
|
|
|
| var loadingImg = thisTemplate.find(".adding_loading");
|
| var rowContainer = thisTemplate.find("#row_container");
|
| loadingImg.find(".adding_text").text("Copying....");
|
| loadingImg.show();
|
| rowContainer.hide();
|
|
|
| $.ajax({
|
| data: "command=copyIso&id="+id+"&sourcezoneid="+sourceZoneId+"&destzoneid="+destZoneId+"&response=json",
|
| dataType: "json",
|
| success: function(json) {
|
| var jobId = json.copyisoresponse.jobid;
|
| var timerKey = "copyIsoJob"+jobId;
|
|
|
| $("body").everyTime(2000, timerKey, function() {
|
| $.ajax({
|
| data: "command=queryAsyncJobResult&jobId="+json.copyisoresponse.jobid+"&response=json",
|
| 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) {
|
| $("#dialog_info").html("<p>ISO download started (ID: <b>"+result.copytemplateresponse[0].id+"</b>, Zone: <b>"+fromdb(result.copytemplateresponse[0].zonename)+"</b>, Name: <b>"+fromdb(result.copytemplateresponse[0].name)+"</b>) . Check the progress...</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| currentPage=1; //refresh the whole ISO grid until Keshav changes copyIso to return the newly created ISO.
|
| listIsos();
|
| } else if (result.jobstatus == 2) {
|
| $("#dialog_alert").html("<p>" + fromdb(result.jobresult) + "</p>").dialog("open");
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| }
|
| },
|
| error: function(XMLHttpResponse) {
|
| $("body").stopTime(timerKey);
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| }, 0);
|
| },
|
| error: function(XMLHttpResponse) {
|
| handleError(XMLHttpResponse);
|
| loadingImg.hide();
|
| rowContainer.show();
|
| }
|
| });
|
| },
|
| "Cancel": function() {
|
| $(this).dialog("close");
|
| }
|
| }).dialog("open");
|
| });
|
| template.find("#iso_create_vm").data("parentElementId", "iso"+json.id+"_zone"+json.zoneid).bind("click", function(event) {
|
| createVMFromTemplateOrISO($(this), "iso");
|
| });
|
| }
|
| //*** isoJSONToTemplate (end) *******************************
|
|
|
| function listIsos() {
|
| var submenuContent = $("#submenu_content_iso");
|
|
|
| var type = $("#iso_type").val(); //my template, community
|
| var commandString;
|
| var advanced = submenuContent.find("#search_button").data("advanced");
|
| if (advanced != null && advanced) {
|
| var name = submenuContent.find("#advanced_search #adv_search_name").val();
|
| var moreCriteria = [];
|
| if (name!=null && trim(name).length > 0)
|
| moreCriteria.push("&name="+encodeURIComponent(trim(name)));
|
| commandString = "command=listIsos&page="+currentPage+moreCriteria.join("")+"&isofilter="+type+"&response=json";
|
| } else {
|
| var searchInput = $("#submenu_content_iso #search_input").val(); //keyword
|
| if (searchInput != null && searchInput.length > 0)
|
| commandString = "command=listIsos&page="+currentPage+"&keyword="+searchInput+"&isofilter="+type+"&response=json"
|
| else
|
| commandString = "command=listIsos&page="+currentPage+"&isofilter="+type+"&response=json";
|
| }
|
|
|
| //listItems(submenuContent, commandString, jsonResponse1, jsonResponse2, template, fnJSONToTemplate);
|
| listItems(submenuContent, commandString, "listisosresponse", "iso", $("#vm_iso_template"), isoJSONToTemplate);
|
| }
|
|
|
| submenuContentEventBinder($("#submenu_content_iso"), listIsos);
|
|
|
| $("#iso_type").bind("change", function(event){
|
| currentPage=1;
|
| event.preventDefault();
|
| listIsos();
|
| });
|
|
|
| $("#submenu_iso").bind("click", function(event) {
|
| event.preventDefault();
|
|
|
| $(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
|
| currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
|
| currentSubMenu = $(this);
|
|
|
| var submenuContent = $("#submenu_content_iso").show();
|
| $("#submenu_content_template").hide();
|
|
|
| currentPage=1;
|
| listIsos();
|
| });
|
|
|
| // *** ISO (end) ***
|
|
|
|
|
|
|
| var currentSubMenu = $("#submenu_template");
|
| currentSubMenu.click();
|
|
|
| if(isAdmin())
|
| $("#dialog_add_template #add_template_featured_container, #dialog_edit_template #edit_template_featured_container").show();
|
| else
|
| $("#dialog_add_template #add_template_featured_container, #dialog_edit_template #edit_template_featured_container").hide();
|
| } |
