ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: translations in carriers & public users

Browse Source
This commit is contained in:
Alexandro Uc Santos
2024-06-04 21:20:32 -06:00
parent 97f4f93fd3
commit b32b2c310c
8 changed files with 122 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/CalendarView.vue
View File

@@ -5,8 +5,12 @@
import {getDateTime} from '../helpers/date_formats';
import { onMounted, ref } from 'vue';
import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
const events = ref([]);
const router = useRouter();
const { t } = useI18n()
const config = {
week: {
startsOn: 'monday',
@@ -72,15 +76,15 @@
<template>
<div>
<h2 class="title mb-4">Calendario</h2>
<h2 class="title mb-4">{{ t('calendar.title') }}</h2>
<div class="box-indicators">
<h2>Indicadores de estado de la carga</h2>
<h2>{{ t('calendar.helpText') }}</h2>
<div class="indicators">
<i class="fa-solid fa-circle" style="color: yellow"></i> Publicado
<i class="fa-solid fa-circle" style="color: green"></i> Cargando
<i class="fa-solid fa-circle" style="color: red"></i> En transito
<i class="fa-solid fa-circle" style="color: blue"></i> Descargando
<i class="fa-solid fa-circle" style="color: blue"></i> Entregado
<i class="fa-solid fa-circle" style="color: yellow"></i> {{ t('global.published') }}
<i class="fa-solid fa-circle" style="color: green"></i> {{ t('global.loading') }}
<i class="fa-solid fa-circle" style="color: red"></i> {{ t('global.transit') }}
<i class="fa-solid fa-circle" style="color: blue"></i> {{ t('global.downloading') }}
<i class="fa-solid fa-circle" style="color: blue"></i> {{ t('global.delivered') }}
</div>
</div>
<div class="calendar">

2
src/views/CarriersView.vue
View File

@@ -166,7 +166,7 @@
v-if="loading === false && companies.length <= 0"
>
<img src="/images/logo.png" alt="logo" width="100">
<h2 class="title">No hay registros</h2>
<h2 class="title">{{ t('carriers.empty') }}</h2>
</div>
<CardCompany

5
src/views/PublicUsersCompanyView.vue
View File

@@ -4,11 +4,14 @@
import { useRoute } from 'vue-router';
import useDirectory from '../composables/useDirectory';
import CardUser from '../components/CardUser.vue';
import { useI18n } from 'vue-i18n';
const {loading, users, getUsersData} = useDirectory();
const {params} = useRoute();
const { t } = useI18n()
onMounted(() => {
const id = params.id;
getUsersData(id);
@@ -17,7 +20,7 @@
<template>
<div class="mb-5">
<h2 class="title mt-5 mb-5">Usuarios de la <span class="title-main">Empresa</span></h2>
<h2 class="title mt-5 mb-5" v-html="t('company.users')"></h2>
<Spiner v-if="loading"/>
<div
class="card-info flex-column align-items-center"

24
src/views/VehiclesView.vue
View File

@@ -9,6 +9,7 @@
import StatusVehicleModal from '../components/StatusVehicleModal.vue';
import DriverVehicleModal from '../components/DriverVehicleModal.vue';
import Pagination from '../components/Pagination.vue';
import { useI18n } from 'vue-i18n';
const companyStore = useCompanyStore();
const vehicleStore = useVehiclesStore();
@@ -27,6 +28,8 @@
getInitData();
})
const { t } = useI18n()
const getInitData = async() => {
loading.value = true;
filterQuery.value.limit = 'elements=' + limit;
@@ -127,22 +130,22 @@
:vehicle="vehicleCurrent"
@reset-vehicle="handleResetCurrentVehicle"
/>
<h2 class="title">Vehiculos</h2>
<h2 class="title">{{ t('vehicles.title') }}</h2>
<div class="box-filters">
<div class="box-search">
<input class="form-control custom-search" type="search" name="" placeholder="Buscar vehicles" id="" @:input="search()" v-model="query" aria-label="Search">
<input class="form-control custom-search" type="search" name="" :placeholder="t('vehicles.search')" id="" @:input="search()" v-model="query" aria-label="Search">
</div>
<button
class="btn btn-danger bg-dark" type="button" @click="clearFilter">
<i class="fa-solid fa-arrow-rotate-right"></i>
<span class="clear-sm"> Reset</span><span class="clear-md"> filtros</span>
<span class="clear-sm"> Reset </span><span class="clear-md"> {{ t('labels.filters').toLowerCase() }}</span>
</button>
<button
class="btn-primary-sm radius-sm"
data-toggle="modal"
data-target="#createVehicleModal"
@click="handleSetCurrentVehicle({vehicle: null, modal: 'form'})"
><i class="fa-solid fa-plus"></i> <span class="clear-sm"> Agregar</span><span class="clear-md"> vehiculo</span></button>
><i class="fa-solid fa-plus"></i> <span class="clear-sm"> {{ t('global.add') }} </span> <span class="clear-md"> {{ t('global.vehicles').toLowerCase() }}</span></button>
</div>
<Spiner v-if="loading"/>
<div v-else>
@@ -153,7 +156,7 @@
:key="vehicle._id"
@set-vehicle="handleSetCurrentVehicle"
/>
<CardEmpty v-else text="No hay vehiculos agregados"/>
<CardEmpty v-else :text="t('vehicles.empty')"/>
<Pagination
:current-page="vehicleStore.vehiclesCurrentPage"
:total="vehicleStore.vehiclesTotal"
@@ -174,7 +177,8 @@
}
.box-search {
width: 60%;
/* width: 60%; */
flex: 1;
}
.custom-search {
width: 100%;
@@ -182,9 +186,9 @@
}
@media (max-width: 1024px) {
.box-search {
/* .box-search {
width: 60%;
}
} */
.box-filters {
gap: .4rem;
}
@@ -192,9 +196,9 @@
@media (max-width: 768px) {
.box-search {
/* .box-search {
width: 100%;
}
} */
.box-filters {
gap: .3rem;
}