Changeset 35729

Timestamp:

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

Author:

cstephen

Message:

Minor UI changes

Location:

main/trunk/model-interfaces-dev/atea/macron-restoration

Files:

• public/img/logo_maramatanga.jpg (added)
• public/img/logo_nga_pae_o_te_maramatanga.jpg (deleted)
• src/App.vue (modified) (2 diffs)
• src/components/DirectInput.vue (modified) (2 diffs)
• src/styles/_material.scss (modified) (1 diff)

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

@@ -20 +20 @@
 
     <div class="footer">
-        <img src="img/logo_waikato_uni.jpg" alt="The University of Waikato Logo" />
+        <a href="https://www.waikato.ac.nz" target="_blank">
+            <img src="img/logo_waikato_uni.jpg" alt="The University of Waikato Logo" />
+        </a>
 
         <div>
@@ -27 +29 @@
             and was developed at the <a href="https://www.waikato.ac.nz" target="_blank">University of Waikato</a>.
         </div>
-        <img src="img/logo_nga_pae_o_te_maramatanga.jpg" alt="The Ngā Pae o te Māramatanga Logo" />
+
+        <a href="http://www.maramatanga.co.nz" target="_blank">
+            <img src="img/logo_maramatanga.jpg" alt="The Ngā Pae o te Māramatanga Logo" />
+        </a>
+
         <div>
             This website collects simple usage logs which will be used for development purposes only.

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: {

main/trunk/model-interfaces-dev/atea/macron-restoration/src/styles/_material.scss

@@ -255 +255 @@
         }
     }
+
+    &:disabled {
+        &::after {
+            background: #c7c7c7;
+        }
+    }
 }