Revision 6d744470 src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/html.hbs

View differences:

src/sunstone/public/app/tabs/templates-tab/form-panels/create/wizard-tabs/general/html.hbs
126 126
</div>
127 127
{{#isFeatureEnabled "showback"}}
128 128
<div class="row">
129
  <div class="medium-6 columns">
129
  <div class="medium-12 columns">
130 130
    <fieldset>
131
      <legend>{{tr "Cost"}}</legend>
132
      <div class="medium-6 columns">
131
      <legend>
132
        {{tr "Cost"}}
133
        <span>
134
          <span id="total_cost">0.00</span>
135
          <small>{{tr "COST"}} / {{tr "MONTH"}}</small>
136
        </span>
137
      </legend>
138
      <div class="medium-4 columns">
133 139
        <label  for="MEMORY_COST">
134 140
          {{tr "Memory"}}
135
            {{{tip (tr "Cost of each MB per hour")}}}
141
            {{{tip (tr "Cost of each MB or GB per hour")}}}
136 142
        </label>
137
        <input type="number" step="any" min="0" wizard_field="MEMORY_COST" id="MEMORY_COST"/>
143
        <div class="input-group" style="margin-bottom:0;">
144
          <input type="number" step="any" min="0" wizard_field="MEMORY_COST" id="MEMORY_COST"/>
145
          <div class="input-group-button">
146
              <select id="MEMORY_UNIT_COST" wizard_field="MEMORY_UNIT_COST" class="mb_input_unit">
147
                <option value="MB" selected>{{tr "MB"}}</option>
148
                <option value="GB" >{{tr "GB"}}</option>
149
              </select>
150
            </div>
151
        </div>
152
        <div class="target_cost" align="center" style="background-color:lightgrey;">
153
          <label class="total_memory_cost" hidden="true">{{tr "TOTAL"}}</label>
154
          <label class="total_memory_cost" style="font-size:200%;" id="total_value_memory" hidden="true"></label>
155
          <label class="total_memory_cost" hidden="true">/{{tr "month"}}
156
          </label>
157
        </div>
138 158
      </div>
139
      <div class="medium-6 columns">
159
      <div class="medium-4 columns">
140 160
        <label  for="CPU_COST">
141 161
          {{tr "CPU"}}
142 162
            {{{tip (tr "Cost of each CPU per hour")}}}
143 163
        </label>
144 164
        <input type="number" step="any" min="0" wizard_field="CPU_COST" id="CPU_COST"/>
165
        <span></span>
166
         <div class="target_cost" align="center" style="background-color:lightgrey;">
167
          <label class="total_cpu_cost" hidden="true">{{tr "TOTAL"}}</label>
168
          <label class="total_cpu_cost" style="font-size:200%;" id="total_value_cpu" hidden="true"></label>
169
          <label class="total_cpu_cost" hidden="true">/{{tr "month"}}</label>
170
        </div>
145 171
      </div>
146
      <div class="medium-6 columns left">
172
      <div class="medium-4 columns left">
147 173
        <label  for="DISK_COST">
148 174
          {{tr "Disk"}}
149
            {{{tip (tr "Cost of each MB per hour")}}}
175
            {{{tip (tr "Cost of each GB per hour")}}}
150 176
        </label>
151 177
        <input type="number" step="any" min="0" wizard_field="DISK_COST" id="DISK_COST"/>
178
        <div class="target_cost" align="center" style="background-color:lightgrey;">
179
          <label class="total_disk_cost" hidden="true">{{tr "TOTAL"}}</label>
180
          <label class="total_disk_cost" style="font-size:200%;" id="total_value_disk" hidden="true"></label>
181
          <label class="total_disk_cost" hidden="true">/{{tr "month"}}</label>
182
        </div>
152 183
      </div>
153 184
    </fieldset>
154 185
  </div>

Also available in: Unified diff