fix(UI): better text on ssl file selectors

This commit is contained in:
Fabio Di Stasio 2021-02-08 09:36:44 +01:00
parent 2aace28e80
commit 9a190854fe
4 changed files with 12 additions and 4 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<label :for="`id_${id}`" class="file-uploader"> <label :for="`id_${id}`" class="file-uploader">
<span class="file-uploader-message"> <span class="file-uploader-message">
<i class="mdi mdi-upload mr-1" />{{ message }} <i class="mdi mdi-folder-open mr-1" />{{ message }}
</span> </span>
<span class="text-ellipsis file-uploader-value"> <span class="text-ellipsis file-uploader-value">
{{ value | lastPart }} {{ value | lastPart }}
@ -37,7 +37,7 @@ export default {
}, },
props: { props: {
message: { message: {
default: 'Upload', default: 'Browse',
type: String type: String
}, },
value: { value: {
@ -97,7 +97,7 @@ export default {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 25%; top: calc(50% - 8px);
} }
} }

View File

@ -164,6 +164,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="localConnection.key" :value="localConnection.key"
:message="$t('word.browse')"
@clear="pathClear('key')" @clear="pathClear('key')"
@change="pathSelection($event, 'key')" @change="pathSelection($event, 'key')"
/> />
@ -176,6 +177,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="localConnection.cert" :value="localConnection.cert"
:message="$t('word.browse')"
@clear="pathClear('cert')" @clear="pathClear('cert')"
@change="pathSelection($event, 'cert')" @change="pathSelection($event, 'cert')"
/> />
@ -188,6 +190,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="localConnection.ca" :value="localConnection.ca"
:message="$t('word.browse')"
@clear="pathClear('ca')" @clear="pathClear('ca')"
@change="pathSelection($event, 'ca')" @change="pathSelection($event, 'ca')"
/> />

View File

@ -168,6 +168,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="connection.key" :value="connection.key"
:message="$t('word.browse')"
@clear="pathClear('key')" @clear="pathClear('key')"
@change="pathSelection($event, 'key')" @change="pathSelection($event, 'key')"
/> />
@ -180,6 +181,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="connection.cert" :value="connection.cert"
:message="$t('word.browse')"
@clear="pathClear('cert')" @clear="pathClear('cert')"
@change="pathSelection($event, 'cert')" @change="pathSelection($event, 'cert')"
/> />
@ -192,6 +194,7 @@
<div class="col-8 col-sm-12"> <div class="col-8 col-sm-12">
<BaseUploadInput <BaseUploadInput
:value="connection.ca" :value="connection.ca"
:message="$t('word.browse')"
@clear="pathClear('ca')" @clear="pathClear('ca')"
@change="pathSelection($event, 'ca')" @change="pathSelection($event, 'ca')"
/> />

View File

@ -90,7 +90,9 @@ module.exports = {
privateKey: 'Private key', privateKey: 'Private key',
certificate: 'Certificate', certificate: 'Certificate',
caCertificate: 'CA certificate', caCertificate: 'CA certificate',
ciphers: 'Ciphers' ciphers: 'Ciphers',
upload: 'Upload',
browse: 'Browse'
}, },
message: { message: {
appWelcome: 'Welcome to Antares SQL Client!', appWelcome: 'Welcome to Antares SQL Client!',