feature #3748: Add attach disk dialog

src/sunstone/public/app/tabs/vms-tab.js

@@ -10,7 +10,8 @@ define(function(require) {
   var _dialogs = [
     require('./vms-tab/dialogs/deploy'),
     require('./vms-tab/dialogs/migrate'),
-    require('./vms-tab/dialogs/resize')
+    require('./vms-tab/dialogs/resize'),
+    require('./vms-tab/dialogs/attach-disk')
   ];
 
   var _panels = [

src/sunstone/public/app/tabs/vms-tab/dialogs/attach-disk.js

@@ -0,0 +1,85 @@
+define(function(require) {
+  /*
+    DEPENDENCIES
+   */
+  
+  var BaseDialog = require('utils/dialogs/dialog');
+  var TemplateHTML = require('hbs!./attach-disk/html');
+  var Sunstone = require('sunstone');
+  var Notifier = require('utils/notifier');
+  var Tips = require('utils/tips');
+  var DiskTab = require('tabs/templates-tab/form-panels/create/wizard-tabs/storage/disk-tab');
+  var WizardFields = require('utils/wizard-fields');
+
+  /*
+    CONSTANTS
+   */
+  
+  var DIALOG_ID = require('./attach-disk/dialogId');
+  var TAB_ID = require('../tabId')
+
+  /*
+    CONSTRUCTOR
+   */
+
+  function Dialog() {
+    this.dialogId = DIALOG_ID;
+
+    this.diskTab = new DiskTab(DIALOG_ID + 'DiskTab');
+
+    BaseDialog.call(this);
+  };
+
+  Dialog.DIALOG_ID = DIALOG_ID;
+  Dialog.prototype = Object.create(BaseDialog.prototype);
+  Dialog.prototype.constructor = Dialog;
+  Dialog.prototype.html = _html;
+  Dialog.prototype.onShow = _onShow;
+  Dialog.prototype.setup = _setup;
+  Dialog.prototype.setElement = _setElement;
+
+  return Dialog;
+  
+  /*
+    FUNCTION DEFINITIONS
+   */
+
+  function _html() {
+    return TemplateHTML({
+      'dialogId': this.dialogId,
+      'diskTabHTML': this.diskTab.html()
+    });
+  }
+
+  function _setup(context) {
+    var that = this;
+    that.diskTab.setup();
+
+    Tips.setup(context);
+
+    $('#' + DIALOG_ID + 'Form', context).submit(function() {
+      var templateJSON = that.diskTab.retrieve(context);
+      var obj = {
+        "DISK": templateJSON
+      }
+
+      Sunstone.runAction('VM.attachdisk', that.element.ID, obj);
+
+      Sunstone.getDialog(DIALOG_ID).hide();
+      Sunstone.getDialog(DIALOG_ID).reset();
+      return false;
+    });
+
+    return false;
+  }
+
+  function _onShow(context) {  
+    this.diskTab.onShow(context);  
+    $("#vm_id", context).val(this.element.ID);
+    return false;
+  }
+
+  function _setElement(element) {
+    this.element = element
+  }
+});

src/sunstone/public/app/tabs/vms-tab/dialogs/attach-disk/dialogId.js

@@ -0,0 +1,3 @@
+define(function(require) {
+  return 'attachDiskVMDialog';
+})

src/sunstone/public/app/tabs/vms-tab/dialogs/attach-disk/html.hbs

@@ -0,0 +1,24 @@
+<div id="{{dialogId}}" class="reveal-modal large" role="dialog" data-reveal >
+  <div class="row">
+    <div class="large-12 columns">
+      <h3 class="subheader" id="">{{tr "Attach new disk"}}</h3>
+    </div>
+  </div>
+  <div class="reveal-body">
+    <form id="{{dialogId}}Form" action="">
+      <div class="row">
+        <div class="large-6 columns">
+          <label for="vm_id">{{tr "Virtual Machine ID"}}:</label>
+          <input style="border-style: inset; background-color: lightgrey" type="text" name="vm_id" id="vm_id" disabled/>
+        </div>
+      </div>
+      {{{diskTabHTML}}}
+      <div class="reveal-footer">
+        <div class="form_buttons">
+          <button class="button radius right success" id="attach_disk_button" type="submit" value="VM.attachdisk">{{tr "Attach"}}</button>
+        </div>
+      </div>
+      <a class="close-reveal-modal">&#215;</a>
+    </form>
+  </div>
+</div>