1
1
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00

Localization support

This commit is contained in:
2020-05-25 15:37:59 +02:00
parent 755c34f782
commit 6fd9884d0b
19 changed files with 169 additions and 56 deletions

View File

@ -29,13 +29,13 @@
class="btn btn-primary mr-2"
@click="confirmModal"
>
{{ confirmText }}
{{ $t('word.confirm') }}
</button>
<button
class="btn btn-link"
@click="hideModal"
>
Cancel
{{ $t('word.cancel') }}
</button>
</div>
</div>
@ -45,12 +45,6 @@
<script>
export default {
name: 'BaseConfirmModal',
props: {
confirmText: {
type: String,
default: 'Confirm'
}
},
computed: {
hasHeader () {
return !!this.$slots.header;

View File

@ -54,15 +54,15 @@ export default {
pointer-events: none;
.context-container{
min-width: 100px;
max-width: 150px;
z-index: 1;
box-shadow: 0px 1px 1px 0px #000;
box-shadow: 0px 0px 1px 0px #000;
padding: 0;
background: #1d1d1d;
border-radius: 0.1rem;
display: flex;
flex-direction: column;
width: 100%;
position: absolute;
pointer-events: initial;

View File

@ -5,7 +5,7 @@
<i class="material-icons md-48">cloud_off</i>
</div>
<p class="empty-title h5">
Disconnected
{{ $t('word.disconnected') }}
</p>
<div class="empty-action">
<button
@ -13,7 +13,7 @@
:class="{'loading': isConnecting}"
@click="startConnection"
>
Connect
{{ $t('word.connect') }}
</button>
</div>
</div>

View File

@ -1,17 +1,17 @@
<template>
<div class="workspace-explorebar column">
<div class="workspace-explorebar-header">
<span class="workspace-explorebar-title">{{ connection.user }}@{{ connection.host }}:{{ connection.port }}</span>
<span class="workspace-explorebar-title">{{ connection.ask ? '': connection.user+'@' }}{{ connection.host }}:{{ connection.port }}</span>
<span v-if="workspace.connected" class="workspace-explorebar-tools">
<i
class="material-icons md-18 c-hand"
:class="{'rotate':isRefreshing}"
title="Refresh"
:title="$t('word.refresh')"
@click="refresh"
>refresh</i>
<i
class="material-icons md-18 c-hand mr-1 ml-2"
title="Disconnect"
:title="$t('word.disconnect')"
@click="disconnectWorkspace(connection.uid)"
>exit_to_app</i>
</span>

View File

@ -4,7 +4,7 @@
<div class="modal-container p-0">
<div class="modal-header text-light">
<div class="modal-title h6">
Credentials
{{ $t('word.credentials') }}
</div>
<a class="btn btn-clear c-hand" @click.stop="closeModal" />
</div>
@ -13,7 +13,7 @@
<form class="form-horizontal">
<div class="form-group">
<div class="col-3">
<label class="form-label">User:</label>
<label class="form-label">{{ $t('word.user') }}:</label>
</div>
<div class="col-9">
<input
@ -25,7 +25,7 @@
</div>
<div class="form-group">
<div class="col-3">
<label class="form-label">Password:</label>
<label class="form-label">{{ $t('word.password') }}:</label>
</div>
<div class="col-9">
<input
@ -40,10 +40,10 @@
</div>
<div class="modal-footer text-light">
<button class="btn btn-primary mr-2" @click.stop="sendCredentials">
Send
{{ $t('word.send') }}
</button>
<button class="btn btn-link" @click.stop="closeModal">
Close
{{ $t('word.close') }}
</button>
</div>
</div>

View File

@ -4,7 +4,7 @@
<div class="modal-container">
<div class="modal-header text-light">
<div class="modal-title h6">
Edit connection
{{ $t('message.editConnection') }}
</div>
<a class="btn btn-clear c-hand" @click="closeModal" />
</div>
@ -14,7 +14,7 @@
<fieldset class="m-0" :disabled="isTesting">
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Client:</label>
<label class="form-label">{{ $t('word.client') }}:</label>
</div>
<div class="col-9 col-sm-12">
<select v-model="localConnection.client" class="form-select">
@ -35,7 +35,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Host name/IP:</label>
<label class="form-label">{{ $t('word.hostName') }}/IP:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -47,7 +47,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Port:</label>
<label class="form-label">{{ $t('word.port') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -61,7 +61,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">User:</label>
<label class="form-label">{{ $t('word.user') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -74,7 +74,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Password:</label>
<label class="form-label">{{ $t('word.password') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -89,7 +89,7 @@
<div class="col-3 col-sm-12" />
<div class="col-9 col-sm-12">
<label class="form-checkbox form-inline">
<input v-model="localConnection.ask" type="checkbox"><i class="form-icon" /> Ask for credentials
<input v-model="localConnection.ask" type="checkbox"><i class="form-icon" /> {{ $t('message.askCredentials') }}
</label>
</div>
</div>
@ -108,13 +108,13 @@
:class="{'loading': isTesting}"
@click="startTest"
>
Test connection
{{ $t('message.testConnection') }}
</button>
<button class="btn btn-primary mr-2" @click="saveEditConnection">
Save
{{ $t('word.save') }}
</button>
<button class="btn btn-link" @click="closeModal">
Close
{{ $t('word.close') }}
</button>
</div>
</div>

View File

@ -4,7 +4,7 @@
<div class="modal-container">
<div class="modal-header text-light">
<div class="modal-title h6">
Create a new connection
{{ $t('message.createNewConnection') }}
</div>
<a class="btn btn-clear c-hand" @click="closeModal" />
</div>
@ -14,7 +14,7 @@
<fieldset class="m-0" :disabled="isTesting">
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Client:</label>
<label class="form-label">{{ $t('word.client') }}:</label>
</div>
<div class="col-9 col-sm-12">
<select
@ -39,7 +39,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Host name/IP:</label>
<label class="form-label">{{ $t('word.hostName') }}/IP:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -51,7 +51,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Port:</label>
<label class="form-label">{{ $t('word.port') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -65,7 +65,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">User:</label>
<label class="form-label">{{ $t('word.user') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -78,7 +78,7 @@
</div>
<div class="form-group">
<div class="col-3 col-sm-12">
<label class="form-label">Password:</label>
<label class="form-label">{{ $t('word.password') }}:</label>
</div>
<div class="col-9 col-sm-12">
<input
@ -93,7 +93,7 @@
<div class="col-3 col-sm-12" />
<div class="col-9 col-sm-12">
<label class="form-checkbox form-inline">
<input v-model="connection.ask" type="checkbox"><i class="form-icon" /> Ask for credentials
<input v-model="connection.ask" type="checkbox"><i class="form-icon" /> {{ $t('message.askCredentials') }}
</label>
</div>
</div>
@ -112,13 +112,13 @@
:class="{'loading': isTesting}"
@click="startTest"
>
Test connection
{{ $t('message.testConnection') }}
</button>
<button class="btn btn-primary mr-2" @click="saveNewConnection">
Save
{{ $t('word.save') }}
</button>
<button class="btn btn-link" @click="closeModal">
Close
{{ $t('word.close') }}
</button>
</div>
</div>

View File

@ -4,10 +4,10 @@
@closeContext="$emit('closeContext')"
>
<div class="context-element" @click="showEditModal(contextConnection)">
<i class="material-icons md-18 text-light pr-1">edit</i> Edit
<i class="material-icons md-18 text-light pr-1">edit</i> {{ $t('word.edit') }}
</div>
<div class="context-element" @click="showConfirmModal">
<i class="material-icons md-18 text-light pr-1">delete</i> Delete
<i class="material-icons md-18 text-light pr-1">delete</i> {{ $t('word.delete') }}
</div>
<ConfirmModal
@ -16,11 +16,11 @@
@hide="hideConfirmModal"
>
<template :slot="'header'">
Delete connection
{{ $t('message.deleteConnection') }}
</template>
<div :slot="'body'">
<div class="mb-2">
Do you confirm the cancellation of <b>{{ contextConnection.user }}@{{ contextConnection.host }}:{{ contextConnection.port }}</b>?
{{ $t('message.deleteConnectionCorfirm') }} <b>{{ contextConnection.user }}@{{ contextConnection.host }}:{{ contextConnection.port }}</b>?
</div>
</div>
</ConfirmModal>

View File

@ -5,14 +5,14 @@
<i class="material-icons md-48">mood</i>
</div>
<p class="empty-title h5">
Welcome to Antares SQL Client!
{{ $t('message.appWelcome') }}
</p>
<p class="empty-subtitle">
Your first step: create a new database connection.
{{ $t('message.appFirstStep') }}
</p>
<div class="empty-action">
<button class="btn btn-primary" @click="$emit('newConn')">
Create connection
{{ $t('message.createConnection') }}
</button>
</div>
</div>

View File

@ -15,7 +15,7 @@
draggable="true"
class="settingbar-element btn btn-link tooltip tooltip-right"
:class="{'selected': connection.uid === selectedWorkspace}"
:data-tooltip="`${connection.user}@${connection.host}:${connection.port}`"
:data-tooltip="`${connection.ask ? '': connection.user+'@'}${connection.host}:${connection.port}`"
@click="selectWorkspace(connection.uid)"
@contextmenu.prevent="contextMenu($event, connection)"
>
@ -24,7 +24,7 @@
</draggable>
<li
class="settingbar-element btn btn-link tooltip tooltip-right pt-3"
data-tooltip="Add connection"
:data-tooltip="$t('message.addConnection')"
@click="showNewConnModal"
>
<i class="settingbar-element-icon material-icons text-light">add</i>