[Kimchi-devel] [PATCH] [Kimchi] Issue #968: Kimchi is searching for 'undefined' VM
sguimaraes943 at gmail.com
sguimaraes943 at gmail.com
Fri Jul 22 19:27:47 UTC 2016
From: Samuel Guimarães <sguimaraes943 at gmail.com>
This commit also fixes an issue with an undefined variable with wok.substitute() when quickly switching from Guests to Templates tab.
Signed-off-by: Samuel Guimarães <sguimaraes943 at gmail.com>
---
ui/js/src/kimchi.guest_main.js | 919 +++++++++++++++++++-------------------
ui/js/src/kimchi.template_main.js | 4 +-
2 files changed, 463 insertions(+), 460 deletions(-)
diff --git a/ui/js/src/kimchi.guest_main.js b/ui/js/src/kimchi.guest_main.js
index 605cd2d..ab26fa4 100644
--- a/ui/js/src/kimchi.guest_main.js
+++ b/ui/js/src/kimchi.guest_main.js
@@ -313,6 +313,466 @@ kimchi.initClone = function() {
wok.window.close();
};
+kimchi.guestSetRequestHeader = function(xhr) {
+ xhr.setRequestHeader('Accept', 'text/html');
+};
+
+kimchi.toggleGuestsGallery = function() {
+ $(".wok-guest-list, .wok-guest-gallery").toggleClass("wok-guest-list wok-guest-gallery");
+ $(".wok-list, .wok-gallery").toggleClass("wok-list wok-gallery");
+ var text = $('#guest-gallery-table-button span.text').text();
+ $('#guest-gallery-table-button span.text').text(text == i18n['KCHTMPL6005M'] ? i18n['KCHTMPL6004M'] : i18n['KCHTMPL6005M']);
+ var buttonText = $('#guest-gallery-table-button span.text').text();
+ if (buttonText.indexOf("Gallery") !== -1) {
+ // Currently in list view
+ kimchi.setGuestView("guestView", "list");
+ } else {
+ // Currently in gallery
+ kimchi.setGuestView("guestView", "gallery");
+ }
+};
+
+kimchi.setGuestView = function(name, value) {
+ window.localStorage.setItem(name, value);
+};
+
+kimchi.readGuestView = function(name) {
+ var viewName = window.localStorage.getItem(name);
+ if (viewName !== "") {
+ return viewName;
+ } else {
+ return null;
+ }
+};
+
+kimchi.showGuestGallery = function() {
+ $(".wok-guest-list").addClass("wok-guest-gallery");
+ $(".wok-list").addClass("wok-gallery");
+ $(".wok-guest-gallery").removeClass("wok-guest-list");
+ $(".wok-gallery").removeClass("wok-list");
+ $('#guest-gallery-table-button span.text').text(i18n['KCHTMPL6004M']);
+};
+
+kimchi.showGuestList = function() {
+ $(".wok-guest-list").removeClass("wok-guest-gallery");
+ $(".wok-list").removeClass("wok-gallery");
+ $(".wok-guest-gallery").addClass("wok-guest-list");
+ $(".wok-gallery").addClass("wok-list");
+ $('#guest-gallery-table-button span.text').text(i18n['KCHTMPL6005M']);
+};
+
+kimchi.guest_main = function() {
+ $('body').addClass('wok-list');
+ var viewFound = kimchi.readGuestView("guestView");
+ if (viewFound) {
+ if(viewFound === "gallery") {
+ // should be showing gallery
+ kimchi.showGuestGallery();
+ } else {
+ // Should be showing list
+ kimchi.showGuestList();
+ }
+ } else {
+ // Default to showing list
+ kimchi.showGuestList();
+ }
+ if (wok.tabMode['guests'] === 'admin') {
+ $('.tools').attr('style', 'display');
+ $("#vm-add").on("click", function(event) {
+ wok.window.open('plugins/kimchi/guest-add.html');
+ });
+ }
+ kimchi.guestTemplate = $('#guest-tmpl').html();
+ kimchi.guestElem = $('<div/>').html(kimchi.guestTemplate).find('li[name="guest"]');
+ $('#guests-root-container').on('remove', function() {
+ kimchi.vmTimeout && clearTimeout(kimchi.vmTimeout);
+ });
+
+ $('#guest-gallery-table-button').on('click', function(event) {
+ kimchi.toggleGuestsGallery();
+ });
+
+ kimchi.resetGuestFilter();
+ kimchi.initGuestFilter();
+ kimchi.listVmsAuto();
+};
+
+kimchi.guest_clonevm_main = function() {
+ kimchi.initCloneDialog();
+};
+
+kimchi.initCloneDialog = function(callback) {
+ $("#numberClone").val("1");
+ $("#cloneFormOk").on("click", function() {
+ //Check if input is a number
+ var numClone = parseInt($('#numberClone').val());
+ var err = "";
+ if (isNaN(numClone)) {
+ err = i18n['KCHVM0001E'];
+ wok.message.error(err,'#alert-modal-container');
+ } else {
+ $("#cloneFormOk").prop("disabled", true);
+ kimchi.initClone();
+ }
+ });
+};
+
+
+kimchi.createGuestLi = function(vmObject, prevScreenImage, openMenu) {
+ var result;
+ if (typeof kimchi.guestElem !== 'undefined') {
+ result = kimchi.guestElem.clone();
+ //Setup the VM list entry
+ var currentState = result.find('.guest-state');
+ var vmRunningBool = (vmObject.state == "running");
+ var vmSuspendedBool = (vmObject.state == "paused");
+ var vmPoweredOffBool = (vmObject.state == "shutoff");
+ var vmPersistent = (vmObject.persistent == true);
+
+ if (vmObject.state !== 'undefined') {
+ currentState.addClass(vmObject.state);
+ };
+ result.attr('id', vmObject.name);
+ result.data(vmObject);
+
+ //Add the Name
+ var guestTitle = result.find('.title').attr({ 'val': vmObject.name, 'title': vmObject.name });
+ guestTitle.html(vmObject.name);
+
+ if (vmObject.screenshot !== null) {
+ var scrensh = result.find('.screenshot').css('background-image', 'url(' + vmObject.screenshot + ')');
+ scrensh.attr('title', vmObject.name);
+ } else {
+ var scrensh = result.find('.screenshot').css('background-image', 'none');
+ scrensh.attr('title', vmObject.name);
+ }
+
+ //Add the OS Type and Icon
+ var osType = result.find('.column-type.distro-icon');
+ if (vmObject.icon == 'plugins/kimchi/images/icon-fedora.png') {
+ osType.addClass('icon-fedora');
+ osType.attr('val', 'Fedora');
+ osType.html('Fedora');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-ubuntu.png') {
+ osType.addClass('icon-ubuntu');
+ osType.attr('val', 'Ubuntu');
+ osType.html('Ubuntu');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-centos.png') {
+ osType.addClass('icon-centos');
+ osType.attr('val', 'Centos');
+ osType.html('Centos');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-opensuse.png') {
+ osType.addClass('icon-opensuse');
+ osType.attr('val', 'openSUSE');
+ osType.html('openSUSE');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-gentoo.png') {
+ osType.addClass('icon-gentoo');
+ osType.attr('val', 'Gentoo');
+ osType.html('Gentoo');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-debian.png') {
+ osType.addClass('icon-debian');
+ osType.attr('val', 'Debian');
+ osType.html('Debian');
+ } else if (vmObject.icon !== null) {
+ osType.css('background-image', vmObject.icon);
+ osType.attr('val', 'Unknown');
+ osType.html('Unknown');
+ } else {
+ //Unknown
+ osType.addClass('icon-unknown');
+ osType.attr('val', 'Unknown');
+ osType.html('Unknown');
+ }
+ //Add the OS Icon to VM name in Gallery View
+ var osName = result.find('.column-name.distro-icon');
+ if (vmObject.icon == 'plugins/kimchi/images/icon-fedora.png') {
+ osName.addClass('icon-fedora');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-ubuntu.png') {
+ osName.addClass('icon-ubuntu');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-centos.png') {
+ osName.addClass('icon-centos');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-opensuse.png') {
+ osName.addClass('icon-opensuse');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-gentoo.png') {
+ osName.addClass('icon-gentoo');
+ } else if (vmObject.icon == 'plugins/kimchi/images/icon-debian.png') {
+ osName.addClass('icon-debian');
+ } else if (vmObject.icon !== null) {
+ osName.css('background-image', vmObject.icon);
+ } else {
+ osName.addClass('icon-unknown');
+ }
+
+ //Setup the VM console thumbnail display
+ var curImg = vmObject.icon;
+ if (vmObject.screenshot) {
+ curImg = vmObject.screenshot.replace(/^\//, '');
+ }
+ var load_src = curImg || 'plugins/kimchi/images/icon-vm.png';
+ var tile_src = prevScreenImage || vmObject['load-src'];
+ var liveTile = result.find('div[name=guest-tile] > .tile');
+ liveTile.addClass(vmObject.state);
+ liveTile.find('.imgactive').attr('src', tile_src);
+ var imgLoad = liveTile.find('.imgload');
+ imgLoad.on('load', function() {
+ var oldImg = $(this).parent().find('.imgactive');
+ oldImg.removeClass("imgactive").addClass("imgload");
+ oldImg.attr("src", "");
+ $(this).addClass("imgactive").removeClass("imgload");
+ $(this).off('load');
+ });
+ imgLoad.attr('src', load_src);
+
+ //Link the stopped tile to the start action, the running tile to open the console, and the paused tile to resume
+ if (!(vmObject.isCloning || vmObject.isCreating || vmObject.isMigrating)) {
+ if (vmPoweredOffBool) {
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.vmresume(event);
+ });
+ liveTile.on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmstart(event);
+ });
+ liveTile.hover("click", function(event) {
+ event.preventDefault();
+ $(this).find('.overlay').show()
+ }, function(event) {
+ $(this).find('.overlay').hide()
+ });
+ } else if (vmSuspendedBool) {
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.vmstart(event);
+ });
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ liveTile.on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmresume(event);
+ });
+ liveTile.hover("click", function(event) {
+ event.preventDefault();
+ $(this).find('.overlay').show()
+ }, function(event) {
+ $(this).find('.overlay').hide()
+ });
+ if (vmObject.state = "paused") {
+ liveTile.find('.overlay').attr('src', "plugins/kimchi/images/theme-default/ac24_resume.png");
+ liveTile.find('.overlay').attr('alt', "Resume");
+ }
+ liveTile.hover(function(event) {
+ $(this).find('.overlay').show()
+ }, function(event) {
+ $(this).find('.overlay').hide()
+ });
+ } else {
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.vmstart(event);
+ });
+ liveTile.off("click", function(event) {
+ event.preventDefault();
+ kimchi.vmresume(event);
+ });
+ liveTile.on("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ }
+ }
+
+ //Setup progress bars
+ if (!vmPoweredOffBool) {
+ var cpuUtilization = 0;
+ var cpuMaxThreshold = 80;
+ var cpuMediumThreshold = 60;
+ cpuUtilization = parseInt(vmObject.stats.cpu_utilization);
+ result.find('.cpu-progress-bar').width(cpuUtilization + '%');
+ result.find('.processors-percentage').html(cpuUtilization + '%');
+ result.find('.medium-grey.cpu').width(cpuMaxThreshold + '%');
+ result.find('.light-grey.cpu').width(cpuMediumThreshold + '%');
+
+ var memoryUtilization = 0;
+ var memoryMaxThreshold = 80;
+ var memoryMediumThreshold = 60;
+ memoryUtilization = parseInt(vmObject.stats.mem_utilization);
+ result.find('.memory-progress-bar').width(memoryUtilization + '%');
+ result.find('.memory-percentage').html(memoryUtilization + '%');
+ result.find('.medium-grey.memory').width(memoryMaxThreshold + '%');
+ result.find('.light-grey.memory').width(memoryMediumThreshold + '%');
+
+ var ioThroughput = 0;
+ var ioMaxThreshold = 80;
+ var ioMediumThreshold = 60;
+ ioValue = parseInt(vmObject.stats.io_throughput);
+ ioThroughput = (ioValue * 100 / vmObject.stats.io_throughput_peak);
+ result.find('.storage-progress-bar').width(ioThroughput + '%');
+ result.find('.storage-percentage').html(Math.round(ioThroughput) + 'KB/s');
+ result.find('.medium-grey.io').width(ioMaxThreshold + '%');
+ result.find('.light-grey.io').width(ioMediumThreshold + '%');
+
+ var netThroughput = 0;
+ var netMaxThreshold = 80;
+ var netMediumThreshold = 60;
+ netValue = parseInt(vmObject.stats.net_throughput);
+ netThroughput = (netValue * 100 / vmObject.stats.net_throughput_peak);
+ result.find('.network-progress-bar').width(netThroughput + '%');
+ result.find('.network-percentage').html(Math.round(netThroughput) + 'KB/s');
+ result.find('.medium-grey.network').width(netMaxThreshold + '%');
+ result.find('.light-grey.network').width(netMediumThreshold + '%');
+ } else {
+ result.find('.progress').css("display", "none");
+ result.find('.percentage-label').html('--');
+ result.find('.measure-label').html('--');
+ }
+
+ //Setup the VM Actions
+ var guestActions = result.find("div[name=guest-actions]");
+ guestActions.find(".shutoff-disabled").prop("disabled", !vmRunningBool);
+ guestActions.find(".running-disabled").prop("disabled", vmRunningBool);
+ guestActions.find(".non-persistent-disabled").prop("disabled", !vmPersistent);
+ guestActions.find(".reset-disabled").prop("disabled", vmPoweredOffBool || !vmPersistent);
+ guestActions.find(".pause-disabled").prop("disabled", vmPoweredOffBool || !vmPersistent);
+
+ if (vmSuspendedBool) { //VM is paused
+ //Hide Start
+ guestActions.find(".running-hidden").hide();
+ //Hide Pause button and menu
+ guestActions.find(".pause-disabled").hide();
+ guestActions.find(".pause-hidden").hide();
+ }
+
+ if (vmRunningBool) { //VM IS running
+ //Hide Start
+ guestActions.find(".running-hidden").hide();
+ //Hide Resume
+ guestActions.find(".resume-hidden").hide();
+ }
+
+ if (vmPoweredOffBool) { //VM is powered off
+ result.addClass('inactive');
+ result.find('.distro-icon').addClass('inactive');
+ result.find('.vnc-link').css("display", "none");
+ result.find('.column-vnc').html('--');
+ //Hide PowerOff
+ guestActions.find(".shutoff-hidden").hide();
+ //Hide Pause
+ guestActions.find(".pause-hidden").hide();
+ //Hide Resume
+ guestActions.find(".resume-hidden").hide();
+ }
+
+ var serialConsoleLinkActions = guestActions.find("[name=vm-serial-console]");
+ serialConsoleLinkActions.on("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmSerialConsole(event);
+ });
+
+ var consoleActions = guestActions.find("[name=vm-console]");
+ var consoleLinkActions = result.find(".vnc-link");
+
+ if (((vmObject.graphics['type'] == 'vnc') || (vmObject.graphics['type'] == 'spice')) && (!vmPoweredOffBool)) {
+ consoleActions.on("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ consoleLinkActions.on("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ consoleActions.show();
+ } else { //we don't recognize the VMs supported graphics, so hide the menu choice
+ result.find('.vnc-link').css("display", "none");
+ result.find('.column-vnc').html('--');
+ consoleActions.hide();
+ consoleActions.off("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ consoleLinkActions.off("click", function(event) {
+ event.preventDefault();
+ kimchi.openVmConsole(event);
+ });
+ }
+
+ //Setup action event handlers
+ if (!(vmObject.isCloning || vmObject.isCreating || vmObject.isMigrating)) {
+
+ guestActions.find("[name=vm-start]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmstart(event);
+ });
+ guestActions.find("[name=vm-poweroff]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmpoweroff(event);
+ });
+ if ((vmRunningBool) || (vmSuspendedBool)) {
+ //If the guest is not running, do not enable reset; otherwise, reset is enabled (when running or paused)
+ guestActions.find("[name=vm-reset]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmreset(event);
+ });
+ //If the guest is not running, do not enable shutdown;otherwise, shutdown is enabled (when running or paused)
+ guestActions.find("[name=vm-shutdown]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmshutdown(event);
+ });
+ }
+
+ if (vmSuspendedBool) {
+ guestActions.find("[name=vm-resume]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmresume(event);
+ });
+ }
+
+ if (vmRunningBool) {
+ guestActions.find("[name=vm-pause]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmsuspend(event);
+ });
+ }
+
+ guestActions.find("[name=vm-edit]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmedit(event);
+ });
+ guestActions.find("[name=vm-delete]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmdelete(event);
+ });
+ guestActions.find("[name=vm-clone]").on("click", function(event) {
+ event.preventDefault();
+ kimchi.vmclone(event);
+ });
+ guestActions.find("[name=vm-migrate]").on('click', function(event) {
+ event.preventDefault();
+ kimchi.vmmigrate(event);
+ });
+ } else {
+ guestActions.find('.btn').attr('disabled', true);
+ result.find('.guest-done').addClass('hidden');
+ result.find('.guest-state').addClass('hidden');
+ result.find('.guest-pending').removeClass('hidden');
+ pendingText = result.find('.guest-pending .text')
+ if (vmObject.isCloning)
+ pendingText.text(i18n['KCHAPI6009M']);
+ else if (vmObject.isMigrating)
+ pendingText.text(i18n['KCHAPI6012M']);
+ else
+ pendingText.text(i18n['KCHAPI6008M']);
+ }
+ }
+ return result;
+};
+
kimchi.listVmsAuto = function() {
$('#guests-root-container > .wok-mask').removeClass('hidden');
@@ -458,465 +918,6 @@ kimchi.listVmsAuto = function() {
}
};
-kimchi.createGuestLi = function(vmObject, prevScreenImage, openMenu) {
- var result = kimchi.guestElem.clone();
- //Setup the VM list entry
- var currentState = result.find('.guest-state');
- var vmRunningBool = (vmObject.state == "running");
- var vmSuspendedBool = (vmObject.state == "paused");
- var vmPoweredOffBool = (vmObject.state == "shutoff");
- var vmPersistent = (vmObject.persistent == true);
-
- if (vmObject.state !== 'undefined') {
- currentState.addClass(vmObject.state);
- };
- result.attr('id', vmObject.name);
- result.data(vmObject);
-
- //Add the Name
- var guestTitle = result.find('.title').attr({'val': vmObject.name, 'title': vmObject.name});
- guestTitle.html(vmObject.name);
-
- if(vmObject.screenshot !== null){
- var scrensh = result.find('.screenshot').css('background-image', 'url('+vmObject.screenshot+')');
- scrensh.attr('title', vmObject.name);
- } else {
- var scrensh = result.find('.screenshot').css('background-image', 'none');
- scrensh.attr('title', vmObject.name);
- }
-
- //Add the OS Type and Icon
- var osType = result.find('.column-type.distro-icon');
- if (vmObject.icon == 'plugins/kimchi/images/icon-fedora.png') {
- osType.addClass('icon-fedora');
- osType.attr('val', 'Fedora');
- osType.html('Fedora');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-ubuntu.png') {
- osType.addClass('icon-ubuntu');
- osType.attr('val', 'Ubuntu');
- osType.html('Ubuntu');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-centos.png') {
- osType.addClass('icon-centos');
- osType.attr('val', 'Centos');
- osType.html('Centos');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-opensuse.png') {
- osType.addClass('icon-opensuse');
- osType.attr('val', 'openSUSE');
- osType.html('openSUSE');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-gentoo.png') {
- osType.addClass('icon-gentoo');
- osType.attr('val', 'Gentoo');
- osType.html('Gentoo');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-debian.png') {
- osType.addClass('icon-debian');
- osType.attr('val', 'Debian');
- osType.html('Debian');
- } else if (vmObject.icon !== null) {
- osType.css('background-image',vmObject.icon);
- osType.attr('val', 'Unknown');
- osType.html('Unknown');
- } else {
- //Unknown
- osType.addClass('icon-unknown');
- osType.attr('val', 'Unknown');
- osType.html('Unknown');
- }
- //Add the OS Icon to VM name in Gallery View
- var osName = result.find('.column-name.distro-icon');
- if (vmObject.icon == 'plugins/kimchi/images/icon-fedora.png') {
- osName.addClass('icon-fedora');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-ubuntu.png') {
- osName.addClass('icon-ubuntu');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-centos.png') {
- osName.addClass('icon-centos');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-opensuse.png') {
- osName.addClass('icon-opensuse');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-gentoo.png') {
- osName.addClass('icon-gentoo');
- } else if (vmObject.icon == 'plugins/kimchi/images/icon-debian.png') {
- osName.addClass('icon-debian');
- } else if (vmObject.icon !== null) {
- osName.css('background-image',vmObject.icon);
- } else {
- osName.addClass('icon-unknown');
- }
-
- //Setup the VM console thumbnail display
- var curImg = vmObject.icon;
- if (vmObject.screenshot) {
- curImg = vmObject.screenshot.replace(/^\//, '');
- }
- var load_src = curImg || 'plugins/kimchi/images/icon-vm.png';
- var tile_src = prevScreenImage || vmObject['load-src'];
- var liveTile = result.find('div[name=guest-tile] > .tile');
- liveTile.addClass(vmObject.state);
- liveTile.find('.imgactive').attr('src', tile_src);
- var imgLoad = liveTile.find('.imgload');
- imgLoad.on('load', function() {
- var oldImg = $(this).parent().find('.imgactive');
- oldImg.removeClass("imgactive").addClass("imgload");
- oldImg.attr("src", "");
- $(this).addClass("imgactive").removeClass("imgload");
- $(this).off('load');
- });
- imgLoad.attr('src', load_src);
-
- //Link the stopped tile to the start action, the running tile to open the console, and the paused tile to resume
- if (!(vmObject.isCloning || vmObject.isCreating || vmObject.isMigrating)) {
- if (vmPoweredOffBool) {
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.vmresume(event);
- });
- liveTile.on("click", function(event) {
- event.preventDefault();
- kimchi.vmstart(event);
- });
- liveTile.hover("click", function(event) {
- event.preventDefault();
- $(this).find('.overlay').show()
- }, function(event) {
- $(this).find('.overlay').hide()
- });
- } else if (vmSuspendedBool) {
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.vmstart(event);
- });
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- liveTile.on("click", function(event) {
- event.preventDefault();
- kimchi.vmresume(event);
- });
- liveTile.hover("click", function(event) {
- event.preventDefault();
- $(this).find('.overlay').show()
- }, function(event) {
- $(this).find('.overlay').hide()
- });
- if (vmObject.state = "paused") {
- liveTile.find('.overlay').attr('src', "plugins/kimchi/images/theme-default/ac24_resume.png");
- liveTile.find('.overlay').attr('alt', "Resume");
- }
- liveTile.hover(function(event) {
- $(this).find('.overlay').show()
- }, function(event) {
- $(this).find('.overlay').hide()
- });
- } else {
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.vmstart(event);
- });
- liveTile.off("click", function(event) {
- event.preventDefault();
- kimchi.vmresume(event);
- });
- liveTile.on("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- }
- }
-
- //Setup progress bars
- if (!vmPoweredOffBool) {
- var cpuUtilization = 0;
- var cpuMaxThreshold = 80;
- var cpuMediumThreshold = 60;
- cpuUtilization = parseInt(vmObject.stats.cpu_utilization);
- result.find('.cpu-progress-bar').width(cpuUtilization + '%');
- result.find('.processors-percentage').html(cpuUtilization + '%');
- result.find('.medium-grey.cpu').width(cpuMaxThreshold + '%');
- result.find('.light-grey.cpu').width(cpuMediumThreshold + '%');
-
- var memoryUtilization = 0;
- var memoryMaxThreshold = 80;
- var memoryMediumThreshold = 60;
- memoryUtilization = parseInt(vmObject.stats.mem_utilization);
- result.find('.memory-progress-bar').width(memoryUtilization + '%');
- result.find('.memory-percentage').html(memoryUtilization + '%');
- result.find('.medium-grey.memory').width(memoryMaxThreshold + '%');
- result.find('.light-grey.memory').width(memoryMediumThreshold + '%');
-
- var ioThroughput = 0;
- var ioMaxThreshold = 80;
- var ioMediumThreshold = 60;
- ioValue = parseInt(vmObject.stats.io_throughput);
- ioThroughput = (ioValue * 100 / vmObject.stats.io_throughput_peak);
- result.find('.storage-progress-bar').width(ioThroughput + '%');
- result.find('.storage-percentage').html(Math.round(ioThroughput) + 'KB/s');
- result.find('.medium-grey.io').width(ioMaxThreshold + '%');
- result.find('.light-grey.io').width(ioMediumThreshold + '%');
-
- var netThroughput = 0;
- var netMaxThreshold = 80;
- var netMediumThreshold = 60;
- netValue = parseInt(vmObject.stats.net_throughput);
- netThroughput = (netValue * 100 / vmObject.stats.net_throughput_peak);
- result.find('.network-progress-bar').width(netThroughput + '%');
- result.find('.network-percentage').html(Math.round(netThroughput) + 'KB/s');
- result.find('.medium-grey.network').width(netMaxThreshold + '%');
- result.find('.light-grey.network').width(netMediumThreshold + '%');
- } else {
- result.find('.progress').css("display", "none");
- result.find('.percentage-label').html('--');
- result.find('.measure-label').html('--');
- }
-
- //Setup the VM Actions
- var guestActions = result.find("div[name=guest-actions]");
- guestActions.find(".shutoff-disabled").prop("disabled", !vmRunningBool);
- guestActions.find(".running-disabled").prop("disabled", vmRunningBool);
- guestActions.find(".non-persistent-disabled").prop("disabled", !vmPersistent);
- guestActions.find(".reset-disabled").prop("disabled", vmPoweredOffBool || !vmPersistent);
- guestActions.find(".pause-disabled").prop("disabled", vmPoweredOffBool || !vmPersistent);
-
- if (vmSuspendedBool) { //VM is paused
- //Hide Start
- guestActions.find(".running-hidden").hide();
- //Hide Pause button and menu
- guestActions.find(".pause-disabled").hide();
- guestActions.find(".pause-hidden").hide();
- }
-
- if (vmRunningBool) { //VM IS running
- //Hide Start
- guestActions.find(".running-hidden").hide();
- //Hide Resume
- guestActions.find(".resume-hidden").hide();
- }
-
- if (vmPoweredOffBool) { //VM is powered off
- result.addClass('inactive');
- result.find('.distro-icon').addClass('inactive');
- result.find('.vnc-link').css("display", "none");
- result.find('.column-vnc').html('--');
- //Hide PowerOff
- guestActions.find(".shutoff-hidden").hide();
- //Hide Pause
- guestActions.find(".pause-hidden").hide();
- //Hide Resume
- guestActions.find(".resume-hidden").hide();
- }
-
- var serialConsoleLinkActions = guestActions.find("[name=vm-serial-console]");
- serialConsoleLinkActions.on("click", function(event) {
- event.preventDefault();
- kimchi.openVmSerialConsole(event);
- });
-
- var consoleActions = guestActions.find("[name=vm-console]");
- var consoleLinkActions = result.find(".vnc-link");
-
- if (((vmObject.graphics['type'] == 'vnc') || (vmObject.graphics['type'] == 'spice'))
- && (!vmPoweredOffBool)) {
- consoleActions.on("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- consoleLinkActions.on("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- consoleActions.show();
- } else { //we don't recognize the VMs supported graphics, so hide the menu choice
- result.find('.vnc-link').css("display", "none");
- result.find('.column-vnc').html('--');
- consoleActions.hide();
- consoleActions.off("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- consoleLinkActions.off("click", function(event) {
- event.preventDefault();
- kimchi.openVmConsole(event);
- });
- }
-
- //Setup action event handlers
- if (!(vmObject.isCloning || vmObject.isCreating || vmObject.isMigrating)) {
-
- guestActions.find("[name=vm-start]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmstart(event);
- });
- guestActions.find("[name=vm-poweroff]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmpoweroff(event);
- });
- if ((vmRunningBool) || (vmSuspendedBool)) {
- //If the guest is not running, do not enable reset; otherwise, reset is enabled (when running or paused)
- guestActions.find("[name=vm-reset]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmreset(event);
- });
- //If the guest is not running, do not enable shutdown;otherwise, shutdown is enabled (when running or paused)
- guestActions.find("[name=vm-shutdown]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmshutdown(event);
- });
- }
-
- if (vmSuspendedBool) {
- guestActions.find("[name=vm-resume]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmresume(event);
- });
- }
-
- if (vmRunningBool) {
- guestActions.find("[name=vm-pause]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmsuspend(event);
- });
- }
-
- guestActions.find("[name=vm-edit]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmedit(event);
- });
- guestActions.find("[name=vm-delete]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmdelete(event);
- });
- guestActions.find("[name=vm-clone]").on("click", function(event) {
- event.preventDefault();
- kimchi.vmclone(event);
- });
- guestActions.find("[name=vm-migrate]").on('click', function(event) {
- event.preventDefault();
- kimchi.vmmigrate(event);
- });
- } else {
- guestActions.find('.btn').attr('disabled', true);
- result.find('.guest-done').addClass('hidden');
- result.find('.guest-state').addClass('hidden');
- result.find('.guest-pending').removeClass('hidden');
- pendingText = result.find('.guest-pending .text')
- if (vmObject.isCloning)
- pendingText.text(i18n['KCHAPI6009M']);
- else if (vmObject.isMigrating)
- pendingText.text(i18n['KCHAPI6012M']);
- else
- pendingText.text(i18n['KCHAPI6008M']);
- }
- return result;
-};
-
-kimchi.guestSetRequestHeader = function(xhr) {
- xhr.setRequestHeader('Accept', 'text/html');
-};
-
-kimchi.toggleGuestsGallery = function() {
- $(".wok-guest-list, .wok-guest-gallery").toggleClass("wok-guest-list wok-guest-gallery");
- $(".wok-list, .wok-gallery").toggleClass("wok-list wok-gallery");
- var text = $('#guest-gallery-table-button span.text').text();
- $('#guest-gallery-table-button span.text').text(text == i18n['KCHTMPL6005M'] ? i18n['KCHTMPL6004M'] : i18n['KCHTMPL6005M']);
- var buttonText = $('#guest-gallery-table-button span.text').text();
- if (buttonText.indexOf("Gallery") !== -1) {
- // Currently in list view
- kimchi.setGuestView("guestView", "list");
- } else {
- // Currently in gallery
- kimchi.setGuestView("guestView", "gallery");
- }
-};
-
-kimchi.setGuestView = function(name, value) {
- window.localStorage.setItem(name, value);
-};
-
-kimchi.readGuestView = function(name) {
- var viewName = window.localStorage.getItem(name);
- if (viewName !== "") {
- return viewName;
- } else {
- return null;
- }
-};
-
-kimchi.showGuestGallery = function() {
- $(".wok-guest-list").addClass("wok-guest-gallery");
- $(".wok-list").addClass("wok-gallery");
- $(".wok-guest-gallery").removeClass("wok-guest-list");
- $(".wok-gallery").removeClass("wok-list");
- $('#guest-gallery-table-button span.text').text(i18n['KCHTMPL6004M']);
-};
-
-kimchi.showGuestList = function() {
- $(".wok-guest-list").removeClass("wok-guest-gallery");
- $(".wok-list").removeClass("wok-gallery");
- $(".wok-guest-gallery").addClass("wok-guest-list");
- $(".wok-gallery").addClass("wok-list");
- $('#guest-gallery-table-button span.text').text(i18n['KCHTMPL6005M']);
-};
-
-kimchi.guest_main = function() {
- $('body').addClass('wok-list');
- var viewFound = kimchi.readGuestView("guestView");
- if (viewFound) {
- if(viewFound === "gallery") {
- // should be showing gallery
- kimchi.showGuestGallery();
- } else {
- // Should be showing list
- kimchi.showGuestList();
- }
- } else {
- // Default to showing list
- kimchi.showGuestList();
- }
- if (wok.tabMode['guests'] === 'admin') {
- $('.tools').attr('style', 'display');
- $("#vm-add").on("click", function(event) {
- wok.window.open('plugins/kimchi/guest-add.html');
- });
- }
- kimchi.guestTemplate = $('#guest-tmpl').html();
- kimchi.guestElem = $('<div/>').html(kimchi.guestTemplate).find('li[name="guest"]');
- $('#guests-root-container').on('remove', function() {
- kimchi.vmTimeout && clearTimeout(kimchi.vmTimeout);
- });
-
- $('#guest-gallery-table-button').on('click', function(event) {
- kimchi.toggleGuestsGallery();
- });
-
- kimchi.resetGuestFilter();
- kimchi.initGuestFilter();
- kimchi.listVmsAuto();
-};
-
-kimchi.guest_clonevm_main = function() {
- kimchi.initCloneDialog();
-};
-
-kimchi.initCloneDialog = function(callback) {
- $("#numberClone").val("1");
- $("#cloneFormOk").on("click", function() {
- //Check if input is a number
- var numClone = parseInt($('#numberClone').val());
- var err = "";
- if (isNaN(numClone)) {
- err = i18n['KCHVM0001E'];
- wok.message.error(err,'#alert-modal-container');
- } else {
- $("#cloneFormOk").prop("disabled", true);
- kimchi.initClone();
- }
- });
-};
-
-
-
kimchi.editTemplate = function(guestTemplate, oldPopStat) {
if (oldPopStat) {
return guestTemplate.replace("vm-action", "vm-action open");
diff --git a/ui/js/src/kimchi.template_main.js b/ui/js/src/kimchi.template_main.js
index ed49246..302d906 100644
--- a/ui/js/src/kimchi.template_main.js
+++ b/ui/js/src/kimchi.template_main.js
@@ -28,7 +28,9 @@ kimchi.doListTemplates = function() {
if ($.isEmptyObject(value.invalid)) {
value.invalid_indicator = "valid";
}
- listHtml += wok.substitute(templateHtml, value);
+ if (typeof templateHtml !== 'undefined') {
+ listHtml += wok.substitute(templateHtml, value);
+ }
});
$('ul#templates-grid').removeClass('hidden');
$('#templates-container').removeClass('hidden');
--
1.9.3
More information about the Kimchi-devel
mailing list