From eb92c3e5ab0fc03921650967ec4325839417ea02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Mart=C3=ADn?= <cmartin@opennebula.org>
Date: Wed, 3 Jun 2015 13:40:45 +0200
Subject: [PATCH] Feature #3748: VMs panel for Images

---
 .../public/app/tabs/images-tab/panels/vms.js  | 45 +++++++++++++------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/sunstone/public/app/tabs/images-tab/panels/vms.js b/src/sunstone/public/app/tabs/images-tab/panels/vms.js
index 760de48651..d800ef9c75 100644
--- a/src/sunstone/public/app/tabs/images-tab/panels/vms.js
+++ b/src/sunstone/public/app/tabs/images-tab/panels/vms.js
@@ -4,30 +4,29 @@ define(function(require){
    */
   
   var Locale = require('utils/locale');
-  //var VmsTable = require('tabs/vms-tab/datatable');
+  var VMsTable = require('tabs/vms-tab/datatable');
   
   /*
     CONSTANTS
    */
-  
-  //TODO var VMS_TAB_ID = require('tabs/vms-tab/tabId');
+
   var PANEL_ID = require('./vms/panelId');
-  //var VMS_TABLE_ID = PANEL_ID + "VmsTable"
-  var RESOURCE = "Image"
+  var VMS_TABLE_ID = PANEL_ID + "VMsTable";
+  var RESOURCE = "Image";
+  var XML_ROOT = "IMAGE";
 
   /*
     CONSTRUCTOR
    */
 
   function Panel(info) {
-    this.title = Locale.tr("Vms");
+    this.title = Locale.tr("VMs");
     this.icon = "fa-cloud";
 
-    this.element = info[RESOURCE.toUpperCase()];
-    //this.vmsDataTable = new VmsTable(VMS_TABLE_ID, {info: true}, VMS_TAB_ID);
+    this.element = info[XML_ROOT];
 
     return this;
-  };
+  }
 
   Panel.PANEL_ID = PANEL_ID;
   Panel.prototype.html = _html;
@@ -40,13 +39,33 @@ define(function(require){
    */
 
   function _html() {
-    //return this.vmsDataTable.dataTableHTML;
+    var vms = [];
+
+    if (this.element.VMS.ID != undefined){
+      vms = this.element.VMS.ID;
+
+      if (!$.isArray(vms)){
+        vms = [vms];
+      }
+    }
+
+    var opts = {
+      info: true,
+      select: true,
+      selectOptions: {
+        read_only: true,
+        fixed_ids: vms
+      }
+    };
+
+    this.vmsTable = new VMsTable(VMS_TABLE_ID, opts);
+
+    return this.vmsTable.dataTableHTML;
   }
 
   function _setup(context) {
-    //this.vmsDataTable.initialize();
-    //this.vmsDataTable.filter(this.element.NAME, VmsTable.COLUMN_IDS.DATASTORE);
-    //this.vmsDataTable.list();
+    this.vmsTable.initialize();
+    this.vmsTable.refreshResourceTableSelect();
 
     return false;
   }