add file and translate button display

This commit is contained in:
Sébastien Thuret 2021-10-24 17:38:53 +02:00
commit aaa3c83d4f
No known key found for this signature in database
GPG key ID: 4742E2D66933BB08
3 changed files with 32 additions and 4 deletions

View file

@ -174,13 +174,13 @@
</div>
<div class="row" v-if="translationType === 'files'">
<div class="file-dropzone">
<div class="dropzone-content">
<div v-if="inputFile === false" class="dropzone-content">
<span>Supported file format: [[ supportedFilesFormatFormatted ]]</span>
<form action="#">
<div class="file-field input-field">
<div class="btn">
<span>File</span>
<input type="file">
<input type="file" @change="handleInputFile" ref="fileInputRef">
</div>
<div class="file-path-wrapper hidden">
<input class="file-path validate" type="text">
@ -188,6 +188,23 @@
</div>
</form>
</div>
<div v-if="inputFile !== false" class="dropzone-content">
<div class="card">
<div class="card-content">
<div class="row">
<div class="col s10">
<p>[[ inputFile.name ]]</p>
</div>
<div class="col s2">
<button @click="removeFile" class="btn-flat">
<i class="material-icons">close</i>
</button>
</div>
</div>
</div>
</div>
<button @click="translateFile" class="btn">Translate</button>
</div>
</div>
</div>
</form>