mirror of
https://github.com/LibreTranslate/LibreTranslate.git
synced 2024-08-21 22:00:15 +02:00
make switch type work
This commit is contained in:
parent
4e1bfd398c
commit
f906a39f66
@ -30,6 +30,8 @@ document.addEventListener('DOMContentLoaded', function(){
|
|||||||
|
|
||||||
suggestions: false,
|
suggestions: false,
|
||||||
isSuggesting: false,
|
isSuggesting: false,
|
||||||
|
|
||||||
|
translationType: "text"
|
||||||
},
|
},
|
||||||
mounted: function(){
|
mounted: function(){
|
||||||
var self = this;
|
var self = this;
|
||||||
@ -299,6 +301,10 @@ document.addEventListener('DOMContentLoaded', function(){
|
|||||||
deleteText: function(e){
|
deleteText: function(e){
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.inputText = this.translatedText = this.output = "";
|
this.inputText = this.translatedText = this.output = "";
|
||||||
|
},
|
||||||
|
switchType: function(type) {
|
||||||
|
console.log(type)
|
||||||
|
this.translationType = type;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -106,8 +106,8 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<h3 class="header center">Translation API</h3>
|
<h3 class="header center">Translation API</h3>
|
||||||
<div class="col s12 mb-1">
|
<div class="col s12 mb-1">
|
||||||
<a class="btn btn-switch-type active"><i class="material-icons left">title</i>Translate text</a>
|
<button type="button" class="btn btn-switch-type" @click="switchType('text')" :class="{'active': translationType === 'text'}"><i class="material-icons left">title</i>Translate text</button>
|
||||||
<a class="btn btn-switch-type"><i class="material-icons left">description</i>Translate files</a>
|
<button type="button" class="btn btn-switch-type" @click="switchType('files')" :class="{'active': translationType === 'files'}"><i class="material-icons left">description</i>Translate files</button>
|
||||||
</div>
|
</div>
|
||||||
<form class="col s12">
|
<form class="col s12">
|
||||||
<div class="row mb-0">
|
<div class="row mb-0">
|
||||||
@ -133,7 +133,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row" v-if="translationType === 'text'">
|
||||||
<div class="input-field textarea-container col s6">
|
<div class="input-field textarea-container col s6">
|
||||||
<label for="textarea1" class="sr-only">
|
<label for="textarea1" class="sr-only">
|
||||||
Text to translate
|
Text to translate
|
||||||
@ -146,7 +146,6 @@
|
|||||||
<label>[[ inputText.length ]] / [[ charactersLimit ]]</label>
|
<label>[[ inputText.length ]] / [[ charactersLimit ]]</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="input-field textarea-container col s6">
|
<div class="input-field textarea-container col s6">
|
||||||
<label for="textarea2" class="sr-only">
|
<label for="textarea2" class="sr-only">
|
||||||
Translated text
|
Translated text
|
||||||
@ -173,9 +172,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
<div class="row" v-if="translationType === 'files'">
|
||||||
|
<div class="input-field textarea-container col s12">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user