diff --git a/src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/capacity-inputs.js b/src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/capacity-inputs.js index 6bd308a6d4..62b9feaaea 100644 --- a/src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/capacity-inputs.js +++ b/src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/capacity-inputs.js @@ -223,9 +223,9 @@ define(function(require) { if (attr.type != "range"){ $("div.memory_input_wrapper", context).addClass("large-6").addClass("medium-8"); } - - attr.visor = true; - UserInputs.insertAttributeInputMB(attr, $("div.memory_input", context)); + + attr.visor = attr.type === "number"; + UserInputs.insertAttributeInputMB(attr, $("div.memory_input", context), false); if (Config.isFeatureEnabled("instantiate_hide_cpu")){ $(".vcpu_input input", context).prop("required", true); diff --git a/src/sunstone/public/app/tabs/templates-tab/form-panels/instantiate/templateRow.hbs b/src/sunstone/public/app/tabs/templates-tab/form-panels/instantiate/templateRow.hbs index 8a0d6d5d4e..21e1a0f00b 100644 --- a/src/sunstone/public/app/tabs/templates-tab/form-panels/instantiate/templateRow.hbs +++ b/src/sunstone/public/app/tabs/templates-tab/form-panels/instantiate/templateRow.hbs @@ -24,12 +24,12 @@
-
+
-
+
{{tr "Capacity"}} @@ -43,7 +43,7 @@
-
+
diff --git a/src/sunstone/public/app/utils/range-slider/html.hbs b/src/sunstone/public/app/utils/range-slider/html.hbs index 8973fe2481..a7eea6e077 100644 --- a/src/sunstone/public/app/utils/range-slider/html.hbs +++ b/src/sunstone/public/app/utils/range-slider/html.hbs @@ -21,7 +21,7 @@
{{/if}} -
+
-
+
"+ + "" + + "
" : "MB"; + div.html( - "
"+ + "
"+ "
" + _attributeInput(attr) + - "
"+ - "" + - "
"+ - "
"); - _setupAttributeInputMB(div); + "
" + selectInput + "
"); + _setupAttributeInputMB(div, inputUnit); } - function _setupAttributeInputMB(context) { + function _setupAttributeInputMB(context, inputUnit) { var base = 1024; var baseCal = 1; var unit = "MB"; @@ -765,7 +769,7 @@ define(function(require) { $("input, select", contextElement).val(valueInMB); valueInUnit = valueInMB / baseCal; } - $("input.visor", contextElement).val(valueInUnit); + $("input.visor", contextElement).val(inputUnit ? valueInUnit : valueInMB); var contextUnit = contextElement.siblings(".input-group-button"); $(".mb_input_unit", contextUnit).val(unit).trigger("change"); } diff --git a/src/sunstone/public/scss/app.scss b/src/sunstone/public/scss/app.scss index fd37a3c44e..7c45b94b09 100644 --- a/src/sunstone/public/scss/app.scss +++ b/src/sunstone/public/scss/app.scss @@ -234,10 +234,24 @@ meter { color: $alert-color; } +.memory_input .mb_input_wrapper { + display: flex; + align-items: center; +} + +.mb_input { + width: 100%; +} + .mb_input_unit { width: 4em; } +span.mb_input_unit { + width: auto; + margin-left: 0.5em; +} + .superHide{ display: none !important; }