diff options
Diffstat (limited to 'app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue')
-rw-r--r-- | app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue | 50 |
1 files changed, 30 insertions, 20 deletions
diff --git a/app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue b/app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue index 5f54f24e24c..0bb2a913dec 100644 --- a/app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue +++ b/app/assets/javascripts/ml/experiment_tracking/components/ml_candidate.vue @@ -19,6 +19,25 @@ export default { artifactsLabel: __('Artifacts'), parametersLabel: __('Parameters'), metricsLabel: __('Metrics'), + metadataLabel: __('Metadata'), + }, + computed: { + sections() { + return [ + { + sectionName: this.$options.i18n.parametersLabel, + sectionValues: this.candidate.params, + }, + { + sectionName: this.$options.i18n.metricsLabel, + sectionValues: this.candidate.metrics, + }, + { + sectionName: this.$options.i18n.metadataLabel, + sectionValues: this.candidate.metadata, + }, + ]; + }, }, }; </script> @@ -67,27 +86,18 @@ export default { </td> </tr> - <tr class="divider"></tr> - - <tr v-for="(param, index) in candidate.params" :key="param.name"> - <td v-if="index == 0" class="gl-text-secondary gl-font-weight-bold"> - {{ $options.i18n.parametersLabel }} - </td> - <td v-else></td> - <td class="gl-font-weight-bold">{{ param.name }}</td> - <td>{{ param.value }}</td> - </tr> + <template v-for="{ sectionName, sectionValues } in sections"> + <tr :key="sectionName" class="divider"></tr> - <tr class="divider"></tr> - - <tr v-for="(metric, index) in candidate.metrics" :key="metric.name"> - <td v-if="index == 0" class="gl-text-secondary gl-font-weight-bold"> - {{ $options.i18n.metricsLabel }} - </td> - <td v-else></td> - <td class="gl-font-weight-bold">{{ metric.name }}</td> - <td>{{ metric.value }}</td> - </tr> + <tr v-for="(item, index) in sectionValues" :key="item.name"> + <td v-if="index === 0" class="gl-text-secondary gl-font-weight-bold"> + {{ sectionName }} + </td> + <td v-else></td> + <td class="gl-font-weight-bold">{{ item.name }}</td> + <td>{{ item.value }}</td> + </tr> + </template> </tbody> </table> </div> |