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

Timestamp:

2021-11-01T21:09:21+13:00 (2 years ago)

Author:

cstephen

Message:

Add support for basic direct input macronisation

File:

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

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

@@ -8 +8 @@
                 <u>Ngā Pae o te Māramatanga (Replace with image)</u>
             </a>
-
-            <toggle-button class="theme-primary-l1" v-model="showInfo" :reverseState="true">
-                <span class="material-icons mdi-l">info</span>
-            </toggle-button>
         </div>
-
-        <div v-if="showInfo" class="paper" v-html="translations.get('Description')" />
     </div>
 
     <div class="paper content">
-        <AudioUpload />
+        <DirectInput />
     </div>
 
@@ -64 +58 @@
 }
 
-.transcription-list-item {
-    transition: all 0.8s ease;
-    margin-bottom: 1em;
+// .transcription-list-item {
+//     transition: all 0.8s ease;
+//     margin-bottom: 1em;
 
-    &:last-child {
-        margin-bottom: 0;
-    }
-}
+//     &:last-child {
+//         margin-bottom: 0;
+//     }
+// }
 
-.transcription-list-leave-to {
-    opacity: 0;
-}
+// .transcription-list-leave-to {
+//     opacity: 0;
+// }
 
-.transcription-list-leave-active {
-  position: absolute;
-}
+// .transcription-list-leave-active {
+//     position: absolute;
+// }
 </style>
 
 <script>
 import { mapState } from "vuex";
-import AudioUpload from "./components/AudioUpload.vue"
-import ToggleButton from "./components/ToggleButton.vue";
+import DirectInput from "./components/DirectInput.vue"
 
 export default {
     name: "App",
     components: {
-        AudioUpload,
-        ToggleButton
-    },
-    data() {
-        return {
-            showInfo: false
-        }
+        DirectInput
     },
     computed: mapState({