From 9b0762f20193a58118534ac543a3cacba9565ad5 Mon Sep 17 00:00:00 2001
From: David Tsay <david.e.tsay@nasa.gov>
Date: Fri, 25 Mar 2022 12:59:14 -0700
Subject: [PATCH] all custom labels
---
src/api/forms/components/FormProperties.vue | 84 +++++++++++++--------
1 file changed, 53 insertions(+), 31 deletions(-)
diff --git a/src/api/forms/components/FormProperties.vue b/src/api/forms/components/FormProperties.vue
index 9c4e7d1db7..d75d88f8b1 100644
--- a/src/api/forms/components/FormProperties.vue
+++ b/src/api/forms/components/FormProperties.vue
@@ -1,5 +1,5 @@
/*****************************************************************************
-* Open MCT, Copyright (c) 2014-2021, United States Government
+* Open MCT, Copyright (c) 2014-2022, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
@@ -26,47 +26,54 @@
<div class="c-overlay__dialog-title">{{ model.title }}</div>
<div class="c-overlay__dialog-hint hint">All fields marked <span class="req icon-asterisk"></span> are required.</div>
</div>
- <form name="mctForm"
- class="c-form__contents"
- autocomplete="off"
- @submit.prevent
+ <form
+ name="mctForm"
+ class="c-form__contents"
+ autocomplete="off"
+ @submit.prevent
>
- <div v-for="section in formSections"
- :key="section.id"
- class="c-form__section"
- :class="section.cssClass"
+ <div
+ v-for="section in formSections"
+ :key="section.id"
+ class="c-form__section"
+ :class="section.cssClass"
>
- <h2 v-if="section.name"
+ <h2
+ v-if="section.name"
class="c-form__section-header"
>
{{ section.name }}
</h2>
- <div v-for="(row, index) in section.rows"
- :key="row.id"
- class="u-contents"
+ <div
+ v-for="(row, index) in section.rows"
+ :key="row.id"
+ class="u-contents"
>
- <FormRow :css-class="section.cssClass"
- :first="index < 1"
- :row="row"
- @onChange="onChange"
+ <FormRow
+ :css-class="section.cssClass"
+ :first="index < 1"
+ :row="row"
+ @onChange="onChange"
/>
</div>
</div>
</form>
<div class="mct-form__controls c-overlay__button-bar c-form__bottom-bar">
- <button tabindex="0"
- :disabled="isInvalid"
- class="c-button c-button--major"
- @click="onSave"
+ <button
+ tabindex="0"
+ :disabled="isInvalid"
+ class="c-button c-button--major"
+ @click="onSave"
>
- OK
+ {{ submitLabel }}
</button>
- <button tabindex="0"
- class="c-button"
- @click="onDismiss"
+ <button
+ tabindex="0"
+ class="c-button"
+ @click="onDismiss"
>
- Cancel
+ {{ cancelLabel }}
</button>
</div>
</div>
@@ -75,7 +82,6 @@
<script>
import FormRow from "@/api/forms/components/FormRow.vue";
import uuid from 'uuid';
-
export default {
components: {
FormRow
@@ -105,25 +111,41 @@ export default {
.some(([key, value]) => {
return value;
});
+ },
+ submitLabel() {
+ if (
+ this.model.buttons
+ && this.model.buttons.submit
+ && this.model.buttons.submit.label
+ ) {
+ return this.model.buttons.submit.label;
+ }
+ return 'OK';
+ },
+ cancelLabel() {
+ if (
+ this.model.buttons
+ && this.model.buttons.cancel
+ && this.model.buttons.cancel.label
+ ) {
+ return this.model.buttons.submit.label;
+ }
+ return 'Cancel';
}
},
mounted() {
this.formSections = this.model.sections.map(section => {
section.id = uuid();
-
section.rows = section.rows.map(row => {
row.id = uuid();
-
return row;
});
-
return section;
});
},
methods: {
onChange(data) {
this.$set(this.invalidProperties, data.model.key, data.invalid);
-
this.$emit('onChange', data);
},
onDismiss() {