Changeset 35715


Ignore:
Timestamp:
2021-11-01T21:09:21+13:00 (5 weeks ago)
Author:
cstephen
Message:

Add support for basic direct input macronisation

Location:
main/trunk/model-interfaces-dev/atea/macron-restoration/src
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue

    r35714 r35715  
    88                <u>Ngā Pae o te Māramatanga (Replace with image)</u>
    99            </a>
    10 
    11             <toggle-button class="theme-primary-l1" v-model="showInfo" :reverseState="true">
    12                 <span class="material-icons mdi-l">info</span>
    13             </toggle-button>
    1410        </div>
    15 
    16         <div v-if="showInfo" class="paper" v-html="translations.get('Description')" />
    1711    </div>
    1812
    1913    <div class="paper content">
    20         <AudioUpload />
     14        <DirectInput />
    2115    </div>
    2216
     
    6458}
    6559
    66 .transcription-list-item {
    67     transition: all 0.8s ease;
    68     margin-bottom: 1em;
     60// .transcription-list-item {
     61//     transition: all 0.8s ease;
     62//     margin-bottom: 1em;
    6963
    70     &:last-child {
    71         margin-bottom: 0;
    72     }
    73 }
     64//     &:last-child {
     65//         margin-bottom: 0;
     66//     }
     67// }
    7468
    75 .transcription-list-leave-to {
    76     opacity: 0;
    77 }
     69// .transcription-list-leave-to {
     70//     opacity: 0;
     71// }
    7872
    79 .transcription-list-leave-active {
    80   position: absolute;
    81 }
     73// .transcription-list-leave-active {
     74//     position: absolute;
     75// }
    8276</style>
    8377
    8478<script>
    8579import { mapState } from "vuex";
    86 import AudioUpload from "./components/AudioUpload.vue"
    87 import ToggleButton from "./components/ToggleButton.vue";
     80import DirectInput from "./components/DirectInput.vue"
    8881
    8982export default {
    9083    name: "App",
    9184    components: {
    92         AudioUpload,
    93         ToggleButton
    94     },
    95     data() {
    96         return {
    97             showInfo: false
    98         }
     85        DirectInput
    9986    },
    10087    computed: mapState({
  • main/trunk/model-interfaces-dev/atea/macron-restoration/src/components/AudioUpload.vue

    r35714 r35715  
    7272<script>
    7373import { mapState } from "vuex";
    74 import TranscribeService from "../js/TranscribeModule";
     74import TranscribeService from "../js/MacronRestorationModule";
    7575import Util, { log } from "../js/Util";
    7676import { TranscriptionViewModel } from "../main"
  • main/trunk/model-interfaces-dev/atea/macron-restoration/src/styles/_material.scss

    r35714 r35715  
    108108.text-container {
    109109    display: flex;
    110     align-items: center;
     110    align-items: flex-start;
    111111    flex-wrap: wrap;
    112112
     
    128128
    129129    border-radius: var(--border-radius) var(--border-radius) 0 0;
     130    border: none;
    130131    border-bottom: 1px solid #AAA;
     132    outline: none;
    131133    cursor: text;
    132134
     135    font-family: var(--body-font-family);
     136    font-size: 1em;
     137
    133138    transition-duration: var(--transition-duration);
    134139
     
    137142    }
    138143
    139     &:active, &:focus {
    140         border-bottom: 1px solid var(--bg-color);
     144    &:active, &:focus, &:focus-visible {
     145        background-color: #CDCDCD;
     146        border-bottom: 2px solid var(--bg-color);
    141147       
    142148        .text-input-active {
Note: See TracChangeset for help on using the changeset viewer.