Feature #3528: show id and name in update forms

src/sunstone/public/app/sunstone.js

@@ -993,6 +993,10 @@ define(function(require) {
     $(".submit_button", context).text(Locale.tr("Loading..."));
     _disableFormPanelSubmit(tabId);
 
+    $(".sunstone-form-id", context).text("");
+    $(".sunstone-form-info-header", context).text("");
+    $(".sunstone-form-info-header-small", context).text("");
+
     $(".tabs-contentForm", context).hide();
     $(".loadingForm", context).show();
   }

src/sunstone/public/app/sunstone/tab.hbs

@@ -30,6 +30,9 @@
       </h5>
       <h5 class="header-title only-sunstone-form" hidden>
         <span class="sunstone-form-title"></span>
+        <small class="sunstone-form-id"></small>
+        <small class="sunstone-form-info-header"></small>
+        <small class="sunstone-form-info-header-small"></small>
       </h5>
     </div>
     {{#if buttons}}

src/sunstone/public/app/tabs/clusters-tab/form-panels/create.js

@@ -194,6 +194,7 @@ define(function(require) {
   }
 
   function _fill(context, element) {
+    this.setHeader(element);
 
     var name    = element.NAME;
     var hostIds = element.HOSTS.ID;

src/sunstone/public/app/tabs/groups-tab/form-panels/create.js

@@ -295,6 +295,9 @@ define(function(require) {
     var that = this;
 
     if (this.action != "update") {return;}
+
+    this.setHeader(element);
+
     this.resourceId = element.ID;
     this.element = element;
 

src/sunstone/public/app/tabs/marketplaces-tab/form-panels/create.js

@@ -189,6 +189,8 @@ define(function(require) {
       return false;
     }
 
+    this.setHeader(element);
+
     this.resourceId = element.ID;
 
     // Populates the Avanced mode Tab

src/sunstone/public/app/tabs/oneflow-templates-tab/form-panels/create.js

@@ -263,6 +263,7 @@ define(function(require) {
     var that = this;
 
     if (this.action != "update") {return;}
+    this.setHeader(element);
     this.resourceId = element.ID;
 
     // Populates the Avanced mode Tab

src/sunstone/public/app/tabs/secgroups-tab/form-panels/create.js

@@ -310,6 +310,7 @@ define(function(require) {
   function _fill(context, element) {
     var that = this;
 
+    this.setHeader(element);
     this.resourceId = element.ID;
 
     // Populates the Avanced mode Tab

src/sunstone/public/app/tabs/secgroups-tab/panels/info.js

@@ -76,9 +76,6 @@ define(function(require) {
       ruleTextList.push(Utils.sgRuleToSt(this));
     });
 
-    // TODO
-    //$(".resource-info-header", $("#secgroups-tab")).html(this.element.NAME);
-
     // TODO: simplify interface?
     var strippedTemplate = $.extend({}, this.element.TEMPLATE);
     delete strippedTemplate["RULE"];

src/sunstone/public/app/tabs/templates-tab/form-panels/create-common.js

@@ -202,6 +202,9 @@ define(function(require) {
 
   function _fill(context, element) {
     if (this.action != "update") {return;}
+
+    this.setHeader(element);
+
     this.resourceId = element.ID;
 
     var templateJSON = element.TEMPLATE;

src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general.js

@@ -75,13 +75,9 @@ define(function(require) {
 
   function _onShow(context, panelForm) {
     if (panelForm.action == 'create') {
-      $('#template_name_form', context).show();
-      $('#template_hypervisor_form', context).removeClass("left");
       $('#NAME', context).removeAttr('disabled');
       $('#NAME', context).attr("required", "");
     } else if (panelForm.action == 'update') {
-      $('#template_name_form', context).hide();
-      $('#template_hypervisor_form', context).addClass("left");
       $('#NAME', context).attr("disabled", "disabled");
       $('#NAME', context).removeAttr("required");
     }

src/sunstone/public/app/tabs/vdcs-tab/form-panels/create.js

@@ -310,6 +310,7 @@ define(function(require) {
   function _fill(context, element) {
     var that = this;
 
+    this.setHeader(element);
     this.resourceId = element.ID;
 
     // Populates the Avanced mode Tab

src/sunstone/public/app/tabs/vms-tab/form-panels/updateconf.js

@@ -144,6 +144,7 @@ define(function(require) {
   }
 
   function _fill(context, elementId, templateJSON) {
+    this.setHeader(element);
     this.resourceId = elementId;
 
     // Populates the Avanced mode Tab

src/sunstone/public/app/tabs/vnets-tab/form-panels/create.js

@@ -326,6 +326,7 @@ define(function(require) {
 
   function _fill(context, element) {
     if (this.action != "update") {return;}
+    this.setHeader(element);
     this.resourceId = element.ID;
 
     $("#default_sg_warning").hide();

src/sunstone/public/app/utils/form-panels/form-panel.js

@@ -33,6 +33,7 @@ define(function(require) {
     'reset': _reset,
     'setAction': _setAction,
     'title': _title,
+    'setHeader': _setHeader,
     'buttonText': _buttonText,
     'resetButton': _resetButton,
     'actionOptions': _actionOptions
@@ -136,6 +137,11 @@ define(function(require) {
     }
   }
 
+  function _setHeader(element) {
+    $(".sunstone-form-id", '#' + this.tabId).text(element.ID);
+    $('.sunstone-form-info-header', '#' + this.tabId).text(element.NAME);
+  }
+
   // @return [String] The buttonText of the form based on the defined action
   function _buttonText() {
     var actionOptions = this.actionOptions();