@@ -137,6 +137,7 @@ export default {
137137 loading: false ,
138138 diskOfferings: [],
139139 validOfferings: {},
140+ tablerows: {},
140141 selectedCustomDiskOffering: null ,
141142 values: {
142143 offering: ' ' ,
@@ -149,9 +150,9 @@ export default {
149150 },
150151 computed: {
151152 tableSource () {
152- return this .items .map (item => {
153- var disk = { ... item , disabled: this .validOfferings [item .id ] && this .validOfferings [item .id ].length === 0 }
154- disk .name = ` ${ item . name } (${ item .size } GB)`
153+ return this .tablerows .map (row => {
154+ var disk = { ... row , disabled: this .validOfferings [row .id ] && this .validOfferings [row .id ].length === 0 }
155+ disk .name = ` ${ this . items . find ( item => item . id === row . id ). name } (${ this . items . find ( item => item . id === row . id ) .size } GB)`
155156 return disk
156157 })
157158 }
@@ -170,6 +171,7 @@ export default {
170171 },
171172 created () {
172173 this .fetchDiskOfferings ()
174+ this .tablerows = JSON .parse (JSON .stringify (this .items ))
173175 },
174176 methods: {
175177 fetchDiskOfferings () {
@@ -204,8 +206,11 @@ export default {
204206 this .values = {}
205207 for (const item of this .items ) {
206208 this .values [item .id ] = {
207- offering: this .validOfferings [item .id ]? .[0 ]? .id || ' ' ,
208- size: this .validOfferings [item .id ]? .[0 ]? .disksize || ' '
209+ offering: item .diskofferingid ,
210+ size: item .size ,
211+ miniops: item .miniops ,
212+ maxiops: item .maxiops ,
213+ iscustomizediops: this .diskOfferings .find (x => x .id === item .diskofferingid )? .iscustomizediops || false
209214 }
210215 }
211216 this .sendValues ()
@@ -226,15 +231,24 @@ export default {
226231 this .values [diskId].offering = value
227232 if (this .diskOfferings .find (x => x .id === value)? .iscustomized ) {
228233 this .values [diskId].size = this .items [diskId].size
234+ this .tablerows [diskId].size = this .items [diskId].size
229235 } else {
230236 this .values [diskId].size = this .diskOfferings .find (x => x .id === value)? .disksize
237+ this .tablerows [diskId].size = this .diskOfferings .find (x => x .id === value)? .disksize
231238 }
232239
233240 this .values [diskId].iscustomizediops = this .diskOfferings .find (x => x .id === value)? .iscustomizediops || false
234241
235242 if (this .values [diskId].iscustomizediops ) {
236- this .values [diskId].miniops = this .diskOfferings .find (x => x .id === value)? .miniops
237- this .values [diskId].maxiops = this .diskOfferings .find (x => x .id === value)? .maxiops
243+ this .values [diskId].miniops = this .items [diskId].miniops
244+ this .values [diskId].maxiops = this .items [diskId].maxiops
245+ this .tablerows [diskId].miniops = this .items [diskId].miniops
246+ this .tablerows [diskId].maxiops = this .items [diskId].maxiops
247+ } else {
248+ this .values [diskId].miniops = ' '
249+ this .values [diskId].maxiops = ' '
250+ this .tablerows [diskId].miniops = ' '
251+ this .tablerows [diskId].maxiops = ' '
238252 }
239253
240254 this .custom [diskId] = this .diskOfferings .find (x => x .id === value)? .iscustomized
0 commit comments