Changeset 35729 for main/trunk/model-interfaces-dev/atea/macron-restoration/src/components/DirectInput.vue

Timestamp:

2021-11-11T15:30:14+13:00 (2 years ago)

Author:

cstephen

Message:

Minor UI changes

File:

• main/trunk/model-interfaces-dev/atea/macron-restoration/src/components/DirectInput.vue (modified) (2 diffs)

main/trunk/model-interfaces-dev/atea/macron-restoration/src/components/DirectInput.vue

@@ -17 +17 @@
 
     <div class="flex">
-        <input type="checkbox" id="i-show-macronised-words" v-model="showMacronisedWords" />
+        <input type="checkbox" id="i-show-macronised-words" v-model="showMacronisedWords" :disabled="restored.length === 0" />
         <label for="i-show-macronised-words">{{ translations.get('DirectInput_ShowMacronisedWords') }}</label>
     </div>
 
     <div class="flex right-column">
-        <input type="checkbox" id="i-show-macronised-words" v-model="normaliseLinebreaks" />
+        <input type="checkbox" id="i-show-macronised-words" v-model="normaliseLinebreaks" :disabled="restored.length === 0" />
         <label for="i-show-macronised-words">{{ translations.get('DirectInput_NormaliseLinebreaks') }}</label>
     </div>
 
-    <button class="btn-primary right-column" :disabled="!canDownload" @click="downloadAsText">{{ translations.get('DirectInput_Download') }}</button>
+    <button class="btn-primary right-column" :disabled="!canDownload" @click="downloadAsText">
+        {{ translations.get('DirectInput_Download') }}
+    </button>
 </div>
 </template>
@@ -87 +89 @@
     computed: {
         canDownload() {
-            return this.restored !== null && !this.waitingToMacronise;
+            return this.restored.length > 0 && !this.waitingToMacronise;
         },
         input: {