diff --git a/src/components/Photoshop.vue b/src/components/Photoshop.vue index 0923adc..d5e89f2 100644 --- a/src/components/Photoshop.vue +++ b/src/components/Photoshop.vue @@ -14,12 +14,12 @@
-
new
+
{{ newLabel }}
-
current
+
{{ currentLabel }}
{{ acceptLabel }}
@@ -81,6 +81,14 @@ export default { resetLabel: { type: String, default: 'Reset' + }, + newLabel: { + type: String, + default: 'new' + }, + currentLabel: { + type: String, + default: 'current' } }, components: { diff --git a/src/components/common/EditableInput.vue b/src/components/common/EditableInput.vue index 39ae6c3..212186b 100644 --- a/src/components/common/EditableInput.vue +++ b/src/components/common/EditableInput.vue @@ -8,7 +8,7 @@ @input="update" ref="input" > - {{label}} + {{labelSpanText}} {{desc}}
@@ -18,6 +18,7 @@ export default { name: 'editableInput', props: { label: String, + labelText: String, desc: String, value: [String, Number], max: Number, @@ -43,6 +44,9 @@ export default { }, labelId() { return `input__label__${this.label}__${Math.random().toString().slice(2, 5)}`; + }, + labelSpanText() { + return this.labelText || this.label; } }, methods: {