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

add: translations of profile & proposals

Browse Source
This commit is contained in:
Alexandro Uc Santos
2024-06-01 17:17:34 -06:00
parent 2de6b5b4fd
commit 97f4f93fd3
14 changed files with 267 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/AttachmentsModal.vue
View File

@@ -3,6 +3,7 @@
import useAttachments from '../composables/useAttachments'; import useAttachments from '../composables/useAttachments';
import Spiner from './ui/Spiner.vue'; import Spiner from './ui/Spiner.vue';
import { useLoadsStore } from '../stores/loads'; import { useLoadsStore } from '../stores/loads';
import { useI18n } from 'vue-i18n';
const loadStore = useLoadsStore(); const loadStore = useLoadsStore();
const { getAttachmentLoad, loading, attachments } = useAttachments(); const { getAttachmentLoad, loading, attachments } = useAttachments();
@@ -11,7 +12,7 @@
console.log('se ejcyta attach'); console.log('se ejcyta attach');
getAttachmentLoad(); getAttachmentLoad();
}) })
const { t } = useI18n();
const clearLoad = () => { const clearLoad = () => {
loadStore.openAttachmentsModal = false; loadStore.openAttachmentsModal = false;
loadStore.currentLoad = null; loadStore.currentLoad = null;
@@ -24,7 +25,7 @@
<div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h2 class="title mt-2 mb-3">Evidencias adjuntas</h2> <h2 class="title mt-2 mb-3">{{ t('evidence.title') }}</h2>
<button <button
id="btnCloseAttachmentModal" id="btnCloseAttachmentModal"
type="button" type="button"
@@ -39,12 +40,12 @@
<Spiner v-if="loading"/> <Spiner v-if="loading"/>
<div v-else> <div v-else>
<div v-if="!attachments || attachments.total == 0" class="card-body"> <div v-if="!attachments || attachments.total == 0" class="card-body">
<p class="empty">No hay evidencias subidas</p> <p class="empty">{{ t('evidence.empty') }}</p>
</div> </div>
<div v-else class="card-body"> <div v-else class="card-body">
<div class="attachment" v-for="data in attachments.data"> <div class="attachment" v-for="data in attachments.data">
<p v-if="data.type == 'Loading'">Evidencia de carga</p> <p v-if="data.type == 'Loading'">{{ t('evidence.loadEvidence') }}</p>
<p v-else>Evidencia de descarga</p> <p v-else>{{ t('evidence.downloadEvidence') }}</p>
<img <img
:src="`https://api.etaviaporte.com/api/v1/public-load-attachments/download/${data._id}`" :src="`https://api.etaviaporte.com/api/v1/public-load-attachments/download/${data._id}`"
:alt="data.type" :alt="data.type"
@@ -58,7 +59,7 @@
type="button" type="button"
class="btn btn-dark" class="btn btn-dark"
@click="clearLoad" @click="clearLoad"
data-dismiss="modal">Cerrar</button> data-dismiss="modal">{{ t('buttons.close') }}</button>
</div> </div>
</div> </div>
</div> </div>

2
src/components/CardLoad.vue
View File

@@ -184,7 +184,7 @@
@click="openAttachmentsModal" @click="openAttachmentsModal"
> >
<i class="fa-solid fa-image"></i> <i class="fa-solid fa-image"></i>
Evidencias {{ t('evidence.evidence') }}
</button> </button>
<button <button
v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by" v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by"

39
src/components/FormChangeEmail.vue
View File

@@ -6,8 +6,9 @@
import { validateEmail } from '../helpers/validations'; import { validateEmail } from '../helpers/validations';
import Swal from 'sweetalert2'; import Swal from 'sweetalert2';
import { useAuthStore } from '../stores/auth'; import { useAuthStore } from '../stores/auth';
import { useNotificationsStore } from '../stores/notifications'; import { useNotificationsStore } from '../stores/notifications';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
const emailForm = reactive({ const emailForm = reactive({
email: '', email: '',
@@ -21,6 +22,8 @@ import { useRouter } from 'vue-router';
const notifications = useNotificationsStore(); const notifications = useNotificationsStore();
const router = useRouter(); const router = useRouter();
const { t } = useI18n();
const hangleSave = () => { const hangleSave = () => {
msgError.value = ''; msgError.value = '';
msgSuccess.value = ''; msgSuccess.value = '';
@@ -31,19 +34,19 @@ import { useRouter } from 'vue-router';
return; return;
} else { } else {
Swal.fire({ Swal.fire({
title: '¿Estás seguro de cambiar el correo electrónico?', title: t('profile.questionChangeEmail'),
// text: '', // text: '',
html: '<span>Al confirmar esta acción, cerraremos tu sesión actual para actualizar tu correo electrónico. Serás redirigido a la página de inicio de sesión. Recuerda que tu contraseña se restablecerá. Necesitaras recuperarla, puedes hacerlo en la sección <span class="font-bold">¿Olvidaste tu contraseña?</span>.</span>', html: t('profile.msgInfoEmail'),
icon: 'warning', icon: 'warning',
showCancelButton: true, showCancelButton: true,
cancelButtonColor: "#d33", cancelButtonColor: "#d33",
confirmButtonText: 'Confirmar', confirmButtonText: t('buttons.confirm'),
cancelButtonText: 'Cancelar', cancelButtonText: t('buttons.cancel'),
}).then( async(result) => { }).then( async(result) => {
if(result.isConfirmed) { if(result.isConfirmed) {
Swal.fire({ Swal.fire({
title: 'Por favor espere!', title: t('messages.loading'),
html: 'Guardando cambios...', html: t('messages.savingChanes') + '...',
allowOutsideClick: false, allowOutsideClick: false,
didOpen: () => { didOpen: () => {
Swal.showLoading() Swal.showLoading()
@@ -53,7 +56,7 @@ import { useRouter } from 'vue-router';
const userData = { const userData = {
"email" : emailForm.email, "email" : emailForm.email,
}; };
console.log(userData); // console.log(userData);
loading.value = true; loading.value = true;
const response = await auth.updateProfile(userData) const response = await auth.updateProfile(userData)
loading.value = false; loading.value = false;
@@ -63,7 +66,7 @@ import { useRouter } from 'vue-router';
} else { } else {
clearMessages(); clearMessages();
notifications.$patch({ notifications.$patch({
text : 'Correo electrónico se ha cambiando exitosamente!', text : t('profile.msgChangeEmail'),
show : true, show : true,
error: false error: false
}); });
@@ -80,11 +83,11 @@ import { useRouter } from 'vue-router';
const validations = () => { const validations = () => {
if(emailForm.email.trim() == '') { if(emailForm.email.trim() == '') {
return 'Todos los campos con obligatorios'; return t('errors.requireds');
} else if (!validateEmail(emailForm.email)) { } else if (!validateEmail(emailForm.email)) {
return 'Correo electrónico no es valido' return t('errors.email')
} else if (emailForm.email !== emailForm.email2) { } else if (emailForm.email !== emailForm.email2) {
return 'Los correos electrónico no coinciden' return t('errors.notMatchEmails')
} else { } else {
return ''; return '';
} }
@@ -106,19 +109,19 @@ import { useRouter } from 'vue-router';
ref="formRef1" ref="formRef1"
> >
<br/> <br/>
<h3 class="title">Cambiar correo electrónico</h3> <h3 class="title">{{ t('profile.titleFormEmail') }}</h3>
<br/> <br/>
<NotificationBadge :msg="msgError" v-if="msgError != ''"/> <NotificationBadge :msg="msgError" v-if="msgError != ''"/>
<NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/> <NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/>
<CustomInput <CustomInput
label=" Nuevo Correo electrónico*:" :label="t('profile.newEmail') + '*:'"
type="email" type="email"
name="email" name="email"
:filled="false" :filled="false"
v-model:field="emailForm.email" v-model:field="emailForm.email"
/> />
<CustomInput <CustomInput
label="Confirmar Correo electrónico*:" :label="t('profile.confirmEmail') + '*:'"
type="email" type="email"
name="email2" name="email2"
:step="1" :step="1"
@@ -129,13 +132,13 @@ import { useRouter } from 'vue-router';
<div> <div>
<i class="fa-solid fa-triangle-exclamation warning"></i> <i class="fa-solid fa-triangle-exclamation warning"></i>
</div> </div>
<span>Al confirmar esta acción, cerraremos tu sesión actual para actualizar tu correo electrónico. Serás redirigido a la página de inicio de sesión. Recuerda que tu contraseña se restablecerá. Necesitaras recuperarla, puedes hacerlo en la sección <span class="font-bold">¿Olvidaste tu contraseña?</span>.</span> <span v-html="t('profile.msgInfoEmail')"></span>
</div> </div>
<div class="mt-5 text-center"> <div class="mt-5 text-center">
<Spiner v-if="loading"/> <Spiner v-if="loading"/>
<button <button
v-else v-else
class="btn btn-dark btn-block" type="submit">Guardar</button> class="btn btn-dark btn-block" type="submit">{{ t('buttons.save') }}</button>
</div> </div>
</form> </form>
</template> </template>

32
src/components/FormChangePassword.vue
View File

@@ -7,6 +7,7 @@
import { useAuthStore } from '../stores/auth'; import { useAuthStore } from '../stores/auth';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useNotificationsStore } from '../stores/notifications'; import { useNotificationsStore } from '../stores/notifications';
import { useI18n } from 'vue-i18n';
const pwdForm = reactive({ const pwdForm = reactive({
pwd: '', pwd: '',
@@ -24,6 +25,7 @@
const loading = ref(false) const loading = ref(false)
const msgError = ref(''); const msgError = ref('');
const msgSuccess = ref(''); const msgSuccess = ref('');
const { t } = useI18n()
const hangleSave = async() => { const hangleSave = async() => {
msgError.value = ''; msgError.value = '';
@@ -42,7 +44,7 @@
} }
const result = await recoveryPassword(data); const result = await recoveryPassword(data);
if(result.msg === 'success' && result.data !== null) { if(result.msg === 'success' && result.data !== null) {
msgSuccess.value = 'Te enviamos un código al correo, ingresado!'; msgSuccess.value = t('messages.sendCode')
pwdForm.checksum = result.data.checksum; pwdForm.checksum = result.data.checksum;
step.value = 2; step.value = 2;
clearMessages(); clearMessages();
@@ -58,7 +60,7 @@
msgError.value = ''; msgError.value = '';
msgSuccess.value = ''; msgSuccess.value = '';
if(pwdForm.code.length < 6) { if(pwdForm.code.length < 6) {
msgError.value = 'Ingresa código valido'; msgError.value = t('errors.code');
clearMessages(); clearMessages();
return; return;
} else { } else {
@@ -81,7 +83,7 @@
}); });
clearMessages(); clearMessages();
notifications.$patch({ notifications.$patch({
text : 'Contraseña se ha cambiando exitosamente!', text : t('messages.changePassword'),
show : true, show : true,
error: false error: false
}); });
@@ -121,9 +123,9 @@
const pass = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}$/; const pass = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}$/;
if(!pass.test(pwdForm.pwd)) { if(!pass.test(pwdForm.pwd)) {
return 'Contraseña poco segura'; return t('errors.weakPassword')
} else if (pwdForm.pwd !== pwdForm.pwd2) { } else if (pwdForm.pwd !== pwdForm.pwd2) {
return 'Las contraseñas no coinciden'; return t('errors.matchPassword');
} else { } else {
return ''; return '';
} }
@@ -146,20 +148,20 @@
v-if="step === 1" v-if="step === 1"
> >
<br/> <br/>
<h3 class="title">Cambiar contraseña</h3> <h3 class="title">{{ t('profile.changePassword') }}</h3>
<br/> <br/>
<NotificationBadge :msg="msgError" v-if="msgError != ''"/> <NotificationBadge :msg="msgError" v-if="msgError != ''"/>
<NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/> <NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/>
<CustomInput <CustomInput
label=" Nueva contraseña*:" :label="t('labels.password2') + '*:'"
type="password" type="password"
name="pwd" name="pwd"
:filled="false" :filled="false"
v-model:field="pwdForm.pwd" v-model:field="pwdForm.pwd"
help-text="La Contraseña debe ser mínimo 8 caracteres, al menos una mayúscula, al menos una minúscula, y un digito." :help-text="t('login.helptext')"
/> />
<CustomInput <CustomInput
label="Confirme contraseña*:" :label="t('labels.password3') + '*:'"
type="password" type="password"
name="pwd2" name="pwd2"
:step="1" :step="1"
@@ -168,26 +170,26 @@
/> />
<div class="warning-info"> <div class="warning-info">
<div><i class="fa-solid fa-triangle-exclamation warning"></i></div> <div><i class="fa-solid fa-triangle-exclamation warning"></i></div>
Esta acción cerrara su sesión actual y debera volver a iniciar sesión con su nueva contraseña {{ t('profile.helpTextResetPass') }}
</div> </div>
<div class="mt-5 text-center"> <div class="mt-5 text-center">
<Spiner v-if="loading"/> <Spiner v-if="loading"/>
<button <button
v-else v-else
class="btn btn-dark btn-block" type="submit">Continuar</button> class="btn btn-dark btn-block" type="submit">{{ t('buttons.continue') }}</button>
</div> </div>
</form> </form>
<form v-if="step === 2" @submit.prevent="handleConfirmChange" class="mx-5"> <form v-if="step === 2" @submit.prevent="handleConfirmChange" class="mx-5">
<div class="d-flex justify-content-center align-items-center mb-4 mt-4"> <div class="d-flex justify-content-center align-items-center mb-4 mt-4">
<a <a
@click="handleBack(1)" @click="handleBack(1)"
class="btn-text ms-2"><i class="fa-solid fa-arrow-left"></i> Volver</a> class="btn-text ms-2"><i class="fa-solid fa-arrow-left"></i> {{ t('buttons.back') }}</a>
</div> </div>
<NotificationBadge :msg="msgError" v-if="msgError != ''"/> <NotificationBadge :msg="msgError" v-if="msgError != ''"/>
<NotificationBadge :msg="msgSuccess" :is-error="false" v-if="msgSuccess != ''"/> <NotificationBadge :msg="msgSuccess" :is-error="false" v-if="msgSuccess != ''"/>
<p class="help-info">Te enviamos un código de verificación al correo electrónico, ingresalo para confirmar la recuperacion de contraseña. No olvides revisar en la carpeta spam</p> <p class="help-info">{{ t('login.helptextCode') }}</p>
<CustomInput <CustomInput
label="Ingresa el código" :label="t('labels.code') + '*:'"
name="code" name="code"
:filled="false" :filled="false"
type="text" type="text"
@@ -202,7 +204,7 @@
<Spiner v-if="loading"/> <Spiner v-if="loading"/>
<button <button
v-else v-else
class="btn btn-dark btn-block" type="submit">Confirmar</button> class="btn btn-dark btn-block" type="submit">{{ t('buttons.confirm') }}</button>
</div> </div>
</form> </form>
</template> </template>

26
src/components/FormLoadModal.vue
View File

@@ -107,7 +107,7 @@
origin.city = loadStore.currentLoad.origin?.city ? { city_name: loadStore.currentLoad.origin.city } : null; origin.city = loadStore.currentLoad.origin?.city ? { city_name: loadStore.currentLoad.origin.city } : null;
origin.country = loadStore.currentLoad.origin.country; origin.country = loadStore.currentLoad.origin.country;
origin.postalCode = loadStore.currentLoad.origin.zipcode; origin.postalCode = loadStore.currentLoad.origin.zipcode;
origin.ref = loadStore.currentLoad.origin.landmark; originRef.value = loadStore.currentLoad.origin.landmark;
destination.locationName = loadStore.currentLoad.destination.company_name; destination.locationName = loadStore.currentLoad.destination.company_name;
destination.address = loadStore.currentLoad.destination.street_address1; destination.address = loadStore.currentLoad.destination.street_address1;
@@ -115,7 +115,7 @@
destination.city = loadStore.currentLoad.destination?.city ? { city_name: loadStore.currentLoad.destination.city } : null; destination.city = loadStore.currentLoad.destination?.city ? { city_name: loadStore.currentLoad.destination.city } : null;
destination.country = loadStore.currentLoad.destination.country; destination.country = loadStore.currentLoad.destination.country;
destination.postalCode = loadStore.currentLoad.destination.zipcode; destination.postalCode = loadStore.currentLoad.destination.zipcode;
destination.ref = loadStore.currentLoad.destination.landmark; destinationRef.value = loadStore.currentLoad.destination.landmark;
getCoordsMap(); getCoordsMap();
} }
@@ -146,7 +146,7 @@
origin.address = locationLoadSelected.value.address; origin.address = locationLoadSelected.value.address;
origin.state = { state_name: locationLoadSelected.value.state }; origin.state = { state_name: locationLoadSelected.value.state };
origin.city = { city_name: locationLoadSelected.value.city }; origin.city = { city_name: locationLoadSelected.value.city };
origin.ref = locationLoadSelected.value.description; originRef.value = locationLoadSelected.value.description;
}); });
watch(locationDownloadSelected, () => { watch(locationDownloadSelected, () => {
@@ -154,7 +154,7 @@
destination.address = locationDownloadSelected.value.address; destination.address = locationDownloadSelected.value.address;
destination.state = { state_name: locationDownloadSelected.value.state }; destination.state = { state_name: locationDownloadSelected.value.state };
destination.city = { city_name: locationDownloadSelected.value.city }; destination.city = { city_name: locationDownloadSelected.value.city };
destination.ref = locationDownloadSelected.value.description; destinationRef.value = locationDownloadSelected.value.description;
}); });
const getLocations = async() => { const getLocations = async() => {
@@ -207,7 +207,7 @@
city: '', city: '',
country: '', country: '',
postalCode: '', postalCode: '',
ref: '', // ref: '',
}); });
const destination = reactive({ const destination = reactive({
@@ -217,7 +217,7 @@
city: '', city: '',
country: '', country: '',
postalCode: '', postalCode: '',
ref: '', // ref: '',
}); });
const setLoadData = () => { const setLoadData = () => {
@@ -236,7 +236,7 @@
state : origin.state?.state_name, state : origin.state?.state_name,
city : origin.city?.city_name, city : origin.city?.city_name,
country : origin?.country, country : origin?.country,
landmark : origin?.ref, landmark : originRef.value,
zipcode : origin?.postalCode, zipcode : origin?.postalCode,
lat : originCoords.value?.lat, lat : originCoords.value?.lat,
lng : originCoords.value?.lng lng : originCoords.value?.lng
@@ -247,7 +247,7 @@
state : destination.state?.state_name, state : destination.state?.state_name,
city : destination.city?.city_name, city : destination.city?.city_name,
country : destination?.country, country : destination?.country,
landmark : destination?.ref, landmark : destinationRef.value,
zipcode : destination?.postalCode, zipcode : destination?.postalCode,
lat : destinationCoords.value?.lat, lat : destinationCoords.value?.lat,
lng : destinationCoords.value?.lng lng : destinationCoords.value?.lng
@@ -402,7 +402,7 @@
:filled="false" :filled="false"
name="date-load" name="date-load"
:required="submited ? true : false" :required="submited ? true : false"
:error="(submited && !formLoad.dateLoad) ? 'Fecha es requerida' : null" :error="(submited && !formLoad.dateLoad) ? t('errors.date') : null"
v-model:field="formLoad.dateLoad" v-model:field="formLoad.dateLoad"
/> />
<Custominput <Custominput
@@ -411,7 +411,7 @@
:filled="false" :filled="false"
name="date-download" name="date-download"
:required="submited ? true : false" :required="submited ? true : false"
:error="(submited && !formLoad.dateDownload) ? 'Fecha es requerida' : null" :error="(submited && !formLoad.dateDownload) ? t('errors.date') : null"
v-model:field="formLoad.dateDownload" v-model:field="formLoad.dateDownload"
/> />
<Custominput <Custominput
@@ -420,7 +420,7 @@
:filled="false" :filled="false"
name="weight" name="weight"
:required="submited ? true : false" :required="submited ? true : false"
:error="(submited && !formLoad.weight) ? 'Ingrese peso en KG' : null" :error="(submited && !formLoad.weight) ? t('errors.weight') : null"
v-model:field="formLoad.weight" v-model:field="formLoad.weight"
/> />
</div> </div>
@@ -524,7 +524,7 @@
type="text" type="text"
:filled="false" :filled="false"
name="ref-origin" name="ref-origin"
v-model:field="origin.ref" v-model:field="originRef"
/> />
</div> </div>
<div class="form-section"> <div class="form-section">
@@ -594,7 +594,7 @@
type="text" type="text"
:filled="false" :filled="false"
name="ref-destination" name="ref-destination"
v-model:field="destination.ref" v-model:field="destinationRef"
/> />
</div> </div>
</div> </div>

6
src/components/ProfilePopup.vue
View File

@@ -51,8 +51,8 @@ import { watch } from 'vue';
<h3>{{auth.user?.first_name}} {{ auth.user?.last_name }}</h3> <h3>{{auth.user?.first_name}} {{ auth.user?.last_name }}</h3>
<p>{{ auth.user?.email }}</p> <p>{{ auth.user?.email }}</p>
<p>{{ auth.user?.phone }}</p> <p>{{ auth.user?.phone }}</p>
<p class="section-prefs">Preferencias de usuario</p> <p class="section-prefs">{{ t('global.prefs') }}</p>
<p class="label-item">Idioma:</p> <p class="label-item">{{ t('global.lang') }}:</p>
<CustomRadioInput <CustomRadioInput
value="es" value="es"
:label="t('global.es')" :label="t('global.es')"
@@ -71,7 +71,7 @@ import { watch } from 'vue';
data-toggle="modal" data-toggle="modal"
data-target="#editProfileModal" data-target="#editProfileModal"
@click="handleEditProfile()" @click="handleEditProfile()"
>Editar perfil</button> >{{ t('buttons.editProfile') }}</button>
</div> </div>
</div> </div>
</template> </template>

51
src/components/ProposalsModal.vue
View File

@@ -6,12 +6,14 @@
import { getDateMonthDay } from '../helpers/date_formats'; import { getDateMonthDay } from '../helpers/date_formats';
import VehicleInfo from './VehicleInfo.vue'; import VehicleInfo from './VehicleInfo.vue';
import Swal from 'sweetalert2' import Swal from 'sweetalert2'
import CardEmpty from './CardEmpty.vue'; import CardEmpty from './CardEmpty.vue';
import { useI18n } from 'vue-i18n';
const loadsStore = useLoadsStore(); const loadsStore = useLoadsStore();
const authStore = useAuthStore(); const authStore = useAuthStore();
const isLoading = ref(false); const isLoading = ref(false);
const isLoadingActions = ref(false); const isLoadingActions = ref(false);
const { t } = useI18n();
onMounted(() => { onMounted(() => {
getProposalsData() getProposalsData()
@@ -41,7 +43,6 @@ import CardEmpty from './CardEmpty.vue';
isLoadingActions.value = true; isLoadingActions.value = true;
let load = await loadsStore.updateLoad(load_id, loadData); let load = await loadsStore.updateLoad(load_id, loadData);
if(load != null) { if(load != null) {
const index = loadsStore.loads.findIndex((load) => load._id === load_id); const index = loadsStore.loads.findIndex((load) => load._id === load_id);
loadsStore.loads[index] = { loadsStore.loads[index] = {
@@ -63,21 +64,21 @@ import CardEmpty from './CardEmpty.vue';
...formData ...formData
}; };
Swal.fire({ Swal.fire({
title: "Oferta aceptada!", title: t('proposals.titleOfferAccept'),
text: "La oferta fue aceptada exitosamente.", text: t('proposals.msgOfferAccept'),
icon: "success" icon: "success"
}); });
} else { } else {
Swal.fire({ Swal.fire({
title: "Error!", title: "Error!",
text: "No se pudo actualizar oferta, intente más tarde.", text: t('proposals.msgErrorAcceptOffer'),
icon: "error" icon: "error"
}); });
} }
} else { } else {
Swal.fire({ Swal.fire({
title: "Error!", title: "Error!",
text: "No se pudo aceptar oferta, intente más tarde.", text: t('proposals.msgNotAcceptOffer'),
icon: "error" icon: "error"
}); });
} }
@@ -89,12 +90,12 @@ import CardEmpty from './CardEmpty.vue';
const proposal_id = proposal._id; const proposal_id = proposal._id;
const load_id = proposal.load._id; const load_id = proposal.load._id;
const {isConfirmed} = await Swal.fire({ const {isConfirmed} = await Swal.fire({
title: 'Cancelar oferta!', title: t('proposals.titleCanceModal'),
text: '¿Estás seguro de cancelar esta oferta?', text: t('proposals.textCancelModal'),
icon: 'warning', icon: 'warning',
cancelButtonColor: "#d33", cancelButtonColor: "#d33",
showCancelButton: true, showCancelButton: true,
confirmButtonText: 'Si, cancelar', confirmButtonText: t('proposals.confirmCancel'),
cancelButtonText: 'No' cancelButtonText: 'No'
}) })
if( isConfirmed ) { if( isConfirmed ) {
@@ -126,21 +127,21 @@ import CardEmpty from './CardEmpty.vue';
...formData ...formData
}; };
Swal.fire({ Swal.fire({
title: "Oferta cancelada!", title: t('proposals.msgTitleCancel'),
text: "La oferta fue retirada exitosamente.", text: t('proposals.msgCancel'),
icon: "success" icon: "success"
}); });
} else { } else {
Swal.fire({ Swal.fire({
title: "Error!", title: "Error!",
text: "No se pudo retirar oferta, intente más tarde", text: t('proposals.msgNotCancel'),
icon: "error" icon: "error"
}); });
} }
} else { } else {
Swal.fire({ Swal.fire({
title: "Error!", title: "Error!",
text: "Algo salio mal, intente más tarde", text: t('errors.generic'),
icon: "error" icon: "error"
}); });
} }
@@ -155,7 +156,7 @@ import CardEmpty from './CardEmpty.vue';
<div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h2 class="title mt-2 mb-3">Ofertas</h2> <h2 class="title mt-2 mb-3">{{ t('loads.offers') }}</h2>
<button <button
id="btnCloseProposalsModal" id="btnCloseProposalsModal"
type="button" type="button"
@@ -170,14 +171,14 @@ import CardEmpty from './CardEmpty.vue';
<div v-if="loadsStore.proposalsOfLoads.length > 0" v-for="proposal in loadsStore.proposalsOfLoads" class="card-fixed card-proposal"> <div v-if="loadsStore.proposalsOfLoads.length > 0" v-for="proposal in loadsStore.proposalsOfLoads" class="card-fixed card-proposal">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-12"> <div class="col-lg-6 col-md-12">
<p>Empresa: <span>{{ proposal.carrier.company_name }}</span></p> <p>{{ t('global.company') }}: <span>{{ proposal.carrier.company_name }}</span></p>
<p>Licitador: <span>{{ proposal.bidder.first_name }} {{ proposal.bidder.last_name }}</span></p> <p>{{ t('proposals.bidder') }}: <span>{{ proposal.bidder.first_name }} {{ proposal.bidder.last_name }}</span></p>
<p># de registro del transportista: <span v-if="proposal.vehicle">{{proposal.vehicle.vehicle_code}}</span></p> <p>{{ t('proposals.numCarrier') }}: <span v-if="proposal.vehicle">{{proposal.vehicle.vehicle_code}}</span></p>
</div> </div>
<div class="col-lg-6 col-md-12"> <div class="col-lg-6 col-md-12">
<p>Fecha: <span>{{ getDateMonthDay(proposal.createdAt) }}</span></p> <p>{{ t('labels.date') }}: <span>{{ getDateMonthDay(proposal.createdAt) }}</span></p>
<p>Tipo de Transporte: <span v-if="proposal.vehicle">{{proposal.vehicle.truck_type}}</span></p> <p>{{ t('directory.typeTruck') }}: <span v-if="proposal.vehicle">{{proposal.vehicle.truck_type}}</span></p>
<p>Transportista: <span v-if="proposal._driver">{{proposal._driver}}</span></p> <p>{{ t('global.carrier') }}: <span v-if="proposal._driver">{{proposal._driver}}</span></p>
</div> </div>
</div> </div>
<div v-if="proposal.comment" class="box-note"> <div v-if="proposal.comment" class="box-note">
@@ -188,7 +189,7 @@ import CardEmpty from './CardEmpty.vue';
<div class="d-flex justify-content-end gap-3" v-else> <div class="d-flex justify-content-end gap-3" v-else>
<div v-if="proposal.is_accepted" class="indicator-check"> <div v-if="proposal.is_accepted" class="indicator-check">
<i class="fa-solid fa-check"></i> <i class="fa-solid fa-check"></i>
Aceptado {{ t('buttons.accepted') }}
</div> </div>
<button v-if="!proposal.is_accepted" <button v-if="!proposal.is_accepted"
type="button" type="button"
@@ -196,7 +197,7 @@ import CardEmpty from './CardEmpty.vue';
@click="handleAceptedProposal(proposal)" @click="handleAceptedProposal(proposal)"
> >
<i class="fa-solid fa-check"></i> <i class="fa-solid fa-check"></i>
Aceptar {{ t('buttons.accept') }}
</button> </button>
<button <button
v-if="proposal.load.load_status !== 'Delivered' && proposal.is_accepted" v-if="proposal.load.load_status !== 'Delivered' && proposal.is_accepted"
@@ -204,11 +205,11 @@ import CardEmpty from './CardEmpty.vue';
@click="handleCancelProposal(proposal)" @click="handleCancelProposal(proposal)"
> >
<i class="fa-solid fa-ban clear-sm"></i> <i class="fa-solid fa-ban clear-sm"></i>
Cancelar {{ t('buttons.cancel') }}
</button> </button>
</div> </div>
</div> </div>
<CardEmpty v-else text="No hay ofertas"/> <CardEmpty v-else :text="t('proposals.empty')"/>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@@ -216,7 +217,7 @@ import CardEmpty from './CardEmpty.vue';
type="button" type="button"
class="btn btn-dark" class="btn btn-dark"
@click="clearMoal" @click="clearMoal"
data-dismiss="modal">Cerrar</button> data-dismiss="modal">{{ t('buttons.close') }}</button>
</div> </div>
</div> </div>
</div> </div>

23
src/components/VehicleInfo.vue
View File

@@ -1,5 +1,6 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import { useI18n } from 'vue-i18n';
defineProps({ defineProps({
vehicle: { vehicle: {
@@ -8,6 +9,8 @@ import { ref } from 'vue';
} }
}) })
const { t } = useI18n()
const isShow = ref(false); const isShow = ref(false);
const toogle = () => { const toogle = () => {
@@ -19,27 +22,27 @@ import { ref } from 'vue';
<a <a
@click="toogle" @click="toogle"
class="btn-text mt-4 mb-2" class="btn-text mt-4 mb-2"
>Información del vehiculo <i class="fa-solid" :class="[isShow ? 'fa-chevron-up' : 'fa-chevron-down']"></i></a> >{{ t('vehicles.infoVehicle') }} <i class="fa-solid" :class="[isShow ? 'fa-chevron-up' : 'fa-chevron-down']"></i></a>
<div v-if="isShow"> <div v-if="isShow">
<div class="divider"></div> <div class="divider"></div>
<!-- <h2 class="my-3">Información del vehiculo</h2> --> <!-- <h2 class="my-3">Información del vehiculo</h2> -->
<div class="row my-2"> <div class="row my-2">
<div class="col-lg-6"> <div class="col-lg-6">
<p>Código: <span>{{ vehicle.vehicle_code }}</span></p> <p>{{ t('labels.codeId') }}: <span>{{ vehicle.vehicle_code }}</span></p>
<p>Tipo de transporte: <span>{{ vehicle.truck_type }}</span></p> <p>{{ t('directory.typeTruck') }}: <span>{{ vehicle.truck_type }}</span></p>
<p>Número de Serie: <span>{{ vehicle.vehicle_number }}</span></p> <p>{{ t('vehicles.serialNumber') }}: <span>{{ vehicle.vehicle_number }}</span></p>
<p>Segmento: <span>{{ vehicle._categories }}</span></p> <p>{{ t('global.segment') }}: <span>{{ vehicle._categories }}</span></p>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<p>Placas Tracto Camión: <span>{{ vehicle.circulation_serial_number }}</span></p> <p>{{ t('vehicles.truckPlates') }}: <span>{{ vehicle.circulation_serial_number }}</span></p>
<p>Placas Remolque 1: <span>{{ vehicle.trailer_plate_1 }}</span></p> <p>{{ t('vehicles.trailerPlates') }} 1: <span>{{ vehicle.trailer_plate_1 }}</span></p>
<p>Placas Remolque 2: <span>{{ vehicle.trailer_plate_2 }}</span></p> <p>{{ t('vehicles.trailerPlates') }} 2: <span>{{ vehicle.trailer_plate_2 }}</span></p>
<p>Base de carga: <span>{{ vehicle.city }}, {{ vehicle.state }}</span></p> <p>{{ t('vehicles.chargingBase') }}: <span>{{ vehicle.city }}, {{ vehicle.state }}</span></p>
</div> </div>
</div> </div>
<div class="col-12"> <div class="col-12">
<p>Información Adicional del Transporte: <span>{{ vehicle.notes }}</span></p> <p>{{ t('vehicles.additionalInfoVehicle') }}: <span>{{ vehicle.notes }}</span></p>
</div> </div>
</div> </div>
</template> </template>

14
src/components/ui/Products.vue
View File

@@ -2,9 +2,11 @@
import { ref } from 'vue'; import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect' import VueMultiselect from 'vue-multiselect'
import { searchProducts } from '../../services/public'; import { searchProducts } from '../../services/public';
import { useI18n } from 'vue-i18n';
const options = ref([]); const options = ref([]);
const isLoading = ref(false); const isLoading = ref(false);
const { t } = useI18n();
// defineProps(['selectedCategory']); // defineProps(['selectedCategory']);
defineProps({ defineProps({
@@ -43,18 +45,18 @@
:disabled="disabled" :disabled="disabled"
@search-change="searchProductFn" @search-change="searchProductFn"
@remove="$emit('clear-option')" @remove="$emit('clear-option')"
placeholder="Busca por producto"
label="name" label="name"
track-by="name" track-by="name"
selectLabel="Presione para seleccionar" :placeholder="t('labels.selectProduct')"
selectedLabel="Selecionado" :selectLabel="t('global.helpSelected')"
deselectLabel="Presione para remover seleción" :selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
> >
<template #noResult> <template #noResult>
Oops! No se encontro coincidencias. {{ t('global.notFound') }}
</template> </template>
<template #noOptions> <template #noOptions>
Lista vacia. {{ t('global.emptyList') }}
</template> </template>
</VueMultiselect> </VueMultiselect>
</template> </template>

2
src/components/ui/Segments.vue
View File

@@ -2,7 +2,7 @@
import { ref } from 'vue'; import { ref } from 'vue';
import VueMultiselect from 'vue-multiselect' import VueMultiselect from 'vue-multiselect'
import { searchcategories } from '../../services/public'; import { searchcategories } from '../../services/public';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
const options = ref([]); const options = ref([]);
const isLoading = ref(false); const isLoading = ref(false);

69
src/i18n/en.js
View File

@@ -17,6 +17,7 @@ const en = {
selectTruck: 'Search by type of transport', selectTruck: 'Search by type of transport',
selectState: 'Search by state', selectState: 'Search by state',
selectCity: 'Search by city', selectCity: 'Search by city',
selectProduct: 'Search by product',
names: 'Name(s)', names: 'Name(s)',
lastnames: 'Last name', lastnames: 'Last name',
phone: 'Phone', phone: 'Phone',
@@ -49,6 +50,7 @@ const en = {
additionalInformation: 'Additional information', additionalInformation: 'Additional information',
writeHere: 'Write here', writeHere: 'Write here',
create: 'Create', create: 'Create',
date: 'Date',
}, },
buttons: { buttons: {
enter: "Enter here", enter: "Enter here",
@@ -68,7 +70,12 @@ const en = {
delete: "Delete", delete: "Delete",
cancel: "Cancel", cancel: "Cancel",
add: 'Add', add: 'Add',
post: 'Post' post: 'Post',
editProfile: 'Edit profile',
accept: 'Accept',
accepted: 'Accepted',
confirm: 'Confirm',
search: 'Search',
}, },
errors: { errors: {
requireds: "All fields required", requireds: "All fields required",
@@ -95,6 +102,9 @@ const en = {
state: 'Select state', state: 'Select state',
directoryType: 'select directory type', directoryType: 'select directory type',
zipcode: 'Enter valid zip code', zipcode: 'Enter valid zip code',
date: 'Date is required',
weight: 'Weight is required',
notMatchEmails: 'Emails do not match'
}, },
messages: { messages: {
sendCode: 'We send you a code to the email, entered!', sendCode: 'We send you a code to the email, entered!',
@@ -105,7 +115,8 @@ const en = {
createdUser: 'User created successfully!', createdUser: 'User created successfully!',
updatedUser: 'User successfully updated!', updatedUser: 'User successfully updated!',
msgCreatedUser: 'When creating a new user, you inform the account beneficiary that they must use their email to set a password in the <span class="font-bold">Forgot my password</span> section so they can log in.', msgCreatedUser: 'When creating a new user, you inform the account beneficiary that they must use their email to set a password in the <span class="font-bold">Forgot my password</span> section so they can log in.',
loading: 'Please wait!' loading: 'Please wait!',
savingChanes: 'Saving changes',
}, },
global: { global: {
signIn: "Sign In", signIn: "Sign In",
@@ -145,7 +156,9 @@ const en = {
segments: 'Segments', segments: 'Segments',
segment: 'Segment', segment: 'Segment',
notification: "Notification", notification: "Notification",
pagination: 'Pagination' pagination: 'Pagination',
lang: 'Language',
prefs: 'User Preferences'
}, },
login: { login: {
title: 'Sign in', title: 'Sign in',
@@ -250,12 +263,60 @@ const en = {
loadingDel: 'Removing load', loadingDel: 'Removing load',
msgTitleDel: 'Load removed!', msgTitleDel: 'Load removed!',
msgDel: 'Your load has been successfully deleted.', msgDel: 'Your load has been successfully deleted.',
msgNotDel: '"Your load could not be deleted, please try later.', msgNotDel: 'Your load could not be deleted, please try later.',
msgSave: 'Load saved!', msgSave: 'Load saved!',
msgNotSave: '"Could not save upload, try later', msgNotSave: '"Could not save upload, try later',
msgPost: 'Load posted!', msgPost: 'Load posted!',
msgNotPost: 'Could not post load, please try later' msgNotPost: 'Could not post load, please try later'
},
evidence: {
evidence: "Evidence",
title: "Attached evidence",
loadEvidence: 'Load evidence',
downloadEvidence: 'Download evidence',
empty: 'There is no evidence uploaded'
},
proposals: {
numCarrier: 'carrier registration #',
bidder: 'Bidder',
empty: 'There are no offers yet',
msgOfferAccept: "The offer was successfully accepted.",
titleOfferAccept: 'Offer accepted!',
msgErrorAcceptOffer: 'Could not update offer, try later.',
msgNotAcceptOffer: 'Could not accept offer, try again later.',
titleCanceModal: 'Cancel offer',
textCancelModal: 'Are you sure to cancel this offer?',
confirmCancel: 'Yes, cancel',
msgTitleCancel: 'Offer cancelled!',
msgCancel: 'The offer was successfully withdrawn.',
msgNotCancel: 'Could not withdraw offer, try later',
},
vehicles: {
infoVehicle: 'Vehicle information',
truckPlates: 'Truck Tract Plates',
trailerPlates: 'Trailer Plates',
chargingBase: 'Charging Base',
additionalInfoVehicle: 'Additional Transportation Information',
serialNumber: 'Serial Number',
},
profile: {
profile: 'User data',
changePassword: 'Change password',
changeEmail: 'Change email',
msgUpdateUser: 'Updated user',
titleFormEmail: 'Change email',
newEmail: 'New Email',
confirmEmail: 'Confirm Email',
msgInfoEmail: '<span>By confirming this action, we will close your current session to update your email. You will be redirected to the login page. Remember that your password will be reset. You will need to recover it, you can do so in the <span class="font-bold">Forgot your password?</span> section.</span>',
questionChangeEmail: 'Are you sure to change the email?',
msgChangeEmail: 'Email has been changed successfully!',
helpTextResetPass: 'This action will log you out of your current session and you will need to log in again with your new password.'
},
carriers: {
title: '<span class="title-main">Carriers</span> directory',
searchByCarrier: 'Search by carrier'
} }
}; };

71
src/i18n/es.js
View File

@@ -19,6 +19,7 @@ const es = {
selectTruck: 'Busca por tipo de transporte', selectTruck: 'Busca por tipo de transporte',
selectState: 'Busca por estado', selectState: 'Busca por estado',
selectCity: 'Busca por ciudad', selectCity: 'Busca por ciudad',
selectProduct: 'Buscar por producto',
names: 'Nombre(s)', names: 'Nombre(s)',
lastnames: 'Apellido(s)', lastnames: 'Apellido(s)',
phone1: 'Teléfono', phone1: 'Teléfono',
@@ -51,6 +52,7 @@ const es = {
additionalInformation: 'Información adicional', additionalInformation: 'Información adicional',
writeHere: 'Escribe aqui', writeHere: 'Escribe aqui',
create: 'Crear', create: 'Crear',
date: 'Fecha',
}, },
buttons: { buttons: {
enter: "Ingresa aqui", enter: "Ingresa aqui",
@@ -70,7 +72,12 @@ const es = {
delete: "Eliminar", delete: "Eliminar",
cancel: "Cancelar", cancel: "Cancelar",
add: 'Agregar', add: 'Agregar',
post: 'Publicar' post: 'Publicar',
editProfile: 'Editar perfil',
accept: 'Aceptar',
accepted: 'Aceptado',
confirm: 'Confirmar',
search: 'Buscar',
}, },
errors: { errors: {
requireds: 'Todos los campos con obligatorios', requireds: 'Todos los campos con obligatorios',
@@ -97,7 +104,9 @@ const es = {
state: 'Seleccione estado', state: 'Seleccione estado',
directoryType: 'seleccione el tipo de directorio', directoryType: 'seleccione el tipo de directorio',
zipcode: 'Ingrese código postal valido', zipcode: 'Ingrese código postal valido',
date: 'Fecha es requerida',
weight: 'Peso es requerido',
notMatchEmails: 'Los correos electrónicos no coinciden'
}, },
messages: { messages: {
sendCode: 'Te enviamos un código al correo, ingresado!', sendCode: 'Te enviamos un código al correo, ingresado!',
@@ -108,7 +117,8 @@ const es = {
createdUser: 'Usuario creado con éxito!', createdUser: 'Usuario creado con éxito!',
updatedUser: 'Usuario actualizado con éxito!', updatedUser: 'Usuario actualizado con éxito!',
msgCreatedUser: 'Al crear un nuevo usuario, informa al beneficiario de la cuenta, que debe utilizar su correo electrónico para establecer una contraseña en la sección <span class="font-bold">Olvidé mi contraseña</span> y así poder iniciar sesión.', msgCreatedUser: 'Al crear un nuevo usuario, informa al beneficiario de la cuenta, que debe utilizar su correo electrónico para establecer una contraseña en la sección <span class="font-bold">Olvidé mi contraseña</span> y así poder iniciar sesión.',
loading: 'Por favor espere!' loading: 'Por favor espere!',
savingChanes: 'Guardando cambios',
}, },
global: { global: {
signIn: 'Ingresar', signIn: 'Ingresar',
@@ -149,6 +159,8 @@ const es = {
segment: 'Segmento', segment: 'Segmento',
notification: "Notificación", notification: "Notificación",
pagination: 'Paginación', pagination: 'Paginación',
lang: 'Idioma',
prefs: 'Preferencias de usuario',
}, },
login: { login: {
title: 'Iniciar sesión', title: 'Iniciar sesión',
@@ -247,6 +259,9 @@ const es = {
addressNameDownload: 'Nombre locación de descarga', addressNameDownload: 'Nombre locación de descarga',
locationsRegistered: 'Locaciones registradas', locationsRegistered: 'Locaciones registradas',
selectedLocation: 'Seleccionar locación', selectedLocation: 'Seleccionar locación',
labelPrice: 'Precio en MXN',
labelWeight: 'Peso de la carga en kg',
notes: 'Notas',
titleDel: 'Eliminar carga!', titleDel: 'Eliminar carga!',
textDel: '¿Estás seguro de eliminar esta carga?', textDel: '¿Estás seguro de eliminar esta carga?',
@@ -256,10 +271,58 @@ const es = {
msgNotDel: '"Tu carga no se pudo eliminar, intente más tarde.', msgNotDel: '"Tu carga no se pudo eliminar, intente más tarde.',
msgSave: 'Carga guardada!', msgSave: 'Carga guardada!',
msgNotSave: '"No se pudo guardar carga, intente más tarde', msgNotSave: 'No se pudo guardar carga, intente más tarde',
msgPost: 'Carga publicada!', msgPost: 'Carga publicada!',
msgNotPost: 'No se pudo publicar carga, intente más tarde' msgNotPost: 'No se pudo publicar carga, intente más tarde'
},
evidence: {
evidence: "Evidencias",
title: "Evidencias adjuntas",
loadEvidence: 'Evidencia de carga',
downloadEvidence: 'Evidencia de descarga',
empty: 'No hay evidencias subidas',
},
proposals: {
numCarrier: '# de registro del transportista',
bidder: 'Licitador',
empty: 'No hay ofertas todavía',
msgOfferAccept: "La oferta fue aceptada exitosamente.",
titleOfferAccept: 'Oferta aceptada!',
msgErrorAcceptOffer: 'No se pudo actualizar oferta, intente más tarde.',
msgNotAcceptOffer: 'No se pudo aceptar oferta, intente más tarde.',
titleCanceModal: 'Cancelar oferta',
textCancelModal: '¿Estás seguro de cancelar esta oferta?',
confirmCancel: 'Si, cancelar',
msgTitleCancel: 'Oferta cancelada!',
msgCancel: 'La oferta fue retirada exitosamente.',
msgNotCancel: 'No se pudo retirar oferta, intente más tarde',
},
vehicles: {
infoVehicle: 'Información del vehiculo',
truckPlates: 'Placas Tracto Camión',
trailerPlates: 'Placas Remolque',
chargingBase: 'Base de carga',
additionalInfoVehicle: 'Información Adicional del Transporte',
serialNumber: 'Número de Serie',
},
profile: {
profile: 'Datos de usuario',
changePassword: 'Cambiar contraseña',
changeEmail: 'Cambiar correo',
msgUpdateUser: 'Usuario actualizado',
titleFormEmail: 'Cambiar correo electrónico',
newEmail: 'Nuevo Correo electrónico',
confirmEmail: 'Confirmar Correo electrónico',
msgInfoEmail: '<span>Al confirmar esta acción, cerraremos tu sesión actual para actualizar tu correo electrónico. Serás redirigido a la página de inicio de sesión. Recuerda que tu contraseña se restablecerá. Necesitaras recuperarla, puedes hacerlo en la sección <span class="font-bold">¿Olvidaste tu contraseña?</span>.</span>',
questionChangeEmail: '¿Estás seguro de cambiar el correo electrónico?',
msgChangeEmail: 'Correo electrónico se ha cambiando exitosamente!',
helpTextResetPass: 'Esta acción cerrara su sesión actual y debera volver a iniciar sesión con su nueva contraseña'
},
carriers: {
title: 'Directorio de <span class="title-main">Transportistas</span>',
searchByCarrier: 'Buscar por transportista'
} }
}; };

12
src/views/CarriersView.vue
View File

@@ -7,7 +7,8 @@
import Segments from '../components/ui/Segments.vue'; import Segments from '../components/ui/Segments.vue';
import States from '../components/ui/States.vue'; import States from '../components/ui/States.vue';
import Cities from '../components/ui/Cities.vue'; import Cities from '../components/ui/Cities.vue';
import Pagination from '../components/Pagination.vue'; import Pagination from '../components/Pagination.vue';
import { useI18n } from 'vue-i18n';
const {loading, companies, getCompaniesData, companiesTotal, currentCompaniesPage} = useDirectory(); const {loading, companies, getCompaniesData, companiesTotal, currentCompaniesPage} = useDirectory();
const query = ref(''); const query = ref('');
@@ -17,6 +18,8 @@ import Pagination from '../components/Pagination.vue';
const selectedCities = ref([]); const selectedCities = ref([]);
const filterQuery = ref([]); const filterQuery = ref([]);
const { t } = useI18n()
const limit = 10; const limit = 10;
onMounted(() => { onMounted(() => {
@@ -129,11 +132,12 @@ import Pagination from '../components/Pagination.vue';
<template> <template>
<div> <div>
<h2 class="title mb-5">Directorios de <span class="title-main">Transportistas</span></h2> <!-- <h2 class="title mb-5">Directorios de <span class="title-main">Transportistas</span></h2> -->
<h2 class="title mb-5" v-html="t('carriers.title')"></h2>
<div class="card-filters"> <div class="card-filters">
<div class="d-flex mb-2"> <div class="d-flex mb-2">
<input class="form-control me-2" type="search" name="" placeholder="Buscar transportista" id="" @:input="search()" v-model="query" aria-label="Search"> <input class="form-control me-2" type="search" name="" :placeholder="t('carriers.searchByCarrier')" id="" @:input="search()" v-model="query" aria-label="Search">
<button class="btn btn-outline-dark me-2" type="button" @click="search">Buscar</button> <button class="btn btn-outline-dark me-2" type="button" @click="search">{{ t('buttons.search') }}</button>
<button <button
class="btn btn-danger" type="button" @click="clearFilter"> class="btn btn-danger" type="button" @click="clearFilter">
<i class="fa-solid fa-arrow-rotate-right"></i> <i class="fa-solid fa-arrow-rotate-right"></i>

29
src/views/EditProfileView.vue
View File

@@ -7,6 +7,7 @@
import NotificationBadge from '../components/ui/NotificationBadge.vue'; import NotificationBadge from '../components/ui/NotificationBadge.vue';
import FormChangePassword from '../components/FormChangePassword.vue'; import FormChangePassword from '../components/FormChangePassword.vue';
import FormChangeEmail from '../components/FormChangeEmail.vue'; import FormChangeEmail from '../components/FormChangeEmail.vue';
import { useI18n } from 'vue-i18n';
const auth = useAuthStore(); const auth = useAuthStore();
@@ -23,6 +24,8 @@
phone1: '', phone1: '',
}) })
const { t } = useI18n()
onMounted(() => { onMounted(() => {
if(user.value) { if(user.value) {
getData() getData()
@@ -58,10 +61,10 @@
const result = await auth.updateProfile(userData) const result = await auth.updateProfile(userData)
loading.value = false; loading.value = false;
if(result.msg === 'success') { if(result.msg === 'success') {
msgSuccess.value = 'Usuario actualizado'; msgSuccess.value = t('errors.msgUpdateUser');
clearMessages(); clearMessages();
} else { } else {
msgError.value = 'Algo salio mal, intente más tarde'; msgError.value = t('errors.generic');
clearMessages(); clearMessages();
} }
} }
@@ -76,11 +79,11 @@
const validatiosUser = () => { const validatiosUser = () => {
if(userForm.name.trim().length < 3) { if(userForm.name.trim().length < 3) {
return 'Ingresa nombre(s) valido'; return t('errors.name');
} else if(userForm.lastName.trim().length < 2) { } else if(userForm.lastName.trim().length < 2) {
return 'Ingresa apellido(s) valido'; return t('errors.lastname');
} else if(userForm.phone1.trim().length < 10) { } else if(userForm.phone1.trim().length < 10) {
return 'Ingresa teléfono valido'; return t('errors.phone');
} else { } else {
return ''; return '';
} }
@@ -98,15 +101,15 @@
<a class="btn-text" <a class="btn-text"
:class="[(form === 0) ? 'selection' : '']" :class="[(form === 0) ? 'selection' : '']"
@click="setForm(0)" @click="setForm(0)"
>Datos usuario</a> >{{ t('profile.profile') }}</a>
<a class="btn-text" <a class="btn-text"
:class="[(form === 1) ? 'selection' : '']" :class="[(form === 1) ? 'selection' : '']"
@click="setForm(1)" @click="setForm(1)"
>Cambiar correo</a> >{{ t('profile.changeEmail') }}</a>
<a class="btn-text" <a class="btn-text"
:class="[(form === 2) ? 'selection' : '']" :class="[(form === 2) ? 'selection' : '']"
@click="setForm(2)" @click="setForm(2)"
>Cambiar contraseña</a> >{{ t('profile.changePassword') }}</a>
</div> </div>
<br/> <br/>
<div class="divider"></div> <div class="divider"></div>
@@ -118,26 +121,26 @@
v-if="form === 0" v-if="form === 0"
> >
<br/> <br/>
<h3 class="title">Datos de usuario</h3> <h3 class="title">{{ t('profile.profile') }}</h3>
<br/> <br/>
<NotificationBadge :msg="msgError" v-if="msgError != ''"/> <NotificationBadge :msg="msgError" v-if="msgError != ''"/>
<NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/> <NotificationBadge :msg="msgSuccess" v-if="msgSuccess != ''" :is-error="false"/>
<CustomInput <CustomInput
label="Nombres(s)*:" :label="t('labels.names')+'*:'"
type="text" type="text"
name="name" name="name"
:filled="false" :filled="false"
v-model:field="userForm.name" v-model:field="userForm.name"
/> />
<CustomInput <CustomInput
label="Apellidos(s)*:" :label="t('labels.lastnames')+'*:'"
type="text" type="text"
name="lastname" name="lastname"
:filled="false" :filled="false"
v-model:field="userForm.lastName" v-model:field="userForm.lastName"
/> />
<CustomInput <CustomInput
label="Teléfono*:" :label="t('labels.phone')+'*:'"
type="number" type="number"
name="phone1" name="phone1"
:step="1" :step="1"
@@ -148,7 +151,7 @@
<Spiner v-if="loading"/> <Spiner v-if="loading"/>
<button <button
v-else v-else
class="btn btn-dark btn-block" type="submit">Guardar</button> class="btn btn-dark btn-block" type="submit">{{ t('buttons.save') }}</button>
</div> </div>
</form> </form>
<FormChangeEmail v-if="form === 1"/> <FormChangeEmail v-if="form === 1"/>