- Timestamp:
- 2021-11-08T15:51:51+13:00 (2 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/atea/macron-restoration/src/App.vue
r35715 r35723 12 12 13 13 <div class="paper content"> 14 <DirectInput /> 14 <tab-bar :tabs="tabs" v-model="selectedTab" /> 15 <hr class="divider" /> 16 17 <div class="inner-content" v-if="selectedTab === 'direct'"> 18 <direct-input /> 19 </div> 20 <div class="inner-content" v-if="selectedTab === 'file'"> 21 <file-input /> 22 </div> 15 23 </div> 16 17 <!-- <ul id="transcription-list" class="list-view content">18 <transition-group name="transcription-list">19 <li class="list-item transcription-list-item" v-for="[id, transcription] in transcriptions" :key="id">20 <TranscriptionItem :transcription="transcription" />21 </li>22 </transition-group>23 </ul> -->24 24 </template> 25 25 … … 55 55 56 56 .content { 57 padding: 0; 57 58 margin: 1em; 59 } 60 61 .inner-content { 62 padding: 1em; 58 63 } 59 64 … … 79 84 import { mapState } from "vuex"; 80 85 import DirectInput from "./components/DirectInput.vue" 86 import FileInput from "./components/FileInput.vue" 87 import TabBar from "./components/TabBar.vue" 81 88 82 89 export default { 83 90 name: "App", 84 91 components: { 85 DirectInput 92 DirectInput, 93 FileInput, 94 TabBar 86 95 }, 87 computed: mapState({ 88 translations: state => state.translations 89 }) 96 data() { 97 return { 98 selectedTab: "direct" 99 } 100 }, 101 computed: { 102 tabs() { 103 return [ 104 { label: this.translations.get("DirectInput"), value: "direct" }, 105 { label: this.translations.get("FileInput"), value: "file" } 106 ] 107 }, 108 ...mapState({ 109 translations: state => state.translations 110 }) 111 } 90 112 } 91 113 </script>
Note:
See TracChangeset
for help on using the changeset viewer.