add: translation in complete register

This commit is contained in:
Alexandro Uc Santos
2024-05-20 20:38:20 -06:00
parent c08567beda
commit 6aa95a6bd1
7 changed files with 103 additions and 45 deletions

View File

@@ -1,3 +1,4 @@
<template>
<div class="footer">
<div class="d-flex justify-content-between">
@@ -19,12 +20,12 @@
</div>
</div>
<div class="d-flex flex-column">
<RouterLink class="btn-links mb-1" :to="{name: 'notice-privacy'}" target="_blank">Aviso de privaciadad</RouterLink>
<RouterLink class="btn-links" :to="{name: 'terms-conditions'}" target="_blank">Términos y condiciones</RouterLink>
<RouterLink class="btn-links mb-1" :to="{name: 'notice-privacy'}" target="_blank">{{ $t('buttons.noticePrivacity') }} </RouterLink>
<RouterLink class="btn-links" :to="{name: 'terms-conditions'}" target="_blank">{{ $t('buttons.terms') }}</RouterLink>
<RouterLink class="btn-links" :to="{name: 'faqs'}" target="_blank">Faqs</RouterLink>
</div>
</div>
<h4 class="copy"><i class="fa fa-copyright" aria-hidden="true"></i> 2023 ETA VIAPORTE | TODOS LOS DERECHOS RESERVADOS</h4>
<h4 class="copy"><i class="fa fa-copyright" aria-hidden="true"></i>2024 {{ $t('global.footer') }}</h4>
</div>
</template>

View File

@@ -2,9 +2,11 @@
import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect'
import { searchcities } from '../../services/public';
import { useI18n } from 'vue-i18n';
const options = ref([]);
const isLoading = ref(false);
const { t } = useI18n();
// defineProps(['selectedCities', 'multiple']);
defineProps({
@@ -42,18 +44,18 @@
:disabled="disabled"
@search-change="searchState"
@remove="$emit('clear-option')"
placeholder="Busca por ciudad"
label="city_name"
track-by="city_name"
selectLabel="Presione para seleccionar"
selectedLabel="Selecionado"
deselectLabel="Presione para remover selecion"
:placeholder="t('labels.selectCity')"
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
>
<template #noResult>
Oops! No se encontro coincidencias.
{{ t('global.notFound') }}
</template>
<template #noOptions>
Escriba para obtener lista.
{{ t('global.emptyList') }}
</template>
</VueMultiselect>
</template>

View File

@@ -2,9 +2,11 @@
import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect'
import { searchcategories } from '../../services/public';
import { useI18n } from 'vue-i18n';
const options = ref([]);
const isLoading = ref(false);
const { t } = useI18n();
// defineProps(['selectedCategory']);
defineProps({
@@ -38,18 +40,18 @@
:close-on-select="true"
@search-change="searchCategory"
@remove="$emit('clear-option')"
placeholder="Busca por segmento"
label="name"
track-by="name"
selectLabel="Presione para seleccionar"
selectedLabel="Selecionado"
deselectLabel="Presione para remover selecion"
:placeholder="t('labels.selectSegment')"
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
>
<template #noResult>
Oops! No se encontro coincidencias.
{{ t('global.notFound') }}
</template>
<template #noOptions>
Lista vacia.
{{ t('global.emptyList') }}
</template>
</VueMultiselect>
</template>

View File

@@ -2,9 +2,11 @@
import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect'
import { searchstates } from '../../services/public';
import { useI18n } from 'vue-i18n';
const options = ref([]);
const isLoading = ref(false);
const { t } = useI18n();
// defineProps(['selectedState', 'multiple']);
defineProps({
@@ -39,19 +41,20 @@
:close-on-select="true"
@search-change="searchState"
@remove="$emit('clear-option')"
placeholder="Busca por estado"
label="state_name"
track-by="state_name"
selectLabel="Presione para seleccionar"
selectedLabel="Selecionado"
deselectLabel="Presione para remover selecion"
:placeholder="t('labels.selectState')"
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
>
<template #noResult>
Oops! No se encontro coincidencias.
{{ t('global.notFound') }}
</template>
<template #noOptions>
Escriba para obtener lista.
{{ t('global.emptyList') }}
</template>
</VueMultiselect>
</template>

View File

@@ -2,9 +2,11 @@
import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect'
import { getSettingsQuery } from '../../services/public';
import { useI18n } from 'vue-i18n';
const options = ref([]);
const isLoading = ref(false);
const { t } = useI18n();
// defineProps(['selectedTruckType']);
defineProps({
@@ -46,18 +48,18 @@
:close-on-select="true"
@search-change="getTruckTypesQuery"
@remove="$emit('clear-option')"
placeholder="Busca por tipo de transporte"
label="meta_value"
track-by="meta_value"
selectLabel="Presione para seleccionar"
selectedLabel="Selecionado"
deselectLabel="Presione para remover selecion"
:placeholder="t('labels.selectTruck')"
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
>
<template #noResult>
Oops! No se encontro coincidencias.
{{ t('global.notFound') }}
</template>
<template #noOptions>
Lista vacia.
{{ t('global.emptyList') }}
</template>
</VueMultiselect>
</template>