add: translation in direction & loads
This commit is contained in:
Alexandro Uc Santos
@@ -1,13 +1,12 @@
|
||||
<script setup>
|
||||
import { RouterLink, useRouter } from 'vue-router';
|
||||
import { getDateMonthDay } from '../helpers/date_formats';
|
||||
import { getStatusPublished } from '../helpers/status';
|
||||
import { getStatusLoad } from '../helpers/status';
|
||||
import { useLoadsStore } from '../stores/loads';
|
||||
import Swal from 'sweetalert2'
|
||||
import { useAuthStore } from '../stores/auth';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
const router = useRouter();
|
||||
const loadsStore = useLoadsStore();
|
||||
const authStore = useAuthStore();
|
||||
|
||||
@@ -23,8 +22,7 @@
|
||||
}
|
||||
});
|
||||
|
||||
console.log(props.load)
|
||||
|
||||
const { t } = useI18n()
|
||||
defineEmits(['set-load'])
|
||||
|
||||
|
||||
@@ -35,18 +33,18 @@
|
||||
|
||||
const handleDeleteLoad = async() => {
|
||||
Swal.fire({
|
||||
title: 'Eliminar carga!',
|
||||
text: '¿Estás seguro de eliminar esta carga?',
|
||||
title: t('loads.titleDel'),
|
||||
text: t('loads.textDel'),
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
cancelButtonColor: "#d33",
|
||||
confirmButtonText: 'Eliminar',
|
||||
cancelButtonText: 'Cancelar',
|
||||
confirmButtonText: t('buttons.delete'),
|
||||
cancelButtonText: t('buttons.cancel'),
|
||||
}).then(async(result) => {
|
||||
if(result.isConfirmed) {
|
||||
Swal.fire({
|
||||
title: 'Por favor espere!',
|
||||
html: 'Eliminando carga...',// add html attribute if you want or remove
|
||||
title: t('messages.loading'),
|
||||
html: t('loads.loadingDel') + '...',// add html attribute if you want or remove
|
||||
allowOutsideClick: false,
|
||||
didOpen: () => {
|
||||
Swal.showLoading()
|
||||
@@ -56,14 +54,14 @@
|
||||
if(resp != null) {
|
||||
loadsStore.loads = loadsStore.loads.filter(load => load._id !== props.load._id);
|
||||
Swal.fire({
|
||||
title: "Carga eliminada!",
|
||||
text: "Tu carga ha sido eliminada exitosamente.",
|
||||
title: t('loads.msgTitleDel'),
|
||||
text: t('loads.msgDel'),
|
||||
icon: "success"
|
||||
});
|
||||
} else {
|
||||
Swal.fire({
|
||||
title: "No eliminado!",
|
||||
text: "Tu carga no se pudo eliminar, intente más tarde.",
|
||||
title: t('errors.msgTitleNotDel'),
|
||||
text: t('loads.msgNotDel'),
|
||||
icon: "error"
|
||||
});
|
||||
}
|
||||
@@ -111,7 +109,7 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12">
|
||||
<p>
|
||||
<span>Origen: </span>
|
||||
<span>{{t('loads.origin')}}: </span>
|
||||
<template v-if="load.origin.company_name"> {{ load.origin.company_name }}, </template>
|
||||
<template v-if="load.origin.street_address1">{{ load.origin.street_address1 }}, </template>
|
||||
<template v-if="load.origin.city">{{ load.origin.city }}, </template>
|
||||
@@ -120,7 +118,7 @@
|
||||
<template v-if="load.origin.zipcode">{{ load.origin.zipcode }} </template>
|
||||
</p>
|
||||
<p>
|
||||
<span>Destino: </span>
|
||||
<span>{{t('loads.destination')}}: </span>
|
||||
<template v-if="load.destination.company_name"> {{ load.destination.company_name }}, </template>
|
||||
<template v-if="load.destination.street_address1">{{ load.destination.street_address1 }}, </template>
|
||||
<template v-if="load.destination.city">{{ load.destination.city }}, </template>
|
||||
@@ -131,26 +129,26 @@
|
||||
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12" v-if="authStore.user?.permissions === 'role_shipper'">
|
||||
<p><span>Status de la publicación:</span> <span>{{ getStatusPublished(load) }}</span></p>
|
||||
<p :style="{color: getStatusLoad(load).color}"><span>Status de la carga:</span> <span>{{ getStatusLoad(load).status }}</span></p>
|
||||
<p><span>{{t('loads.postStatus')}}:</span> <span>{{ getStatusPublished(load) }}</span></p>
|
||||
<p :style="{color: getStatusLoad(load).color}"><span>{{t('loads.loadStatus')}}:</span> <span>{{ getStatusLoad(load).status }}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-sm-12">
|
||||
<p><span>Tipo de camión: </span> {{ load.truck_type }}</p>
|
||||
<p><span>Peso: </span> {{ load.weight }} KG</p>
|
||||
<p><span>Fecha de carga: </span> {{ getDateMonthDay(load.est_loading_date) }}</p>
|
||||
<p><span>{{t('loads.truckType')}}: </span> {{ load.truck_type }}</p>
|
||||
<p><span>{{t('loads.weight')}}: </span> {{ load.weight }} KG</p>
|
||||
<p><span>{{t('loads.dateLoad')}}: </span> {{ getDateMonthDay(load.est_loading_date) }}</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12">
|
||||
<p><span>Producto: </span> {{ load?.product?.name }}</p>
|
||||
<p><span>Costo real: </span> {{ load.actual_cost }}</p>
|
||||
<p><span>Fecha de descarga: </span> {{getDateMonthDay(load.est_unloading_date) }}</p>
|
||||
<p><span>{{t('loads.product')}}: </span> {{ load?.product?.name }}</p>
|
||||
<p><span>{{t('loads.cost')}}: </span> {{ load.actual_cost }}</p>
|
||||
<p><span>{{t('loads.dateDownload')}}: </span> {{getDateMonthDay(load.est_unloading_date) }}</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-12">
|
||||
<p><span>Segmento: </span> {{ load.categories?.map((e) => e.name).join(', ') }}</p>
|
||||
<p><span>Código de carga: </span> {{ load.shipment_code }}
|
||||
<p><span>{{t('global.segment')}}: </span> {{ load.categories?.map((e) => e.name).join(', ') }}</p>
|
||||
<p><span>{{t('loads.loadCode')}}: </span> {{ load.shipment_code }}
|
||||
<!-- <RouterLink
|
||||
v-if="load.load_status !== 'Draft' && !readOnly"
|
||||
class="tracking-icon"
|
||||
@@ -166,10 +164,10 @@
|
||||
</svg>
|
||||
</span>
|
||||
</p>
|
||||
<p><span>Publicación hecha por: </span> {{ load.posted_by_name }}</p>
|
||||
<p><span>{{t('loads.postBy')}}: </span> {{ load.posted_by_name }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<p v-if="load.notes"><span>Notas adicionales:</span></p>
|
||||
<p v-if="load.notes"><span>{{ t('loads.note') }}:</span></p>
|
||||
<div v-if="load.notes" class="box-note">
|
||||
{{ load.notes }}
|
||||
</div>
|
||||
@@ -178,7 +176,7 @@
|
||||
v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by"
|
||||
class="btn-primary-sm bg-danger"
|
||||
@click="handleDeleteLoad"
|
||||
><i class="fa-solid fa-ban clear-sm"></i> Cancelar</button>
|
||||
><i class="fa-solid fa-ban clear-sm"></i> {{ t('buttons.cancel') }}</button>
|
||||
<button v-if="load.status !== 'Draft' && load.load_status !== 'Published' && load.load_status !== 'Loading'"
|
||||
type="button"
|
||||
data-toggle="modal" data-target="#attachmentModal"
|
||||
@@ -193,14 +191,14 @@
|
||||
class="btn-primary-sm"
|
||||
data-toggle="modal" data-target="#formLoadModal"
|
||||
@click="openEditModal"
|
||||
><i class="fa-solid fa-pen-to-square clear-sm"></i> Editar carga</button>
|
||||
><i class="fa-solid fa-pen-to-square clear-sm"></i> {{t('loads.editLoad')}}</button>
|
||||
<button
|
||||
v-if="load.status !== 'Draft'"
|
||||
class="btn-primary-sm"
|
||||
@click="openProposalsModal"
|
||||
data-toggle="modal"
|
||||
data-target="#proposalsModal"
|
||||
>#{{ load.no_of_proposals }} Ofertas</button>
|
||||
>#{{ load.no_of_proposals }} {{t('loads.offers')}}</button>
|
||||
</div>
|
||||
<div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_carrier'">
|
||||
<button
|
||||
@@ -208,7 +206,7 @@
|
||||
data-toggle="modal"
|
||||
data-target="#makeProposalModal"
|
||||
@click="event => $emit('set-load')"
|
||||
>Hacer oferta</button>
|
||||
>{{t('loads.makeOffer')}}</button>
|
||||
<!-- <button
|
||||
class="btn-primary-sm"
|
||||
@click="makeCall('+529889662382')"
|
||||
|
||||
Reference in New Issue
Block a user